Ambient Fan Sound Generator - Interactive 3D Web Application
Developed an immersive web application that generates realistic fan sounds for ambient noise and sleep aid purposes. The application features three distinct fan types (table, ceiling, and box) with interactive 3D models built using Three.js. Users can customize their experience through adjustable volume, speed controls, and a sleep timer function. Implemented state management using Zustand for seamless user interactions and real-time audio control. The project showcases modern web technologies while solving the practical need for customizable white noise generation.
This project aimed to create a tool that enhances productivity and relaxation through customizable ambient sounds.
My Contribution
As the Full Stack React Developer & 3D Interactive Designer (Solo project), I contributed to the following key features and functionalities:
-
Developed a custom audio engine
using Web Audio API to generate and manipulate fan sounds in real-time.
-
Designed and implemented a responsive UI
with interactive controls for adjusting sound parameters like volume, speed, and sleep timer.
-
Integrated Three.js
for creating interactive 3D models of table, ceiling, and box fans.
-
Implemented Zustand
for state management to ensure seamless user interactions and real-time audio control.
Technologies Used
-
Frontend: React (Vite)
-
3D Visualization: Three.js
-
State Management: Zustand
-
Audio Processing: Web Audio API
-
Date
:
26, March 2025
-
Categories
:
Web Development
-
Client
:
Ashen Thilakarathna (Myself)
- Website :