This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
First of all,
i don't know how to write a good communication log and i know i'm not alone to be that so here what i could write myself.The way i have write it looks funny to me as well when i read it myself, maybe you'll enjoy reading it or maybe skip. But that's all i could do myself of writting it.
Let's see.
What I Built
I built A delightful dog jumping game where players tap to guide their dog to catch bones.
Catch flying bones, stack combos, and unlock adorable dog breeds in Bone Collector.
A Bone Collector Dog arcade game leveraged Google AI Studio to turn a more than 12-step architectural blueprint into a fully functional, event-driven game complete with a score tracker, sound effects, and clean state management.
Demo
My Experience
For this i'm using Gemini 3.7 Flash
First Prompt
- Make a 1080x1920 canvas.
- Spawn Dog emoji as player at bottom.
- Spawn bone at randon place at screen.
- Add touch screen for user to jump dog to the position of bone.
- Store the score how many bones the dog has got.
- Show the score at the top of screen on left side.
- Show the score with bone emoji (example: score 3 will show 3 bones at top left screen.)
- Make start Screen to start the game
- Add start game button on start screen.
- Add exit game button on top right corner at screen on gameplay.
- Add Exit button at top right at screen at start screen to exit the game.
- Add audio in game from audio/ folder using mp3 files.
1. It suggested me 2 more instructions:
Ensure the audio loops during gameplay for a seamless experience.
Implement sound effects for each bone collection interaction.
It suggested me few tampletes to choose for my game UI. I chose the last one.
It stopped after doing UI, Didnt follow all the instructions and steps to make finished game.
It did the change but i could not see it.
I gave new prompt to make screen size 1920x1080 for desktop.
I had to refresh the entire screen then i it has followed all the instructions already.
I tested the game.
I gave another new prompt "after 10 bones +1 achivement and reset bone collection stack for the next 10 bones for next achievement."
It updated the game and did auto refresh this time and gave prompt notification got 2 errors.
I clicked 'Fix' button.
It fixed the errors and explained it in prompt window and updated the game with auto refresh again.
I gave a new prompt "dog should jump at the user's screen click/tap position".
It updated the game again with auto refresh and stored last score on screen shown.
First time it got a glitch that i hid start game but it gone back to start screen back once. This glitch happend 2nd time here coz it happened before at an update too.
I gave new prompt "keep the dog on ground, so remove the gap between dog and shadow."
It updated the game again in 58 seconds.
I gave new prompt "keep the dog on ground, so remove the gap between dog and shadow."
It centered the dog on shadhow horizontal only.
I manually updated_ the code myself by clicking **"Vew changes"** button in prompt that redirected me to the updated code showing me diff.
transform: `translate(-50%, -85%) scaleX(${dogPos.scaleX}) rotate(${dogPos.rotation}deg)`,
transformOrigin: '50% 85%',
to
transform: `translate(-50%, -100%) scaleX(${dogPos.scaleX}) rotate(${dogPos.rotation}deg)`,
transformOrigin: '50% 100%',
Game updated and got auto refresh but this time no glitch on start game.
This time game just ran without glitch and i realized "that glitch was there before coz i started game before it was fully ready in prompt.
I could not see it is not fully ready coz there was not progress indication in progress bar for that. It looked like it's ready. Here is the possiblity to improve it for Google AI Studio, if i understood it correctly.
I gave a new prompt "change the dog avatar to new random dog image at each achievement."
I ran for 172 seconds and updated the game as i wanted without that glitch this time coz i knew when to hit the "Start Button" this time.
On the prompt it shows Checkpoint "Vew changes" window after that it's ready.
Next prompt i gave "make shodow size and position update according to the dog position on the screen. (Example: if dog not on ground then shadow size decrease, if dog changing x position shadow also changes it to keep it always beneath the dog."
Again Gemini updated the game in 65 seconds but i got a bug or i would say an enhancement posibility in game logic.
Bug
It resets the dog image back to the very first image if clicks "Start Button" but keep the new dog if press .
It gives dog foot prints as the dog avatar image at achievement.
It repeats the old dog image at achievement.
I gave new prompt "Store the last updated avatar image of the dog."
Gemini updated the game in 110 seconds. Bug fixed.
I gave new prompt "do not repeate the old avatar new achievement."
Gemini updated game in 153 seconds. Bug fixed.
I gave new prompt "dog avatar at new achievement must be a full body dog image."
Gemini updated the game in 157 seconds and fixed the bug.
I gave new prompt "bone shouldn't float at one place in air. it should come from left going to right side if dog is in the right side of the screen center and should come from the right side going to the left if dog is in the lef t side of the screen. if the dog could not hit the bone in air then bone doesnt count."
Gemini fixed the bug in 124 seconds but found another bug to be fixed "dog isn't always facing front when jump".
I gave new prompt "dog should always face front when jump".
Gemini fixed the bug in 156 seconds.
I gave new prompt "dog should idle animation on ground by face and tail tilting."
Gemini updated the game in 114 seconds.
I gave new prompt "remove face tilt and add tung animation for idle state."
Gemini updated game in 114 seconds.
I gave new prompt "Move mouth triangle bihind the tung." Gemini failed here.
I gave new prompt "move the z index of tung up over the mouth." failed again.
Then i realized maybe that yellow triangle is also the tung from old design. so i gave new prompt "move the z index of tung up over the mouth
"
Gemini ran for 9 seconds and ran out of free generations for today.
Finally i restored back to face tilt animation no tung animation for idle to remove the duplicate tung.
After finishing:
On mobile device it was not working.
** So i still worked on it to make responsible and to enhance. I want to make it an actual playable enjoying game.**
I had to give the same prompt many times "make it responsible for all device screens coz my free tokens was empty for 2 days.
Finally it worked!
But when i tested on real mobile it's still the same!
So i gave another promt with screenshots of Gemini mobile screen and Chrome mobile screen.
On Google AI Studio it shows responsible
but on real mobile device screen it's not yet responsible
it again fixed the issue according to the chat but i on real mobile screen and chrome mobile simulation screen the bug still there.
Suddenly,
i realized that i have not shared my Gemini Chat Hystory through the share link of the project. That's why i was writting all the chat prompts in this devlog by myself LOL.
That was silly but i would say that was my funny experience of using one of the easier AI studio even as an game dev who has already develope his entire game with other AI models.
But anyways,
i cliked the Share option and i made it public and i don't know why did i just turned on the full screen option that just hiding the chat history by the game screen.
I realized again to have another mistake so i turned off that option and bingo!! Now the Gemini Chat Hystory is available throught the link in Demo Section.
And while fixing the chat hystory link issue i saw another mistake i did!
I didn't republish the new changes to the game link.
So,
before republishing the fixed code, fist i restored the already fixed code from last before the last prompt and then again finally i just hit Republish button to upload the fixed code to the game link.
And again Bingo!!
This time the issue just solved. It was working on real mobile screen as expected. Fully responsible.
For that i tested it on Browser's Mobile Simulatin screen as well.
After that i got a bug at broser console: (index):20 GET https://dog-bone-jump-game.ai.studio/audio/bgm.mp3 404 (Not Found)
So i just pasted that bug in the chat window as a prompt and Gemini just got it without any explaination and solved it.
Once again,
i republised new fixed code to the game link and then i also pulblished the new code to the Github repo as well.
Then i gave a prompt "Change the game name to "Bone Collector".
Gemini just did it in 56 seconds.
Again i republished the new changes in the code to the game link and the Github repo.
End Note
I had Google AI Studio accound for a mounth but i didnt started using it since i felt it looks easy but maybe i will not easy to use. For that reason of dout i just didn't even started testing it just coz i didn't have any specific reason to use it. But then saw the "Dev Education Tracks" post on the Dev.io Home page and i click on it to read and i just tried it right after that.
Google AI Studio proved incredibly effective at translating exact gameplay specs into a working code structure.
The Best Part: The AI perfectly handled the visual translation of the score system—converting a standard numeric counter into a dynamic row of visual bone emojis (3 = 🦴🦴🦴) precisely as requested.
What did i learn: At the time of sharing the project i realized preinstructions was empty in the right side window, still it worked without it. It could help in some common instructions like "give me reply in devnagari or just give me the diffs so can add the code my self." and "Reply to in devnagari." and so on.
Key Takeaway: Clear, structured requirements yield incredible results. Breaking my game loops down into 12 granular steps allowed the AI to deliver production-ready logic on the first try.
It was fun to use it for me. Thanks for the Dev Education Tracks.
Top comments (0)