Upit | Learn about creating the game Color Runner with gen AI

Play

16d

Sort fast. Switch smart. Deliver perfectly — or chaos takes over. In Color Runner, you’re the traffic controller of a wild rainbow highway! Runners spawn in random colors and dash forward on four color-coded roads. It’s your job to drop them on the correct track and get them safely to their matching destination. But when the screen fills up and panic kicks in, you’ll need to think fast — place runners on wrong lanes temporarily, pick them up mid-run, and redirect them before it’s too late. 🎮 Gameplay Highlights: Four parallel roads, four color-coded goals Tap & drag runners onto any lane Pick them up while running and reassign their path Deliver to the correct color to score — mistakes cost you Game speeds up, and chaos multiplies 💡 Master the madness: Plan ahead, reroute mid-sprint Build delivery streaks and chase perfect runs Addictive multitasking challenge with a clean visual style Can you keep the rainbow road under control?

#ColorSorting

#RunnerGame

#ReflexChallenge

#ArcadeFun

#MobileGame

Creation History

User prompt

add the background as an image asset

User prompt

it doesn't play

User prompt

okay play it just before the popup but ensure that it's played until it ends

User prompt

it doesn't play

User prompt

okay so please fix it as best as you can because now it feels odd

User prompt

now it plays multiple times and cuts short

User prompt

endgame sound doesn't play please fix it

User prompt

Please fix the bug: 'TypeError: self._runningSound.pause is not a function' in or related to this line: 'self._runningSound.pause();' Line Number: 92

User prompt

add a running sound asset and also a end game sound asset

User prompt

add sound assets accordingly

User prompt

extend lanes to the left border of the screen, also adjust destination labels positioning slightly to the left

User prompt

display the highscore at the top right corner of the screen

User prompt

record the highest score and show it on the top right corner ↪💡 Consider importing and using the following plugins: @upit/storage.v1

User prompt

add a game end mechanic that 3 total failed matches ends the game

User prompt

give runners 2 states and add image assets for each state, show states consecutively to mimic running animation

User prompt

destination images should be placed slightly higher and tiny bit to the left

User prompt

make everything a bit bigger but don't mess up the spacing, you can even increase the spacing between lanes a bit

User prompt

everything is stacked at the top of the screen, please optimise the spacings and also you can increase the height of the lanes a bit

User prompt

decrease initial runner speed, speed increase interval and also decrease speed increase value slightly

User prompt

lanes are too big, decrease their height drastically

User prompt

add image assets for each runner, lane and destination

User prompt

create assets for necessary elements

Code edit (1 edits merged)

Please save this source code

User prompt

Color Runner Dispatcher

Initial prompt

Build a color-sorting runner game called "Color Runner Dispatcher". Core Gameplay: 1. Create four parallel lanes leading from left to right, each ending at a different colored destination: Red, Blue, Yellow, and Green. 2. Runners spawn randomly on the left side of the screen. Each runner has a specific color (red, blue, yellow, or green). 3. The player must place each runner onto one of the four lanes. The runner will then move forward toward that lane’s destination. 4. If a runner reaches a destination that matches their color, it counts as a success and increases the score. 5. If a runner reaches the wrong destination, the player loses a life or gets a penalty. 6. The player can tap and drag any runner at any time (even mid-run) and place them onto a different lane to fix mistakes. Additional Logic: - The game should spawn runners faster over time to increase difficulty. - Only one runner can be dragged at a time. - Runners should not collide with each other — allow stacking or smooth passing. - Include a streak system: perfect deliveries without mistakes give combo bonuses. - Include a countdown timer or endless mode until failure. Visuals: - Use bright colors for lanes and runners. - Show the runner’s color clearly (body color, trail, or shirt). - Add success and fail effects (sparkles or shakes). - Include drag-and-drop animation and feedback when placing or rerouting runners. Start with 4 lanes, 4 colors, and one spawn point. Once the gameplay loop works, we’ll add score UI, power-ups, and special runner types.

/****
* Initialize Game
****/
var game = new LK.Game({
	backgroundColor: 0x000000
});

/****
* Initialize Game
****/
var game = new LK.Game({
	backgroundColor: 0x000000
});

Showing 1 to 25 of 25

Images

Modern App Store icon, high definition, square with rounded corners, for a game titled "Color Runner Dispatcher" and with the description "Drag and drop colored runners onto matching lanes, rerouting them in real time to deliver them to the correct colored destination. Score points for perfect matches and build combos, but avoid mistakes as the game speeds up!". No text on icon!

flat but natural looking asphalt road.
In-Game asset. 2d. High contrast. No shadows

red house, open door looking left.
In-Game asset. 2d. High contrast. No shadows

blue house, open door looking left.
In-Game asset. 2d. High contrast. No shadows

yellow house, open door looking left.
In-Game asset. 2d. High contrast. No shadows

green house, open door looking left.
In-Game asset. 2d. High contrast. No shadows

red runner running.
In-Game asset. 2d. High contrast. No shadows

blue runner running.
In-Game asset. 2d. High contrast. No shadows

green runner running.
In-Game asset. 2d. High contrast. No shadows

yellow runner running.
In-Game asset. 2d. High contrast. No shadows

Sounds & Music

🎵

correct

Sound effect

🎵

wrong

Sound effect

🎵

combo

Sound effect

🎵

running

Sound effect

🎵

endgame

Sound effect

Used plugins

@upit/tween@upit/storage