Skip to content
Back to home
AI 3D

A jelly dice roller you can play with in the browser

Riding the jelly trend, Ann Nguyen built a virtual jelly dice roller in Three.js with Claude Fable 5.1 — pick how many dice you need and the style, then roll.

last month

Dice are a solved interface: click, get a number. Ann Nguyen's version is made of jelly, and the jelly is the whole point.

Built with Claude Fable 5.1 in Three.js, it lets you choose how many dice you need and their style, then roll them and watch them squash, wobble and settle. The information is the same as any dice app. What is new is the half-second where the material convinces you something physical just happened in a browser tab.

Soft-body motion is easy to get wrong — too stiff and it is rubber, too loose and it never comes to rest. The demo works if you find yourself rolling again for the wobble rather than the result.

A jelly dice roller you can play with in the browser

Made with

Ann Nguyen

@ann_nnng

View the original post on X
seems like there's a jelly trend going on rn, so I made this lil virtual jelly dice roller you can pick how many dice you need plus the style, built with claude fable 5.1 in three.js https://t.co/jtrbz8S6P1

2.4K likes

likes
2,364
replies
44

Captured when this was curated, not live. —

Keep reading