Dice roller with Three.js and cannon-es

Demo for the tutorial on how to code a dice cube and realistic dice roller

Article on Codrops

Demo

Installation

No package manager / build system is needed. You can run the page as it is on local server (any web server, really).

The page is using the following libs:

1. Three.js + their addons OrbitControls and mergeBufferGeometries. https://threejs.org/docs/#manual/en/introduction/Installation

2. cannon-es https://github.com/pmndrs/cannon-es

Both tools are added as JS modules via CDN with import map. Other installation options are available (see the links above)

Misc

Follow Ksenia: Twitter, Codepen, website

Follow Codrops: Twitter, Facebook , GitHub, Instagram

License

MIT

Made with 💙 by Codrops