3D Dice Roller with Three.js and Cannon-es

Open source demo and tutorial on how to make a dice roller on your website. The code is vanilla javascript. I use Three.js to create scene and dice shapes (they're super easy to customise) and Cannon-es for physics.

Live demo & source code: https://codepen.io/ksenia-k/full/QWZVvxm

In-depth tutorial: https://tympanus.net/codrops/2023/01/25/crafting-a-dice-roller-with-three-js-and-cannon-es/

More works: https://codepen.io/ksenia-k

Portfolio & contacts: https://ksenia-k.com/