Inner Universe

“Sebuah The Matrix yang ada di dalam jiwa saya”

📖 Core Philosophy

Every human is a Universe.

Within @sandikodev, there are many universes - each representing different fields, passions, and dimensions of life.

Episode 1 (2016-2026): Universe of Web Technology

• 10 years in Computer Science - Web Technology
• This is just ONE universe of many within

Future Episodes:

• Other universes yet to be revealed
• Dimensions of the soul waiting to be explored

---

🎬 Narrative Flow (Scroll Journey)

Act 1: The Overview

Visual: Seeing the entire Universe from afar
Feel: Awe, wonder, “this is my world”

Act 2: The Descent

Visual: Flying into the universe, visiting each “planet”
Feel: Discovery, exploration, learning

Section	Celestial Body	Symbolism
Stats	Asteroid Belt	Fragments of achievements
Timeline	Planetary System	Orbit of time
Struggles	Nebula	Chaos, unformed matter
Strengths	Star Cluster	Bright points of light
Philosophy	Pulsar	Rhythmic truth
SnapCode	Habitable Planet	The creation
Tech Stack	Mineral Deposits	Tools, resources
Dedication	Cosmic Dust	Touching everyone

Act 3: The Core

Visual: Approaching the BLACK HOLE - center of the universe
Feel: Intense, gravitational pull, no escape from truth

Black hole = The core of everything
Event horizon = Point of no return in self-discovery
Singularity = The ultimate truth - RUH

Act 4: The Emergence

Visual: Emerging from the black hole
Feel: Peace, acceptance, transcendence

---

🎨 Visual Language

Color Palette (Cosmic)

Deep Space:     #0a0a0f (background void)
Nebula Purple:  #8b5cf6 (primary accent)
Star Blue:      #3b82f6 (secondary)
Cosmic Pink:    #ec4899 (highlights)
Pure White:     #ffffff (stars)
Event Horizon:  #000000 (black hole)

Celestial Objects

• Stars: Points of light - experiences, memories
• Planets: Major life events, milestones
• Asteroids: Small achievements, skills acquired
• Nebula: Periods of confusion, growth
• Comets: Fleeting moments of brilliance
• Black Hole: The core truth, RUH, consciousness center
• Wormholes: Connections between different life areas

---

🏗️ Technical Architecture

Three.js Scene Structure

Scene
├── Background Layer (z: -1000 to -100)
│   ├── Star Field (static, parallax)
│   └── Distant Galaxies (slow rotation)
│
├── Mid Layer (z: -100 to 0)
│   ├── Nebula Clouds (animated opacity)
│   ├── Asteroid Belt (orbital motion)
│   └── Shooting Stars (random spawn)
│
├── Foreground Layer (z: 0 to 100)
│   ├── Planets (per section)
│   └── Particle Effects
│
└── Special Objects
    ├── Central Black Hole
    └── Wormhole Transitions

---

✨ Key Interactions

Galaxy Overview (Hero)

• Slowly rotating spiral galaxy
• Mouse influence on rotation
• Stars twinkle, shooting stars pass

Section Transitions

• Camera “flies” to next celestial body
• Parallax star field creates depth
• Light speed lines during fast scroll

Black Hole Approach

• Gravitational lensing effect
• Time dilation feel (slow motion)
• Deep, resonant hum
• Text pulled toward center

Easter Eggs

• Konami Code: Reveal the Multiverse
• Click pattern: Constellation drawing
• Idle: Universe “breathes”

---

🔮 Future Episodes

This Universe (Web Technology) is Episode 1.

Potential Future Universes:

• 🎵 Universe of Music/Sound
• 🎨 Universe of Visual Art
• 📚 Universe of Philosophy/Spirituality
• 💪 Universe of Physical/Health
• ❤️ Universe of Relationships
• 🌱 Universe of Nature/Environment

Meta Concept: All universes exist within ONE being - the Multiverse of Self.

---

🎯 Success Metrics

The experience is successful if user feels:

1. Wonder - “Wow, this is beautiful”
2. Connection - “I relate to this journey”
3. Depth - “There’s so much here to explore”
4. Meaning - “This isn’t just pretty, it means something”
5. Curiosity - “What other universes exist?”

---

“The universe is not outside of you. Look inside yourself; everything that you want, you already are.” - Rumi