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 ![]()
Hi community!
Video:
Made it just for fun, as I was curious of how to create such a thing, using only Three.js ![]()
That’s awesome! Seriously, wild what you managed to build with pure Three.js ![]()
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!
Depends on how cool you want it to look.
This cutie cost me a couple of evenings. I wasn’t in rush though. ![]()
Whoa, that’s really cool, you pulled it off? Nice work! ![]()
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! ![]()
![]()
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.
Just to add for anyone interested in building a Three.js slot machine or experimenting with casino-style mechanics ![]()
I’ve made the slot machine source code publicly available on GitHub, so anyone can use it as a starting point, modify it, or integrate it into their own Three.js projects.
Repository:
The code comes from the PlaySpinIt arcade slot machine system, which uses electronic cash (e-cash) instead of traditional chips or tokens. The idea was to create a simple slot-style arcade machine that can run in kiosks or gaming setups.
Developers are free to:
• Use the reel logic as a base for a 3D Three.js slot machine
• Adapt the mechanics into virtual casinos or arcade environments
• Experiment with lighting, animations, and 3D reels in Three.js
• Integrate it with other systems like QR-based e-cash or game credits
If someone wants to evolve it into a fully 3D slot machine with spinning reels, reflections, and a casino hall, this repo should give a solid starting point.
Would be awesome to see what people build with it ![]()