AWS Logo
Menu
An Amazing 2D Car Racing Game - Built-in 60 Minutes!

An Amazing 2D Car Racing Game - Built-in 60 Minutes!

CarDash is an engaging 2D car racing game developed using HTML, CSS, and JavaScript using Amazon Q Developer in just 60 minutes.

Published Jan 13, 2025
Last Modified Jan 14, 2025

Inspiration:

The inspiration for the CarDash Game stemmed from a passion for racing games and a desire to create retro-style car games. The thrill of high-speed competition and mastering vehicle control motivated us to develop a game that captures the excitement of racing while being accessible to a wide audience.

Introduction:

Welcome to the CarDash Game! This project is a fun and engaging 2D car racing game built using HTML, CSS, and JavaScript.

Technologies Used:

  • Web Technologies: HTML, CSS, Javascript.
  • AWS Cloud Services Used: Amazon Q Developer, Amazon S3 and AWS Amplify.
  • Sound: Non-copyright music.

Game
The CarDash Game is a 2D car racing game designed to provide an engaging and interactive experience for players. Built using HTML, CSS, and JavaScript, the game allows users to race cars in a virtual environment, and retro style gaming experience.

How I built it

The development of CarDash involved several key steps:
  1. Game Design: I started by conceptualizing the game mechanics and visual elements.
  2. Coding: Using HTML for structure, CSS for styling, and JavaScript for functionality, I created the game’s core features, including car movement and collision detection.
  3. Code Generation: To streamline the coding process, we utilized Amazon Q Developer, which helped in generating parts of the code efficiently.
    Extracting Codes From Amazon Q Developer
  4. Deployment: Challenges we ran into: The final product was deployed using AWS S3 to host the static website and AWS Amplify for continuous integration and delivery.
    Uploading Files to S3 Bucket
And finally, to host my staging and production environments I relied on Amplify which allowed me to have my game up and running in seconds.
Amplify Deployment

Watch The Video Here:

To sum up, here are all the AWS Services used to make the game:
If you're ready to build your own game, just follow the GitHub link.
 

2 Comments