When the summer sun decided my apartment should double as a sauna, I did the only logical thing a dev could do: built a WebGL fan instead of buying a real one. Now you can spin it too — and hopefully cool down your CPU while you're at it.
Because heat makes us do weird things. Some people buy air-cons, others invent ice-cream soup. I cracked open Three.js and Vite to summon a digital desk fan. It might not drop the temperature, but it does look cool, has whirring blades, and gives you full power over its destiny.
- 🌀 Real-time 3D fan powered by Three.js & GLTF.
- 🛞 Built-in animation — watch those blades spin like your favorite coffee after 6 espressos.
- 🎛️ GUI sliders & buttons to tweak speed, rotation, height, and scale.
- 🌈 Texture-rich model (no bland plastic here).
- 🚀 Deploy-ready with Vite + GitHub Pages.
Open http://localhost:5174 and bask in the virtual wind.
Wanna skip the setup and chill right now? Click the link and feel the pixelated breeze:
👉 https://zkwokleung.github.io/fan/
(Pro tip: press ⏻ to power on, then crank the sliders — but mind your hair!)
Found a bug? Got an idea for turbo-mode? Want rainbow LED blades? PRs welcome! 🥳
- Fork → git checkout -b feat/super-cool
- Code / model / meme
- git commit -m "feat: add super cool thing"
- Open a pull request — screenshots or GIFs highly encouraged.
MIT — because the only thing we don't want to restrict is air flow.
The animated fan model used in this project was downloaded from Sketchfab:
➡️ Fan Animation – 3DHaupt
Licensed under CC Attribution-NonCommercial. Please respect the creator's license if you re-use the asset.