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 …


This content originally appeared on DEV Community and was authored by marie ng

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)


This content originally appeared on DEV Community and was authored by marie ng


Print Share Comment Cite Upload Translate Updates
APA

marie ng | Sciencx (2021-08-19T23:46:59+00:00) Went on a quest to make the most realistic, satisfying virtual fidget spinner!. Retrieved from https://www.scien.cx/2021/08/19/went-on-a-quest-to-make-the-most-realistic-satisfying-virtual-fidget-spinner/

MLA
" » Went on a quest to make the most realistic, satisfying virtual fidget spinner!." marie ng | Sciencx - Thursday August 19, 2021, https://www.scien.cx/2021/08/19/went-on-a-quest-to-make-the-most-realistic-satisfying-virtual-fidget-spinner/
HARVARD
marie ng | Sciencx Thursday August 19, 2021 » Went on a quest to make the most realistic, satisfying virtual fidget spinner!., viewed ,<https://www.scien.cx/2021/08/19/went-on-a-quest-to-make-the-most-realistic-satisfying-virtual-fidget-spinner/>
VANCOUVER
marie ng | Sciencx - » Went on a quest to make the most realistic, satisfying virtual fidget spinner!. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/19/went-on-a-quest-to-make-the-most-realistic-satisfying-virtual-fidget-spinner/
CHICAGO
" » Went on a quest to make the most realistic, satisfying virtual fidget spinner!." marie ng | Sciencx - Accessed . https://www.scien.cx/2021/08/19/went-on-a-quest-to-make-the-most-realistic-satisfying-virtual-fidget-spinner/
IEEE
" » Went on a quest to make the most realistic, satisfying virtual fidget spinner!." marie ng | Sciencx [Online]. Available: https://www.scien.cx/2021/08/19/went-on-a-quest-to-make-the-most-realistic-satisfying-virtual-fidget-spinner/. [Accessed: ]
rf:citation
» Went on a quest to make the most realistic, satisfying virtual fidget spinner! | marie ng | Sciencx | https://www.scien.cx/2021/08/19/went-on-a-quest-to-make-the-most-realistic-satisfying-virtual-fidget-spinner/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.