DEV Community

Cover image for Vibecoded a Game using AmazonQ CLI
Mohamed Roshan
Mohamed Roshan

Posted on

Vibecoded a Game using AmazonQ CLI

I was checking out some AI tools out there and how efficient they are at building entire apps from scratch, literally anything. Then I came across Amazon Q and the new challenge to build a game using it.

So, like anyone curious, I decided to give it a shot. Building a game just by prompting? Let’s see how far that goes.

You can refer to the documentation for the download steps

Getting started ..

Initial Phase - the idea

I wanted to build a graphically rich game—something super simple that anyone could pick up and play, anywhere, anytime. The kind of game that keeps you going without overcomplicating things.

So I decided to keep it basic and go with just HTML, CSS, and JS. Now the big question was: what exactly am I building?

I eventually landed on a shooting game, kind of like Fruit Ninja but instead of slicing fruits, you'd shoot shapes. Add some cool explosions and effects, and boom 💥 we've got something fun.

> Create a game where i can click or shoot shapes (circle, rectangle, triangle so on) that fall from the top and for each click i should be getting a point.
Enter fullscreen mode Exit fullscreen mode

and this gave me

Image description

Very basic but yea, this is our base

Build Phase

From here, I started adding a bunch of functionalities, rules and effects to make the game feel a lot more fun and polished. Also, I kept throwing prompts at Q to keep it thinking and building with me.

Image description

I gave the prompt and Q gave me the detail reports on the changes it made. When, why, where all answered

Kept adding improvements and honestly I'm pretty impressed by Q

Image description

Image description

I added sounds, effects and kept tweaking going back and forth and Q just gave me exactly what I wanted.

After multiple iterations, the game now looks like this:

Image description

Image description

Image description

Since this was built mostly using DOM and DOM manipulation, it had its issues. So, I decided to rework it by implementing everything using Canvas instead.

Re-implementation using Canvas

The whole process went pretty smooth. I just asked Q to re-implement the game in Canvas and voila just like that Q did it.

>reimplement the current game display and everything in canvas
Enter fullscreen mode Exit fullscreen mode

Obviously the first iteration had issues, so I picked each and asked Q to specifically fix them all and it just did it.

Image description

Helped to clean up the files as well

Image description

Pictures from the new one

Image description

Image description

Image description

Check out the game here and do let me know your feedback Shape Shoot

Top comments (0)