Wheel of Fortune

Hi community!

Video:


Demo: https://codepen.io/prisoner849/full/MYyQMKM

Made it just for fun, as I was curious of how to create such a thing, using only Three.js :sweat_smile:

12 Likes

:slot_machine: Three.js Playable Casino Concepts

That’s awesome! Seriously, wild what you managed to build with pure Three.js :grinning_face_with_smiling_eyes:
It definitely got me thinking…

Do you think you’d be able to create something like a 3D slot machine in Three.js too, similar to this screenshot?

It’d be pretty amazing to see a full Three.js casino-style experience, whether it’s a slot machine, a card table, or even a whole mini-casino environment.

And honestly, it would be super cool to transform slotreel into a fully immersive 3D Three.js slot machine.
Imagine the spinning reels, lighting, reflections, animations, all in real 3D. That would look incredible.

Really curious if your current approach could evolve into something like that!

1 Like

Depends on how cool you want it to look.
This cutie cost me a couple of evenings. I wasn’t in rush though. :sweat_smile:


Demo: https://codepen.io/prisoner849/full/vEGaRVK

7 Likes

Whoa, that’s really cool, you pulled it off? Nice work! :grinning_face_with_smiling_eyes:
Here’s the slot machine source code I mentioned. It should be a solid starting point for anyone looking to build their own Three.js slot machine.

We’re planning to place multiple slot machines and play tables inside a single virtual casino hall, with crypto and electronic cash as the currency in the experience. Excited to see how this all comes together! :slot_machine::sparkles:

pot jackpot.rar (734.8 KB)

Screenshot #1 is the interactive kiosk from Sketchfab that displays the slot machine image. Right now, interacting with it sends the user to the Play Spin It! games, which breaks the immersion since it leaves the three.js virtual experience.

Visit interactive kiosk