🌌 Project Story: DreamScape — Create Your Mood Planet
About the Project: DreamScape is an interactive web experience that transforms emotions into living digital worlds. Users select their mood, colors, and soundscape, and DreamScape generates a unique 3D planet that visually and musically reflects how they feel. Each planet evolves in real-time with music, light, and motion — turning emotion into art.
Inspiration: I wanted to create something that connects technology with human emotion — a bridge between code and feeling. DreamScape was inspired by the idea that our moods could shape the universe around us.
How I Built It: I used Three.js for 3D visualization, Web Audio API for sound interactivity, and simple HTML/CSS for the UI. Every mood changes the planet’s colors, terrain, and atmosphere dynamically.
Challenges & Learnings: The biggest challenge was synchronizing visuals with live audio frequencies smoothly. Through this, I learned about shader programming, audio analysis, and interactive web animation.
Result: DreamScape turns emotion into a creative universe — making technology feel human, expressive, and alive.
Built With
- css3
- gsap
- html5
- javascript
- three.js
- vite
Log in or sign up for Devpost to join the conversation.