Classic v1 reproduced in a fresh AI session. The three twists remain untested. Play the demo, then follow the guide below.
How to make a gravity-flip game with AI
An original Vibe1Up mini-game built around one idea, a gravity flip. Play it, see how it works, then switch twists to see how one rule change makes a different game.
Score 0 · Best 0
Ready.
One button flips gravity. Red blocks grow from the floor and ceiling; stay on the safe side. Speed rises slowly.
The mechanic, in plain words
You can't move left or right. The world scrolls toward you, and your only action is to flip which way gravity pulls. Each flip sends the square across the screen, so the skill is timing: flip early enough to clear the block coming at you, but not so early that you land in front of the next one. Speed rises slowly, so your timing window gets smaller.
Choose a twist. Copy its Starter recipe.
Each twist changes exactly one rule. Pick one above to play it here; its recipe appears below. These are working demo variants, not proof of an AI-builder result.
Base: Flipside: Starter recipe Starter recipe · written by Vibe1Up
Affiliate link: Vibe1Up may earn if you subscribe. Free option: ask a coding tool for one HTML file and run it locally. Builder usage limits still apply.
Read the full Starter recipe
Make an original one-button browser game in a single self-contained index.html with a <canvas> (640x300) and plain JavaScript, no libraries. Mechanic: gravity flip. The player is a square on a floor (y=250) or a ceiling (y=50). Pressing Space, clicking or tapping flips gravity; the square accelerates toward the other surface (acceleration ~0.9 px/frame², max speed 12). Obstacles: red rectangles 24px wide, 26–60px tall, attached to either the floor or the ceiling at random, scrolling left. Spawn gap shrinks as speed rises (start 4 px/frame, +1 every 600 frames). Score = frames survived / 6. Game over on overlap; tap to restart. Save the best score in localStorage. Draw everything with simple shapes. Use your own name and art. Show clear Start, Pause/Resume and Restart buttons. Run physics at a fixed 60 updates per second, independent of screen refresh rate. Pause when the tab is hidden and require Resume. Support touch and keyboard without repeated flips when a key is held. Best-score storage is optional and must not break the game if unavailable.
- Tool notes: written for any AI coding tool that can output one HTML file. Ask for "a single self-contained file" so it runs by double-clicking.
- Tested: Classic v1 reproduced with Hermes Agent and gpt-6.1-sol on 2026-10-16. Independent desktop Chromium and phone-touch-emulated checks passed. Exact prompt, output and limitations. This is not a Bolt test or a claim about other variants.
- Known limitations: no sound; 640×300 playfield scaled to fit. Keyboard play needs the game focused. No physical-device signoff or beginner playtesting yet.
- Iteration tips: change one number at a time (gravity, max speed, spawn gap) and replay. If the AI makes it too hard, ask it to "add a 1-second grace period at the start and widen the spawn gap by 30%".
Twist 1: Low fuel: Starter recipe Starter recipe · written by Vibe1Up
Affiliate link: Vibe1Up may earn if you subscribe. Free option: ask a coding tool for one HTML file and run it locally. Builder usage limits still apply.
Read the full Starter recipe
Make an original one-button browser game in a single self-contained index.html with a <canvas> (640x300) and plain JavaScript, no libraries. Mechanic: gravity flip. The player is a square on a floor (y=250) or a ceiling (y=50). Pressing Space, clicking or tapping flips gravity; the square accelerates toward the other surface (acceleration ~0.9 px/frame², max speed 12). Obstacles: red rectangles 24px wide, 26–60px tall, attached to either the floor or the ceiling at random, scrolling left. Spawn gap shrinks as speed rises (start 4 px/frame, +1 every 600 frames). Score = frames survived / 6. Game over on overlap; tap to restart. Save the best score in localStorage. Draw everything with simple shapes. Use your own name and art. Show clear Start, Pause/Resume and Restart buttons. Run physics at a fixed 60 updates per second, independent of screen refresh rate. Pause when the tab is hidden and require Resume. Support touch and keyboard without repeated flips when a key is held. Best-score storage is optional and must not break the game if unavailable. Twist — Flip Fuel: start with 100 fuel. Each flip costs 25. Recharge 21 fuel per second, capped at 100. Ignore a flip when fuel is below 25 and briefly flash the fuel meter. Show a visible fuel bar. Keep solid red obstacles.
- Tool notes: written for any AI coding tool that can output one HTML file. Ask for "a single self-contained file" so it runs by double-clicking.
- Tested: demo rules and desktop/mobile-emulated controls checked locally. This recipe is not yet reproduced in a fresh AI-builder session; no builder, model or reproduction date is claimed.
- Known limitations: no sound; 640×300 playfield scaled to fit. Keyboard play needs the game focused. No physical-device signoff or beginner playtesting yet.
- Iteration tips: change one number at a time (gravity, max speed, spawn gap) and replay. If the AI makes it too hard, ask it to "add a 1-second grace period at the start and widen the spawn gap by 30%".
Twist 2: Missing floor: Starter recipe Starter recipe · written by Vibe1Up
Affiliate link: Vibe1Up may earn if you subscribe. Free option: ask a coding tool for one HTML file and run it locally. Builder usage limits still apply.
Read the full Starter recipe
Make an original one-button browser game in a single self-contained index.html with a <canvas> (640x300) and plain JavaScript, no libraries. Mechanic: gravity flip. The player is a square on a floor (y=250) or a ceiling (y=50). Pressing Space, clicking or tapping flips gravity; the square accelerates toward the other surface (acceleration ~0.9 px/frame², max speed 12). Obstacles: red rectangles 24px wide, 26–60px tall, attached to either the floor or the ceiling at random, scrolling left. Spawn gap shrinks as speed rises (start 4 px/frame, +1 every 600 frames). Score = frames survived / 6. Game over on overlap; tap to restart. Save the best score in localStorage. Draw everything with simple shapes. Use your own name and art. Show clear Start, Pause/Resume and Restart buttons. Run physics at a fixed 60 updates per second, independent of screen refresh rate. Pause when the tab is hidden and require Resume. Support touch and keyboard without repeated flips when a key is held. Best-score storage is optional and must not break the game if unavailable. Twist — Missing Floor: replace the solid obstacles with gaps in either the floor or ceiling, moving toward the player. End the round if the player touches a missing surface. Crossing above a gap while in the air is safe. Clearly mark gaps in red.
- Tool notes: written for any AI coding tool that can output one HTML file. Ask for "a single self-contained file" so it runs by double-clicking.
- Tested: demo rules and desktop/mobile-emulated controls checked locally. This recipe is not yet reproduced in a fresh AI-builder session; no builder, model or reproduction date is claimed.
- Known limitations: no sound; 640×300 playfield scaled to fit. Keyboard play needs the game focused. No physical-device signoff or beginner playtesting yet.
- Iteration tips: change one number at a time (gravity, max speed, spawn gap) and replay. If the AI makes it too hard, ask it to "add a 1-second grace period at the start and widen the spawn gap by 30%".
Twist 3: Greedy flips: Starter recipe Starter recipe · written by Vibe1Up
Affiliate link: Vibe1Up may earn if you subscribe. Free option: ask a coding tool for one HTML file and run it locally. Builder usage limits still apply.
Read the full Starter recipe
Make an original one-button browser game in a single self-contained index.html with a <canvas> (640x300) and plain JavaScript, no libraries. Mechanic: gravity flip. The player is a square on a floor (y=250) or a ceiling (y=50). Pressing Space, clicking or tapping flips gravity; the square accelerates toward the other surface (acceleration ~0.9 px/frame², max speed 12). Obstacles: red rectangles 24px wide, 26–60px tall, attached to either the floor or the ceiling at random, scrolling left. Spawn gap shrinks as speed rises (start 4 px/frame, +1 every 600 frames). Score = frames survived / 6. Game over on overlap; tap to restart. Save the best score in localStorage. Draw everything with simple shapes. Use your own name and art. Show clear Start, Pause/Resume and Restart buttons. Run physics at a fixed 60 updates per second, independent of screen refresh rate. Pause when the tab is hidden and require Resume. Support touch and keyboard without repeated flips when a key is held. Best-score storage is optional and must not break the game if unavailable. Twist — Coin Dare: keep the red obstacles. Add optional gold coins near either surface. Collecting a coin adds 10 points once and removes it. Place coins so the player chooses between safety and extra points.
- Tool notes: written for any AI coding tool that can output one HTML file. Ask for "a single self-contained file" so it runs by double-clicking.
- Tested: demo rules and desktop/mobile-emulated controls checked locally. This recipe is not yet reproduced in a fresh AI-builder session; no builder, model or reproduction date is claimed.
- Known limitations: no sound; 640×300 playfield scaled to fit. Keyboard play needs the game focused. No physical-device signoff or beginner playtesting yet.
- Iteration tips: change one number at a time (gravity, max speed, spawn gap) and replay. If the AI makes it too hard, ask it to "add a 1-second grace period at the start and widen the spawn gap by 30%".
Made your own remix? Submit your remix and recipe (optional). Starter recipes are written by Vibe1Up, describe our own game and are not anyone else's prompt.
One mechanic. Your own game.
Make a gravity-flip game with AI
You don't need to know how to code. You copy a recipe, paste it into an AI coding tool and get a game you can play and change. We tried it ourselves: the Flipside recipe produced a game the AI named Polar Dash, working on the first try.
▶ Play Polar Dash See how we tested it
Open an AI coding tool
Start a new chat in a coding assistant that can make a web page, and ask it to save the result as
index.html.Copy the Classic recipe
Pick Base: Flipside above, press Copy recipe and paste it in as your request. It describes the whole game: the screen, controls, obstacles and scoring. You can also download the recipe as a text file.
Play what it made
Open the file in your browser. Press Start, then flip gravity with Space, a click or a tap. Try Pause, Restart and crashing into an obstacle to make sure everything works.
Make it yours
Ask for one change at a time, like a new color or slower obstacles, then play again. Small steps keep things working. That new version is all yours.
If your game doesn't work
- Blank page: make sure you saved the whole HTML file, not just part of it. Tell the AI about any error you see.
- Space does not flip: click the game area first, then try again.
- Runs faster on another screen: ask the AI to keep a fixed 60 updates per second.
- Best score not saving: that's optional. The game should still play fine.
Heads up: we tested Classic once (Hermes Agent, gpt-6.1-sol), so other tools may need a nudge. Low fuel, Missing floor and Greedy flips are not yet reproduced in a fresh AI-builder session.
Check your build before you share it
- Start and restart without refreshing.
- Flip with a keyboard and a touch screen.
- Check collision, score and the rule for your chosen twist.
- Switch tabs: the game should pause, not run away.
- Keep your own name, art and theme. Do not reuse another creator’s assets.
Our local tests cover the demo rules and desktop/mobile browser controls, not a fresh build generated by Bolt or Rosebud, and not physical-device testing. If a builder misses a rule, fix that rule before adding polish.