Upit | Learn about creating the game Piano Peng with gen AI

Play

Piano Peng

octo

PianoPeng

Playit

Master the music to save the princess.

#RhythmGame

##UpitMusicContest

Creation History

User prompt

the player should be able to "paint" the beats on the grid, s when holding the finger down it can add more beats on empty cells if sliding the finger on the empty cell, and likewise when sliding the finger on an occupied cell it should make it empty again

User prompt

and now, imagine each of the 8 beats, as being iamginary extended upwards. this imaginary grid allows patterns of coins to emerge from the top part of the screen, so they are perfectly aligned with the same 8 grid based player moving area. a coin pattern is composed of a 8 columns and 4 rows structure, where only around 25% of the grid is filled with coins, the other cells are empty. once every 8 beats are done, a new coin pattern is released from the top and starts traveling down and is destroyed when the coins hit the beat grid, or the first row compsoed of the jump assets

User prompt

please swap the position of the layers so the jump layer is the first on top and the left layer is the second in the middle

User prompt

please make the character jump higher when jumping

User prompt

each layer should show a different asset. keep the cellActive for the jump layer, but for the left layer create a cellLeft and for the right layer create a cellRight asset so that each layer displays it's own custom active tile. and also move the moving dot beat indicator at the bottom of the grid instead of at the top

User prompt

can you fit the beat grid and the character invisble grid area to the whole width of the screen? enlarge everything so they fit nicely withing the entire width of the screen and not be as small as they are now. you can also remove the text marking each row and the tutorial text as well

User prompt

ensure the jump function can also work when a left or right beat is also on the same layer, since right now only a standstill jump can be performed. the jump should blend with the other laer so if t's a right beat, it jumps towards right, or if left is jumps rowards left maintaining the momentum. if a layer has both left and right beats, their actions are canceled out thus the character would stop. if a jump is also present on that layer it would only peform a standstill jump as if neither right or left beats were applied

User prompt

the character should be able to teleport through walls, like if it hits the right edge, instead of stopping it, making it teleport from the first grid cell, so it continues moving, sort of like pacman going through portals

User prompt

set the win codnition to 1000 points

User prompt

please move everything lower so it's at the base of the screen. and also include a text on the left of each row to represent it's action like left, jump, right.

Code edit (1 edits merged)

Please save this source code

User prompt

BeatBox Sync: Rhythm Grid Adventure

Initial prompt

an experimental beat box machine that combines the beats the players places on the grid, directly correlating to an action of the main player on the board. the player creates the beat and the character reacts

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

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

Showing 376 to 388 of 388

1 ...10 11 12 13 14 15 16

Images

cute 2D illustration of a delicious musical note as a collectible item in a casual mobile game.
In-Game asset. 2d. High contrast. No shadows

an angry isometric red square bullfrog character for a casual mobile game, facing the camera directly.
In-Game asset. 2d. High contrast. No shadows

a delicious looking isometric symphony shaped golden key drawn as a 2D illustration for a cute mobile game.
In-Game asset. 2d. High contrast. No shadows

a delicious looking isometric heart icon drawn as a 2D illustration for a cute mobile game.
In-Game asset. 2d. High contrast. No shadows.
In-Game asset. 2d. High contrast. No shadows

4-panel comic strip, no text, cute cartoon style, bright colors, black outlines.
Characters: Penguin Hero (small, determined) + Penguin Princess (elegant, crown) + Village Penguins
Central Theme: Music connects hearts, piano mastery wins love. Hero sees Princess's beautiful piano playing, falls in love

Panel 1: Hero living normal life in penguin village
Panel 2: Hears beautiful piano music from Princess's ice palace
Panel 3: Sees Princess playing gracefully, hearts float around Hero
Panel 4: Hero determined but nervous, looking at his flippers.
In-Game asset. 2d. High contrast. No shadows

4-panel comic strip, no text, cute cartoon style, bright colors, black outlines.
Characters: Penguin Hero (small, determined) + Village Penguins
Central Theme: Music connects hearts, piano mastery wins love. Story: Hero faces challenges and obstacles in his musical journey

Panel 1: Hero struggles with difficult piano piece, frustrated
Panel 2: Other penguins mock his practicing, musical notes look harsh/jagged
Panel 3: Hero's flippers are sore, he looks exhausted
Panel 4: But Hero persists, practicing by moonlight, determined expression
In-Game asset. 2d. High contrast. No shadows

A simple top-down 2D illustration of a calm arctic lake. The scene shows the edge of the water, with a soft, snowy shoreline framing the top and one side of the image. The lake itself is a calm, light blue, with subtle light reflections on the surface to suggest water. The art style is soft and clean, like a children's book illustration..
In-Game asset. 2d. High contrast. No shadows

cold water splash 2d illustration. top-view perspective.
In-Game asset. 2d. High contrast. No shadows

Sounds & Music

🎵

Sound_Up

Sound effect

🎵

Sound_Left

Sound effect

🎵

Sound_Right

Sound effect

🎵

Sound_Down

Sound effect

🎵

beat

Sound effect

🎵

coinCollect

Sound effect

🎶

bgmusic

Music

Used plugins

@upit/tween