Demo

screen-recording.1.webm

Sturdy-Doodle

This project serves as a valuable learning opportunity in various areas, including HTML Canvas, Sprite Sheet animations, Object-Oriented Programming, math and physics concepts, Collision Detection, and Gravity control.

Step-by-Step Approach:

1. Set up HTML, CSS, and JS files for the project.
2. Organize files and folders, including images, stylesheets, and sounds.
3. Create a Player class to establish the foundation for character interactions.
4. Define initial coordinates for the player within the game environment.
5. Implement background layers for an immersive visual experience.
6. Enhance player interaction with background layers to depict movement.
7. Introduce platforms (floors) to the game.
8. Improve interactivity with platforms, creating a dynamic gaming environment.
9. Implement collision detection mechanisms for a realistic gaming experience.