Learning Timeline
Key Insights
Automatic Aesthetic Capability
Beyond just logical code, this model can automatically replicate visual styles (such as fonts and cartoon color themes for the Don't Starve clone) without needing specific CSS instructions.
Graphical Display Limitations
While the game is fully functioning, the graphics might be slightly cutoff or imperfect on the first try (one-shot), though game logic like the score system and crafting typically work well.
Prompts
Don't Starve Style Clone Prompt
Target:
Google AI Studio
Can you build me a 2D cartoon game in the style of don't starve, where you control the character as you walk around the world and find different elements to use for crafting
Crossy Road Concept Prompt
Target:
Google AI Studio
Build a voxel environment game similar to Crossy Road or Frogger with different characters, where the player must avoid obstacles and cars, including a score system and best score tracker.
Step by Step
Generating a Browser Game with One-Shot Prompting
- Access Google AI Studio via your web browser.
- Navigate to the 'Build your ideas' section (the feature that enables vibe coding).
- Select the UI elements or components you want to include in the app from the options panel.
- Click on the prompt input box.
- Enter a full description of the game you want to build (see the Prompt cards for examples).
- Press the button to generate (Generate/Run) the code.
- Wait for the interface to be built in the right-hand panel.
- Test the game directly in the preview window by moving the character (using WASD or arrow keys) and trying out the game mechanics.
