Building an Immersive 3D Dice Roller with React and Three.js

Hey RPG community! I wanted to share a tool I built for my tabletop sessions — Arcane-Dice.

Inspired by the immersive dice rolling experience in Baldur’s Gate 3, I built this web-based 3D dice roller app to bring that same feeling to any browser.

Features:

• Physics-based Rolling: Real 3D dice using Three.js and Cannon.js.
• Immersive Effects: Sound effects and animations to make every roll feel impactful.
• Easy Integration: Ready to be used in any web-based tabletop tool.

Tech Stack:

• React
• Three.js (React Three Fiber)
• Cannon.js for physics
• Howler.js for audio

Check it out on GitHub:
GitHub Repository
Live Demo

I’d love to hear your feedback or see what kind of dice skins you’d like to see next!

showdev #gamedev #threejs #react #rpg