
My kids and I used AI to build a game
uxdesign.cc
We found the limits of the current generation of AItooling.Can modern AI dev tools enable kids (and an zany father) to build a mobile game on a snowday?SummaryTools like Replit and Vercel v0 can deliver impressive resultsThe tools struggle with accuracy, humans are better at finedetailsRight now, tools like the ones tested are best for getting to 80%doneTwo years ago, my kids and I built Simple Kid Games. As the name implies, the website has a few very simple web-based desktop HTML games designed bykids.The goal then was to teach my kids about technology and how to write HTML, JavaScript, and CSS. You can read about that adventure here.In what seems like a blink of an eye, AI has completely revolutionized the way we build technology. So, we thought wed expand Simple Kid Games by using AI to build a new mobilegame.Heres how it went building BirdDash.Presidents Day 2025 was a surprise snow day. We got to work in ourpajamas.Getting startedAll good projects start with a plan. Armed with markers and paper, the kids sketched ideas for a side-scrolling runner. They worked on level and character designs while I spun up Vercel v0 andReplit.I started a doc to capture our initial prompt as well as some reflections along theway.After a little trial and error, we settled on a collaborative approach to crafting the prompts based on real-time collaboration. The kids initially struggled to describe the mechanics of ourgame.Once we got rolling, and after a little help, they got more excited and skilled at suggesting prompts to make improvements to theapp.Like stealing candy from anLLMReplit and Vercel v0 are similar tools with similar capabilities. Both turn text prompts and files into functioning apps, all written in modern front-end code. Each tool also offers deployment and hostingoptions.The same initial prompt was used for each tool. We started withReplit.Replits Agent turned our initial prompt into a neat summary and offered new ideas (although it never did add sound effects).Replit took about 4 minutes to build the first version of the app from this initial prompt, asking us if we see the game and are able to useit:Replit: Can you see the infinite runner game with a black canvas and a white rectangle (player)? Are you able to make the player jump by pressing spacebar or touching thescreen?Humans: No theres nothing on the screen except the words distance: 0m and coins: 0. And nothing isworkingReplit: Ill check why the game canvas isnt showing up and fix the display and functionality issues.After that, we were actually amazed that there was a functioning game! It was rudimentary but functional and fun. The kids were delighted with the initialresults.The initial version of Bird Dash (then called Bird Runner) was functional and fun. There was one problem, the obstacles (red squares) were not at the same level as the character (white square) so you couldntfail.At this point, we decided to head to Vercel v0 and see what it could do. With the same prompt, we received a somewhat more transactional, though useful, response telling us the steps itd take to develop ourgame.Vercel v0 was a bit more straight to the point, telling us the steps it would take to build theapp.With a comical shrug from the kids (who cares, looks good), we hit enter and Vercel did its thing and returned an error. After telling v0 that we were kids and didnt understand what was happening, it fixed theboo-boo.We told Vercel v0 to treat us like kids and it fixed the scaryerror.Now, to Vercels credit, v0 was creating this app to run on a server with a database and probably some sophisticated routing and whatnot, but we were here to see how far we could get withoutcoding.Unfortunately, that was as far as we were able to get with v0. After a few tries to get a functional version of Bird Dash, we abandoned ship and headed back toReplit.After several attempts at getting something working, Vercel v0 delivered this gem. With more time, I suspect we could have made this functional, but these new tools are raising the standards of expectation prettyquickly.We did like a splash screen that Vercel decided to add to the game, so we took that idea and headed back to Replit. After instructing Replit to add said screen, the game was starting to lookgood.There was one problem, the character (represented by a white square) was not aligned with the obstacles on the stage (represented by red squares) so it was impossible to run into an obstacle.The white square, our character placeholder, would slide under the red obstacles.This became the most frustrating part of creating our game. We tried 7 different prompts to get the objects to align and appear on the same x-axis. We eventually got it good enough and movedon.After 7 different attempts, the purple bird and the spikey obstacle were aligned, but are rendered floating above the x-axis of thestage.Ready fortakeoffAfter a few more failed tweaksincluding trying our best to change the black background to white and adjust the stage placementwe decided good enough was good enough and deployed.Interestingly, out of this whole experiment, the most difficult thing was remembering my hosting account and resetting the SSL certificate for SimpleKidGames.com on Namecheap.After getting accustomed to Vercel and Replit, I dont know that Ill ever go back to traditional hosting solutionsa surprising outcome I hadnt expected out of this experiment.Both Vercel and Replit have built-in hosting and deployment options with cloud scaling and other features.Not great, but actually prettygreatIts amazing that Im dissatisfied with the results at all. The quality is not great, but then again, it would have taken me multiple days to get the game to this point with my ownhands.In 1.5 hours on a snow day, my kids and I were able to think of an idea for a game, experiment with a few different tools for building it, and ship a functioning version of the idea to ourwebsite.Give Bird Dash (the AI called it Bird Runner in the UI) a try at SimpleKidsGames.com and let us know what youthink.If dad was building this game, it would be much more accurate but take a lot longer time.MysonMy kids and I used AI to build a game was originally published in UX Collective on Medium, where people are continuing the conversation by highlighting and responding to this story.
0 Comments
·0 Shares
·36 Views