Last edited 16dec13 by
Find this document at class198f13/rsbabu2/public_html/progress.html

Visualizing the dynamics of swimming in 3D with HTML and Javascript

By: Ramya Babu


October 23, 2013
Thus far, I have dabbled into creating 3D objects with the three.js library. The following image is a screenshot of the animation of a 3D object that I created. This object consists of two spheres connected by a cylinder.
Goals for end of next week:
1. Read the chapter about the Blobby man from Jim Blinn's book.
2. Construct the frame for my blobby man.

3D object
Click here to see the animated version of the image.

October 30, 2013
Constructed a skeleton for a blobby man. View it here.

November 4, 2013
Fixed the coding for the blobby man to include a better hierarchy.. instead of adding objects to the scene individually, I added them to the "body" object and then added the body to the scene. Also, instead of rotating the camera, the body now rotates and the camera is stationary. Differences may not be evident until the code is examined. Basically, all I've done is clean up the skeleton code to make future progress a bit smoother. View it here.

November 12, 2013
Added some animation to the blobby man. Now he can walk! Well sort of.. it's a little choppy.. but it's progress! View it here.

December 3, 2013
The scene can now be modified and manipulated with the mouse. Next step is to try to get the animation for the swimming motion coded. Try the mouse movement here.

December 11, 2013
A basic backstroke and freestyle have been made. See backstroke here. And See freestyle here.

December 14, 2013
Project is finished. Click the tab above in the menu to view it.