Break The Door... banner

Break The Door...

8 devlogs
9h 46m 57s

A funny project just tried building it.
No story. No deep meaning. Just door.

This project uses AI

used yt for helping with collision detection math and error fixing. Enhanced Readme.

Demo Repository

Loading README...

vasupks01

Shipped this project!

Breaking The Door — a web game where you play as a king who runs through three levels just to find doors.

That’s it. That’s the game.

No story. No power-ups. Just doors.

More features coming up in next ship..

vasupks01

Devlog #8:
Spent this sprint fixing the screen resolution. Game looked blurry on bigger displays because I never set up proper scaling. Added pixel-perfect canvas rendering so everything stays crisp. Also fixed the background fade that matches the overlay opacity - now when the screen fades to black, the body background fades too. Looks way more polished. Small changes but makes a big difference.

Attachment
0
vasupks01

Devlog #7:
Added background music and sound effects to the game. Now the door plays an opening sound when you enter it, and the background music starts playing when you begin playing. Makes the game feel way more alive.

What I accomplished this sprint:
I added background music and door open sound effects.
Music starts playing on first key press
Game finally has some audio life

Attachment
0
vasupks01

Devlog #6:
I have worked on adding more levels and also used GSAP to animate the screen transitions. Now when you go through a door, the screen fades to black and loads the next level smoothly instead of just instantly teleporting you. Feels way more professional.

What I accomplished this sprint:
1.I added three full levels with their own backgrounds and collision layouts
2.Implemented GSAP for smooth fade transitions between levels
3.added door animation

Attachment
0
vasupks01

Devlog #5:
I have added full animation system with precise hitbox collision and also directional sprites!
What I accomplished this sprint:

  1. Multi-Directional Animation System
  2. Animation Switching
  3. Precision Hitbox System
  4. Enhanced Collision Math
Attachment
0
vasupks01

Devlog #4:
I have worked on full collision system with animated player and level design!
What I accomplished this sprint:

  1. Complete Collision Detection System
    What it handles:
  • Horizontal collision detection (walls/edges)
  • Vertical collision detection (ground/platforms)
  • Separate checks for X and Y axis movement
  • Precive stopping at collision boundaries
  1. Animated Sprite System
    The player now ANIMATES!
Attachment
0
vasupks01

Devlog #3:
I have implemented player movement with sprite integration complete!
What I accomplished:
1. Player Movement System
Current movement features:

  1. Left/Right movement with A/D or arrow keys

2.Gravity and jumping mechanics

3.Ground collision detection

4.Smooth animation loop integration
(https://github.com/ponmanivasahan/Break-The-Door/commit/d26a241)

Attachment
0
vasupks01

**Devlog #3
**- [ ] It’s early, but I’m excited about building a character from scratch is like giving life to a blank slate. I’ll be sharing more as the mechanics come together.

  • I’ve successfully implemented the core player character for Breaking the door.
Attachment
0
vasupks01

Day 1 of development:
My Current focus: Character Creation
I’ve officially started working on Breaking the Door, and I wanted to kick off this devlog by documenting the very first steps of the journey.

Attachment
0