DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Went on a quest to make the most realistic, satisfying virtual fidget spinner!
marie ng
marie ng

Posted on

Went on a quest to make the most realistic, satisfying virtual fidget spinner!

Hey all,

I taught myself to code around a year a half ago, and a few weekends back I wanted to build something creative...so thought I'd try and make the most realistic, satisfying, virtual fidget spinner.

I know the fidget spinner craze was a while back but I still use my physical spinner, as well as a fidget cube, and poppit all the time!

Anyway, just wanted to share, as I'm pretty proud of it, and thought maybe others here might appreciate it.

https://fidgetpage.com

It's using React, React Spring and a really cool library I found called Propeller to create the inertia effect.

To make it feel even more realistic I added a fidget spinner sound effect from freesound.org (a great resource for sounds!) and made the volume increase as it spins faster.

Would love to hear what you think!

(Full disclosure, it does mention another product I'm making, but that's seperate and not required at all to use the fidget spinner)

Top comments (1)

Collapse
 
codereaper08 profile image
Vishwa.R

Awesome @threehourcoffee !
Love the smoothness and realism (β— β€Ώβ—•)

Must check out the Propeller library, think it's cool

Thanks for sharing!

Visualizing Promises and Async/Await 🀯

async await

☝️ Check out this all-time classic DEV post