Physics-based 3D cloth using Three.js and Cannon.js

Learn how to create a physics-based 3D cloth with Cannon.js and Three.js and use simplex noise to create a wind effect. By Arno Di Nunzio

Article on Codrops

Demo

Installation

Run this command in the terminal

npm install

Compile the code

npm run build

Compile the code with a local server

npm run watch

Credits

• Slideshow based on Jesper Landberg's slider
• Three.js
• Cannon.js
• Simplex noise

License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

Misc

Follow Arno: Twitter, Dribbble, Instagram, GitHub

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2019