An interactive 3D animation using WebGL to depict a 2D predator prey ecology on a grid real-time mapped onto the surface of a 3D torus. Sound file is parsed then visualized both in time and frequency domains as well as rendered using Web Audio API - this is an exercise where I taught myself how to display data for an ongoing project on sound synthesis
Visit nodejs.org and install Node.js.
Clone this repository to your local machine:
git clone git@github.com:scottstensland/webgl-3d-animation.gitChange directory into the project folder:
cd webgl-3d-animationThen install the dependent modules:
npm installLaunch the nodejs app:
npm startUsing a WebGL savvy browser, point it at url
http://localhost:8888 or ignore above and just see this WebGL app deployed live :
Feel free to contact me on twitter if you have any questions!
... my twitter name is same as my github name
instructions on how to drive this ...
this will run on any browser however
run this on a laptop/desktop to be able
to navigate using below keyboard keys
since I have not yet added ability to
properly navigate using fingers on mobile devices
see this video I created using similar logic
which shows cool navigation flythrough
Predator Prey ecology agent based simulation in c++ OpenGL folds a 2d plane onto surface of a torus https://www.youtube.com/watch?v=frYWtGXqBWc
run on a computer not on a phone since it currently uses
just the mouse and keyboard as controls
mouse left button and middle scroll wheel
page up / page down
arrow keys left/right/up/down
also these keys : w s a d
it uses WebGL for graphics
I wrote it in the language javascript infact this was my
"Hello World" for both javascript and WebGL