Repository files navigation
Designed and built a full functioning browser based game using HTML, SCSS and TypeScript
Completed the project in one week
Took a mobile-first approach, ensuring the game worked well on both desktop and mobile devices
Mobile Mobile Dark Mode Desktop
🕹️ Use W A S D or the on-screen move pad to move your tank
🎯 Use I J K L or the on screen fire pad to aim your tank’s cannon
🔫 Press F or the on screen fire button to shoot bullets
🚩 Your goal is to navigate the tank to the flag and capture it
🧱 You can shoot through walls to clear paths
🔁 Press the Reset button to restart the game
TypeScript
HTML
SCSS
CSS Grid
Mobile-first workflow
Git
Created separate branches for new features
Wrote clear commit messages (e.g. feat:, fix:, refactor:)
CSS & UI
Used clamp() to make layout responsive across different screen sizes
Disabled user-select and double-tap zoom for better mobile experience
Debugging & Performance
Checked for memory leaks using Chrome Task Manager
Add a help dialog to explain the game and show key controls
Implement a cooldown system to prevent firing too rapidly via keyboard or button spam
Limited the ammo in the tank
Reuse the existing Tank class for CPU tanks
Reuse the Bullet class for CPU tanks
Add random enemy tanks that spawn at intervals
Add random landmines on the map for surprise element
Mirror keyboard input to visually highlight the corresponding on-screen buttons
Highlight the currently selected fire direction with different color
You can’t perform that action at this time.
