Echoes of You

• 

• 

  god mode

• 

• 

• 

• 

  hard mode

• 

Inspiration

Halloween has always been about confronting the unknown, and I wanted to capture that tension in a digital space. Most browser horror games rely on cheap jumpscares or basic visuals — but I wondered: What if I could build an experience where the atmosphere itself is the enemy? Echoes of You was born from that question.

I wanted to create something unsettling, immersive, and tense, but still lightweight enough to run in the browser. The result is a horror micro-experience built on modular systems, dynamic audio, reactive visuals, and scenes that evolve over time — all stitched together with a handcrafted game loop.

My goal was simple: Make players feel watched, even though they’re the ones looking at the screen.

What it does

Echoes of You is a fully interactive web-based horror experience featuring: A dynamic intro sequence A modular game loop with progressive tension Ambient horror audio that adapts to the moment Visual distortions, animations, and atmospheric overlays A cinematic ending sequence A responsive UI designed to unsettle the user Players progress through an eerie digital “realm” where shadows move, audio swells, visuals distort, and the environment reacts to them. The experience ends with a final cutscene that ties the theme together.

How we built it

This project was built entirely with vanilla web technologies: HTML for structure CSS for visuals, animations, atmosphere, and layering effects JavaScript for the full game engine To keep the project scalable, I structured it as a fully modular system: A game loop engine with frame-based updates A theme engine for switching moods and visuals An audio engine supporting ambience + stingers Independent modules for intro, gameplay, and ending A debugging suite to rapidly patch and test subsystems Detailed .md documentation for future contributors The repository includes dozens of development notes, system breakdowns, bug-fix summaries, and implementation guides — all written to show clear engineering thought and to help judges understand how each subsystem works.

How Kiro Helped Echoes of You was created using Kiro as an architectural assistant throughout the workflow: Vibe Coding I built core module structures conversationally, asking Kiro to: Generate game-loop logic Build crossfade audio systems Outline ending triggers Draft modular theme-handling logic Provide quick prototypes of visual interaction functions One of the most impressive highlights was generating a full multi-scene structure (Intro → Loop → Ending) through iterative vibe coding.

Specs & Agent Hooks My /.kiro directory contains: Specs describing each subsystem Hooks that automatically scaffold new feature modules Steering docs that help Kiro respond consistently to the horror theme Whenever I added a new feature (e.g., a flicker effect or ambient pulse), hooks generated the boilerplate, and I focused only on custom logic.

Steering I used steering documents to maintain a consistent design tone, ensuring Kiro always returned code matching the spooky aesthetic — darker palettes, cinematic timing, and soft fade animations.

Challenges we ran into

Creating a polished atmosphere using only HTML/CSS/JS Timing audio stingers with visual cues Keeping the game loop efficient without lag Managing dozens of horror assets (images, audio, video) Designing a system that’s easy to understand for judges and developers The biggest challenge was making every subsystem modular and documented — but it paid off. The project is now structured like a real production codebase, not a one-off demo.

Accomplishments that we're proud of

Building a fully immersive horror experience using only HTML, CSS, and JavaScript — no engines, no frameworks, just pure creative engineering. Designing a complete modular architecture, including a game loop system, audio engine, theme engine, intros, endings, and visual FX, all documented professionally. Creating a polished, cinematic atmosphere in the browser using layered visuals, timed audio cues, transitions, and subtle animations. Maintaining over 20+ subsystem documents, covering debugging, implementation summaries, system guides, and developer notes — making the project feel like a real production codebase. Using Kiro in multiple advanced ways (vibe coding, specs, hooks, steering) to accelerate development and create consistent, high-quality code. Solving timing bugs, audio glitches, and scene-transition issues through careful debugging and system redesigns. Producing a cohesive, story-driven micro-experience that feels unsettling, atmospheric, and memorable.

What we learned

How to design modular front-end game architecture How crucial audio timing is in horror experiences How to create reusable systems rather than ad-hoc effects How to use Kiro for structured + iterative development How to balance theme, polish, and usability under time pressure Echoes of You is more than a Halloween project — it’s a deeply documented, scalable, artistic horror experiment in the browser.

What's next for Echoes of You

I plan to expand Echoes of You with: Additional endings Player choice events AI-driven environment responses More dynamic lighting and VFX A director system for controlling scares

Built With

• browser-apis
• css3
• game-loop-architecture
• html5
• javascript
• modular-design
• web-audio-api