Silence Protocol

🧬 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.”

Built With

• html