Skip to content

Commit

Permalink
updated README
Browse files Browse the repository at this point in the history
  • Loading branch information
rauenzi committed Oct 18, 2016
1 parent 8e88c56 commit 5d975a4
Showing 1 changed file with 10 additions and 6 deletions.
16 changes: 10 additions & 6 deletions README.md
@@ -1,9 +1,14 @@
# Object3D-Demo

If you move the cursor over the canvas, you can pan the camera following your cursor allowing you to look around, the camera automatically resets
once the cursor leaves the canvas. Along with panning the camera, you can rotate the camera around the scene using the "a" and "d" keys,
raise and lower the camera using the up and down arrow keys, and zoom in and out using the "w" and "s" keys. The viewer can even interact with
the fish monster by using the "Page Up" and "Page Down" keys which move the fish monster block in the y direction.
## Demo

You can view a demo of this here: http://rauenzi.github.io/Object3D-Demo/

## Controls

If you move the cursor over the canvas, you can pan the camera following your cursor allowing you to look around, the camera automatically resets once the cursor leaves the canvas. Along with panning the camera, you can rotate the camera around the scene using the "a" and "d" keys, raise and lower the camera using the up and down arrow keys, and zoom in and out using the "w" and "s" keys. The viewer can even interact with the fish monster by using the "Page Up" and "Page Down" keys which move the fish monster block in the y direction.

## Implementation

In order to create this animation, a JavaScript class was created to help create each 3d object. In the class file
there are multiple functions that each prepare the object for being rendered. when an object is called in the initialization
Expand All @@ -12,5 +17,4 @@ After this has been done, a function to attach shaders to the object, followed b
modelview matrix, and finally a function to transform the object using a projection matrix are run. Once all objects have been created,
the initialize file calls the render function, which in turn calls the class render function for each object. In this render function,
variables are attached and the shapes are drawn one by one. two directional light sources were created, originating from the back towards
the right as well as one from the front on the left side. through using transform matrices, objects in this animation are able to translate,
rotate, and scale. These objects will do so by themselves but the scene can be slightly interacted with by the viewers.
the right as well as one from the front on the left side. through using transform matrices, objects in this animation are able to translate, rotate, and scale. These objects will do so by themselves but the scene can be slightly interacted with by the viewers.

0 comments on commit 5d975a4

Please sign in to comment.