April 1, 2023

April 1, 2023

Dragonball Fighter Z

Dragonball Fighter Z

Dragonball Fighter Z

Built a responsive 2D fighting game in JavaScript with real time player controls, fluid animations, and sprite based combat mechanics. Designed object-oriented systems for hit detection, frame synchronization, and animation transitions.

Built a responsive 2D fighting game in JavaScript with real time player controls, fluid animations, and sprite based combat mechanics. Designed object-oriented systems for hit detection, frame synchronization, and animation transitions.

Built a responsive 2D fighting game in JavaScript with real time player controls, fluid animations, and sprite based combat mechanics. Designed object-oriented systems for hit detection, frame synchronization, and animation transitions.

Year

2023

projecT Duration

2 Months

OVERVIEW

OVERVIEW

OVERVIEW

  • Built a responsive 2D fighting game in JavaScript with real time player interactions and smooth animation transitions using sprite-based systems.

  • Applied object-oriented programming to manage game logic, sprite movements, hitboxes, and frame synchronized combat animations.

WORKFLOW

WORKFLOW

WORKFLOW

  • Custom sprite sheets for characters with state based animations (idle, attack, special, etc.).

  • Frame synchronized combat system to mimic professional fighting game timing mechanics.

  • Clean game loop and modular design for extensibility (e.g., future character additions).


EXECUTION

EXECUTION

EXECUTION

  • Programmed the entire game engine from scratch using object-oriented JavaScript.

  • Implemented sprite based animation systems for smooth transitions between idle, attack, and hit states.

  • Handled player inputs with real time response and collision detection for combat resolution.

  • Designed custom hitboxes and frame based logic for move execution and blocking.

TechStak

TechStak

TechStak

  • JavaScript for game logic and rendering

  • HTML5 Canvas API for 2D graphics rendering

  • GitHub for version control

  • Optional tools: Tiled (if level design is expanded), Piskel (for sprite editing)


  • More Works More Works