Save the Dinos: Side-Scrolling Adventure

Project Overview: Save the Dinos is a side-scrolling game inspired by Flappy Bird, built using only vanilla JavaScript, HTML, and CSS. The game challenges players to navigate through obstacles while managing their energy and speed, creating an engaging and strategic gameplay experience.

Links

• Play Game
• GitHub Repository

Objectives

1. Create an engaging side-scrolling game using only vanilla web technologies
2. Implement responsive design for cross-device compatibility
3. Develop intuitive game mechanics that balance challenge and fun
4. Build a performance-optimized game without external libraries

Features

1. Responsive Gameplay:

   • Fully responsive design ensures smooth gameplay across all devices
   • Optimized performance for both desktop and mobile experiences
   • Consistent gameplay mechanics across different screen sizes

2. Energy Management System:

   • Rechargeable energy system for players
   • Strategic element where players must manage their energy to maintain flight
   • Adds depth to gameplay through resource management

3. Speed Boost Mechanics:

   • Temporary speed boost functionality
   • Risk-reward system for advanced players
   • Increased difficulty in maneuvering during speed boosts

4. Game Progress Tracking:

   • Timer to track gameplay duration
   • Challenge players to improve their survival time
   • Simple yet effective progress measurement

Technology Stack

• Frontend: Vanilla JavaScript for game logic and mechanics
• Styling: Pure CSS for animations and responsive design
• Structure: HTML5 for game elements and layout
• No External Dependencies: Built entirely with native web technologies

Outcome

Save the Dinos successfully demonstrates the capabilities of vanilla web technologies in game development. The project showcases how modern web standards can be used to create engaging, responsive, and performant games without relying on external libraries or frameworks.