This project is all about learning basic 2D Game development in javascript and having fun, and improving this game everyday!

2D Pixel Game

A simple 2D top-down pixel-style game made with HTML, CSS, and JavaScript.

Features

• Player controlled movement with WASD or arrow keys
• Shift key to run faster
• Display player coordinates toggleable in settings
• Obstacles you cannot walk through
• Pixel art style with custom pixel font
• Simple menu with Play, Settings, and Credits screens

How to Play

1. Open entrypoint.html in your browser.
2. Click PLAY to start the game.
3. Use WASD or Arrow keys to move the red player square.
4. Hold Shift to run faster.
5. In Settings, toggle "Display Coordinates" to show/hide your player position.
6. Avoid obstacles on the map.

File Structure

• entrypoint.html - Main menu and settings screen
• entrypoint.js - Settings logic and UI handling
• index.html - The game itself with canvas and game loop
• credits.html - Credits page
• pixel.jpg - Background image for menu and game
• pixel_square/ - Folder containing custom font files
• assets/ - Images used for UI (like arrow icons)
• README.md

How to Run

• Just open entrypoint.html in any modern web browser (Chrome, Firefox, Edge).
• No server or installation required.

Future Improvements

• Add enemies and AI
• Add levels and scoring system
• Add sound effects and music
• Add animations and better graphics

Author

Made by Arush Diwakar

---

Feel free to modify and expand the game!