haunting extension

• 

  Code killer announcement

• 

  Candle light and TODO skulls

• 

  Dripping blood effect on error code

Inspiration

Just for fun :).

What it does

Blood Drip is a VS Code extension that adds horror-themed visual effects to your coding environment:

• 🩸 Blood Drip Animation: Error lines drip blood (5 drops reducing to 1, then repeating)
• 👻 Ghost Cursor: Random Halloween emojis (👻🎃💀🦇🕷️🧛🧟) follow your cursor
• 🪓 Code Killer: Delete 3+ lines and get dramatic murder notifications ("MASSACRE! 20 lines slaughtered!")
• 💀 Spooky TODO Icons: Skull, ghost, or tombstone icons replace boring TODO markers
• 🕯️ Candlelight Mode: Lines away from cursor dim, creating a spotlight effect

How we built it

I used the VS Code Extension API with JavaScript. The architecture follows a controller pattern:

• EffectManager: Central coordinator that initializes and manages all effects
• Individual Controllers: BloodDripController, GhostCursorController, CodeKillerController, etc.
• Configuration Manager: Handles user settings and real-time config changes
• Decoration API: VS Code's system for adding visual elements to the editor

Challenges we ran into

How to find cool ideas.

Accomplishments that we're proud of

What we learned

VS Code's Extension API is interesting.

What's next for haunting extension

Seasonal Themes: Christmas horror mode, Valentine's bleeding hearts

Built With

• javascript
• kiro