Skip to content
How to use physics with Cannon.js and Three.js
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 7ac4010 Dec 10, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.babelrc Initial project Nov 27, 2019
.editorconfig Initial project Nov 27, 2019
.eslintrc.json Initial project Nov 27, 2019
.stylelintrc.json Initial project Nov 27, 2019 Demo link Dec 10, 2019
favicon.ico Initial project Nov 27, 2019
index.html Update links Dec 10, 2019
index3.html Update links Dec 10, 2019
package.json Initial project Nov 27, 2019

Physics Menu with Three.js and Cannon.js

Learn the basics of how to do physics in WebGL using Cannon.js and render it with Three.js. By Arno Di Nunzio

Physics in WebGL with cannonjs and threejs

Article on Codrops



Run this command in the terminal

npm install

Compile the code

npm run build

Compile the code with a local server

npm run watch



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.


Follow Arno: Twitter, Dribbble, Instagram, GitHub

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

© Codrops 2019

You can’t perform that action at this time.