Page 1 of 1

Basic Cloth Simulation in WebGL

Posted: Sun Jan 22, 2012 6:25 pm
by mobeen
Hi all,
Recently, I tried to get my hands dirty with WebGL using THREE.js javascript rendering engine and WebGL. This demo uses explicit Euler integration and simple collisions with the floor.

Here is the link to the embedded version.
http://mmmovania.blogspot.com/2012/01/s ... using.html

Here is the link to the full version.
http://www3.ntu.edu.sg/home2007/mova000 ... Cloth.html
http://www3.ntu.edu.sg/home2007/mova000 ... tured.html

Controls: Left click and drag to rotate, middle click and drag to zoom.

Use Google Chrome browser for best performance. Ofcouse, comments and critics welcome.

Regards,
Mobeen

Re: Basic Cloth Simulation in WebGL

Posted: Mon Jan 23, 2012 11:45 pm
by Erwin Coumans
Thanks for sharing the WebGL cloth demos.

It works great, so this is all implemented in Javascript?
Thanks,
Erwin

Re: Basic Cloth Simulation in WebGL

Posted: Tue Jan 24, 2012 3:22 am
by mobeen
Hi Erwin,
Thanks for appreciating. Yes this is using javascript, rendering using the awesome THREE.js library. I will be doing an entirely GPU-based version soon so that would be even faster than this version. This is a wonderful platform for realtime applications.