- ๐ง Character Animations: Smooth animations for walking, jumping, and idle states.
- ๐ Side-Scrolling World: A dynamic world built with tiled block platforms.
- โ๏ธ Atmospheric Elements: Background elements like clouds create an immersive environment.
- ๐ง Obstacles: Navigate around barriers and pipes.
- ๐พ Enemies: Patrolling enemies that can be stomped on.
- ๐ Scoring System: Your score increases based on the distance you travel.
- โค๏ธ Lives System: Start with multiple lives, respawn on death, and face a game-over screen..
| Key | Action |
|---|---|
A / Left Arrow |
Move Left |
D / Right Arrow |
Move Right |
W / Up Arrow |
Jump |
Space |
Jump |
- HTML5 Canvas: Used for rendering all game graphics and animations.
- JavaScript (ES6+): Powers all game mechanics, physics, and player interactions.
- CSS3: Styles the user interface, menus, and heads-up display (HUD).
- A modern web browser (e.g., Chrome, Firefox, Safari).
- Git installed on your machine (optional, for cloning).
- Clone the repository:
git clone [https://github.com/yourusername/mario-platformer.git](https://github.com/yourusername/mario-platformer.git)
- Navigate to the project directory:
cd mario-platformer - Run the game:
Simply open the
index.htmlfile in your favorite web browser.
README.mdindex.htmlstyles.cssgame.jsassets/clouds.pngenemy.pngmarioJump.pngmarioJumpLeft.pngmarioWalk1.pngmarioWalk1Left.pngmarioWalk2.pngmarioWalk2Left.pngpipe.pngpipeSmall.pngtile.png
Here are some features planned for future updates:
- ๐ Implement power-ups like mushrooms and fire flowers.
- ๐ฐ Introduce coins and other collectibles to enhance scoring.