50Projects-HTML-CSS-JavaScript : Dinosar game

[tajulafreen]

This PR introduces the initial implementation of the Dinosaur Game, featuring the following functionalities and elements:

• Character and Obstacle Rendering: Added a dinosaur character and a moving cactus obstacle using HTML and CSS. Implemented basic animations to simulate jumping and obstacle movement.
• Game Logic: Developed JavaScript functions to handle character jumping, collision detection, and game reset upon collision.
• Responsive Design: Ensured the game layout is responsive and maintains proper alignment across different screen sizes.
• Styling: Applied CSS styles for a retro game aesthetic, including game area, character, and obstacle design.

Changes Made:

• HTML Structure: Created the basic structure for the game, including containers for the character and obstacles.
• CSS Animations: Implemented keyframe animations for the character's jump and obstacle movement.
• JavaScript Logic: Added event listeners for player controls, collision detection logic, and game state management.