🧬 About the Project
Silence Protocol: Infection is a cinematic, browser-based simulation that explores a disturbing question: What happens when saving humanity comes at the cost of humanity itself?
💡 Inspiration
This project was inspired by psychological horror themes and decision-based games where choices have irreversible consequences. I wanted to move beyond traditional gameplay and create an experience that feels like a live surveillance system during a biohazard outbreak. The idea of treating emotions as an infection vector added a unique philosophical layer—blurring the line between control and compassion.
🛠️ How I Built It
The entire project is built using:
HTML5 Canvas for real-time rendering Vanilla JavaScript for game logic and animation loops Advanced CSS (Glassmorphism + Cinematic UI) for immersive visuals
Key features include:
🎥 A cinematic rendering engine with parallax environments, fog, particles, and screen effects 🧠 A decision-based system where each choice dynamically affects: Infection Level Containment Control Humanity Remaining 🔴 Real-time UI updates and visual feedback (glitch effects, screen shake, signal corruption) 🌆 Procedural environment with animated NPCs reacting to infection intensity 📚 What I Learned
While building this project, I gained deeper understanding of:
Canvas-based rendering and animation loops (requestAnimationFrame) Creating immersive UI/UX using pure CSS (no frameworks) Managing state-driven systems in JavaScript Designing emotional and psychological feedback loops in interactive systems Performance optimization for real-time browser graphics ⚠️ Challenges Faced
Some of the biggest challenges included:
⚡ Balancing performance and visual quality (particles, lighting, and effects without lag) 🎭 Making the simulation feel alive and reactive, not static 🧩 Designing meaningful decision impacts that feel consequential 📉 Maintaining smooth animations while updating multiple systems simultaneously 🎨 Creating a cinematic horror aesthetic using only web technologies 🧠 Final Thought
This project is not just about stopping an infection— it’s about exploring the cost of control.
“You were never fighting the infection. You defined it.”
