webgl-3d-animation

webgl-3d-animation

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

Installation

Visit nodejs.org and install Node.js.

Clone this repository to your local machine:

git clone [e-mail]:scottstensland/webgl-3d-animation.git

Change directory into the project folder:

cd webgl-3d-animation

Then install the dependent modules:

npm install

Launch the nodejs app:

npm start

Using a WebGL savvy browser, point it at url

		 http://localhost:8888 

or ignore above and just see this WebGL app deployed live :

https://cybrcr.com/webgl/

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