Basic Cloth Simulation in WebGL

Post Reply
mobeen
Posts: 122
Joined: Thu May 05, 2011 11:47 am

Basic Cloth Simulation in WebGL

Post 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
User avatar
Erwin Coumans
Site Admin
Posts: 4221
Joined: Sun Jun 26, 2005 6:43 pm
Location: California, USA
Contact:

Re: Basic Cloth Simulation in WebGL

Post by Erwin Coumans »

Thanks for sharing the WebGL cloth demos.

It works great, so this is all implemented in Javascript?
Thanks,
Erwin
mobeen
Posts: 122
Joined: Thu May 05, 2011 11:47 am

Re: Basic Cloth Simulation in WebGL

Post 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.
Post Reply