the renowned horizontally spinning rat ported to web https://rat.dance
Find a file
2025-09-25 00:40:13 -04:00
public added entry screen; audio functionality; play/pause button; updated readme for attribution 2025-08-28 00:52:11 -04:00
src improved rotation and speed to handle negative values and now be in RPM, though work still remains; added Suspense and message if rat is not loading; added react-three/drei package for HTML rendering inside Canvas 2025-09-25 00:40:13 -04:00
.gitignore restart and get basic threejs scene set up 2025-04-08 18:56:54 -04:00
eslint.config.js scaffold basic react project in addition to 3js 2025-04-14 21:33:25 -04:00
index.html added effects to button; began work on audio component 2025-08-16 00:03:26 -04:00
package-lock.json improved rotation and speed to handle negative values and now be in RPM, though work still remains; added Suspense and message if rat is not loading; added react-three/drei package for HTML rendering inside Canvas 2025-09-25 00:40:13 -04:00
package.json improved rotation and speed to handle negative values and now be in RPM, though work still remains; added Suspense and message if rat is not loading; added react-three/drei package for HTML rendering inside Canvas 2025-09-25 00:40:13 -04:00
README.md improved rotation and speed to handle negative values and now be in RPM, though work still remains; added Suspense and message if rat is not loading; added react-three/drei package for HTML rendering inside Canvas 2025-09-25 00:40:13 -04:00
styles.css scaffold basic react project in addition to 3js 2025-04-14 21:33:25 -04:00
vite.config.js scaffold basic react project in addition to 3js 2025-04-14 21:33:25 -04:00

horizontally spinning rat

visit now at rat.dance

                                                                              .......
                                                                         .....::::---:::..
                                                                   .....:::::-----------::..
                                             ....           .....::::----:::::--------:::::::...
                                            .:::..    ....:::::---:::--:::::::::------::::::::::..
                                            ..:::..::::::--------:::::-------::::::::::::::::::::::...
                                            . .:--:-:::----------------------------:::::::::::::::::::...
                                           ..:::::::::::-----------------------::::::::::::::::::::::::::..
                                         ..:-----------------------------:::::::::::::::::::::::.:::::::-:.
                                       ..:::------------:----::----------:::::::::::::::::::::::.:::::::::.
                                     ..:-=-:-----------:::::::::::::::::::::::::::::::::::::::::::::::::::..
                                  ..::-::--------------::::::::::::::::::::::::::::::::::::::.:::::::::::::.
                                 .:-=---------------:::::::::::::::::::::::::::::::::::...........:::::::-:......... .
                                 ..:-------------:::::::::::::::::::::::::::::::::::::::::......::::::::::::--============-----------------:::::::
                                     ............... .......:::::::::::------------------::::::::::-----:::--=+++*******************+++**+++
                                                           .:======-:::::::::::.::::---==++++===-------::::::---------:::::::........
                                                        ....:-=++++=:.               .:--=++===-:.......
                                                           ..........       ..     ....         .....
                                                                          ....                ...

Stack

  • React
  • React Three Fiber (three.js)
    • react-three/drei
  • react-use-audio-player

Development

  • Clone the repo
  • npm install
  • npm run dev

Credits