Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c3bd08e6ce33607500ee4.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c3b248e6ce33607500ed6.png)
#piano
#music
#rhythm
#tapping
#mobile
#Bird bomber
Creation History
User prompt
Ahora quiero que cuando el pajaro cambie de movimiento tambien la imagen del pajaro de cambie de posición ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Y que paso que cuando toque el borque vaya al lado contrario y has que cuando toque el borde se sume punto sume velocidad al pajaro ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Has que el pajaro vaya mas rapido a lo largo de la partida ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Recuerda que cuando toque el borqueiria al lado contrario
User prompt
Y las fisicas
User prompt
That is, the bird moves within the screen from left to right; when it touches the edge it moves to the opposite side.
User prompt
Now remove the planes that spread
User prompt
That is, the bird moves within the screen from left to right; when it touches the edge it moves to the opposite side.
User prompt
Better make a game of a bird that when it touches a bar it goes in the opposite direction when you touch the screen it propels itself a little upwards
User prompt
Remember to do it like Dream Piano, it's nothing like it, and make the notes faster. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Create a Dream Piano style game and delete the code you already had.
User prompt
Please fix the bug: 'TypeError: Cannot set properties of undefined (setting 'fill')' in or related to this line: 'timerTxt.style.fill = "#ff0000";' Line Number: 192
Code edit (1 edits merged)
Please save this source code
User prompt
Piano Tap Sequence
Initial prompt
Create a system of 4-key piano keys that appear randomly in that same location
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var Bar = Container.expand(function () {
var self = Container.call(this);
self.speed = -3;
var barGraphics = self.attachAsset('bar', {
anchorX: 0.5,
anchorY: 0.5
});
self.update = function () {
self.x += self.speed;
// Remove bar when it goes off screen
if (self.x < -100) {
self.destroy();
for (var i = bars.length - 1; i >= 0; i--) {
if (bars[i] === self) {
bars.splice(i, 1);
break;
}
}
// Increase score when bar passes
LK.setScore(LK.getScore() + 1);
scoreTxt.setText(LK.getScore());
}
};
return self;
});
var Bird = Container.expand(function () {
var self = Container.call(this);
self.velocityY = 0;
self.gravity = 0.5;
self.jumpPower = -12;
self.lastTouchingBar = false;
var birdGraphics = self.attachAsset('bird', {
anchorX: 0.5,
anchorY: 0.5
});
self.update = function () {
// Apply gravity
self.velocityY += self.gravity;
self.y += self.velocityY;
// Keep bird on screen
if (self.y < 50) {
self.y = 50;
self.velocityY = 0;
}
if (self.y > 2732 - 50) {
self.y = 2732 - 50;
self.velocityY = 0;
}
// Check collision with bars
var currentTouchingBar = false;
for (var i = 0; i < bars.length; i++) {
if (self.intersects(bars[i])) {
currentTouchingBar = true;
break;
}
}
// Reverse direction when hitting bar
if (!self.lastTouchingBar && currentTouchingBar) {
self.velocityY = -self.velocityY * 0.8; // Reverse with slight dampening
}
self.lastTouchingBar = currentTouchingBar;
};
self.jump = function () {
self.velocityY = self.jumpPower;
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x87CEEB
});
/****
* Game Code
****/
var bars = [];
var barSpawnTimer = 0;
var barSpawnInterval = 180; // Spawn bar every 3 seconds
// Create score display
var scoreTxt = new Text2('0', {
size: 120,
fill: 0x000000
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
scoreTxt.y = 100;
// Create bird
var bird = new Bird();
bird.x = 300;
bird.y = 2732 / 2;
game.addChild(bird);
// Instruction text
var instructionTxt = new Text2('Tap to make the bird jump!', {
size: 60,
fill: 0x000000
});
instructionTxt.anchor.set(0.5, 0.5);
game.addChild(instructionTxt);
instructionTxt.x = 2048 / 2;
instructionTxt.y = 300;
function spawnBar() {
var bar = new Bar();
bar.x = 2048 + 100;
// Random height between 200 and 2500
bar.y = 200 + Math.random() * (2500 - 200);
bars.push(bar);
game.addChild(bar);
}
// Touch controls
game.down = function (x, y, obj) {
bird.jump();
};
game.update = function () {
// Spawn bars
barSpawnTimer++;
if (barSpawnTimer >= barSpawnInterval) {
spawnBar();
barSpawnTimer = 0;
// Gradually increase spawn rate
if (LK.getScore() > 0 && LK.getScore() % 10 === 0) {
barSpawnInterval = Math.max(120, barSpawnInterval - 2);
}
}
}; ===================================================================
--- original.js
+++ change.js
@@ -5,235 +5,131 @@
/****
* Classes
****/
-var BlackPianoKey = Container.expand(function (note, soundId) {
+var Bar = Container.expand(function () {
var self = Container.call(this);
- self.note = note;
- self.soundId = soundId;
- self.isPressed = false;
- var keyGraphics = self.attachAsset('blackKey', {
+ self.speed = -3;
+ var barGraphics = self.attachAsset('bar', {
anchorX: 0.5,
- anchorY: 1.0
- });
- self.press = function () {
- if (self.isPressed) return;
- self.isPressed = true;
- keyGraphics.tint = 0x333333;
- LK.getSound(self.soundId).play();
- LK.setTimeout(function () {
- self.release();
- }, 150);
- };
- self.release = function () {
- self.isPressed = false;
- keyGraphics.tint = 0x000000;
- };
- self.down = function (x, y, obj) {
- self.press();
- };
- return self;
-});
-var FallingNote = Container.expand(function (targetKey) {
- var self = Container.call(this);
- self.targetKey = targetKey;
- self.speed = 3;
- self.hasHit = false;
- self.lastY = 0;
- var noteGraphics = self.attachAsset('note', {
- anchorX: 0.5,
anchorY: 0.5
});
self.update = function () {
- self.lastY = self.y;
- self.y += self.speed;
- // Check if note reaches the key area
- if (self.lastY <= 2200 && self.y > 2200 && !self.hasHit) {
- self.hasHit = true;
- // Miss - note was not pressed in time
- LK.setScore(Math.max(0, LK.getScore() - 5));
- scoreTxt.setText(LK.getScore());
- LK.effects.flashScreen(0xff4444, 300);
- }
- // Remove note when it goes off screen
- if (self.y > 2800) {
+ self.x += self.speed;
+ // Remove bar when it goes off screen
+ if (self.x < -100) {
self.destroy();
- for (var i = fallingNotes.length - 1; i >= 0; i--) {
- if (fallingNotes[i] === self) {
- fallingNotes.splice(i, 1);
+ for (var i = bars.length - 1; i >= 0; i--) {
+ if (bars[i] === self) {
+ bars.splice(i, 1);
break;
}
}
+ // Increase score when bar passes
+ LK.setScore(LK.getScore() + 1);
+ scoreTxt.setText(LK.getScore());
}
};
return self;
});
-var WhitePianoKey = Container.expand(function (note, soundId) {
+var Bird = Container.expand(function () {
var self = Container.call(this);
- self.note = note;
- self.soundId = soundId;
- self.isPressed = false;
- var keyGraphics = self.attachAsset('whiteKey', {
+ self.velocityY = 0;
+ self.gravity = 0.5;
+ self.jumpPower = -12;
+ self.lastTouchingBar = false;
+ var birdGraphics = self.attachAsset('bird', {
anchorX: 0.5,
- anchorY: 1.0
+ anchorY: 0.5
});
- self.press = function () {
- if (self.isPressed) return;
- self.isPressed = true;
- keyGraphics.tint = 0xdddddd;
- LK.getSound(self.soundId).play();
- LK.setTimeout(function () {
- self.release();
- }, 150);
+ self.update = function () {
+ // Apply gravity
+ self.velocityY += self.gravity;
+ self.y += self.velocityY;
+ // Keep bird on screen
+ if (self.y < 50) {
+ self.y = 50;
+ self.velocityY = 0;
+ }
+ if (self.y > 2732 - 50) {
+ self.y = 2732 - 50;
+ self.velocityY = 0;
+ }
+ // Check collision with bars
+ var currentTouchingBar = false;
+ for (var i = 0; i < bars.length; i++) {
+ if (self.intersects(bars[i])) {
+ currentTouchingBar = true;
+ break;
+ }
+ }
+ // Reverse direction when hitting bar
+ if (!self.lastTouchingBar && currentTouchingBar) {
+ self.velocityY = -self.velocityY * 0.8; // Reverse with slight dampening
+ }
+ self.lastTouchingBar = currentTouchingBar;
};
- self.release = function () {
- self.isPressed = false;
- keyGraphics.tint = 0xffffff;
+ self.jump = function () {
+ self.velocityY = self.jumpPower;
};
- self.down = function (x, y, obj) {
- self.press();
- };
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
- backgroundColor: 0x1a1a2e
+ backgroundColor: 0x87CEEB
});
/****
* Game Code
****/
-var whiteKeys = [];
-var blackKeys = [];
-var fallingNotes = [];
-var noteSpawnTimer = 0;
-var noteSpawnInterval = 120; // Spawn note every 2 seconds (120 ticks at 60fps)
-var gameSpeed = 1;
+var bars = [];
+var barSpawnTimer = 0;
+var barSpawnInterval = 180; // Spawn bar every 3 seconds
// Create score display
var scoreTxt = new Text2('0', {
size: 120,
- fill: 0xFFFFFF
+ fill: 0x000000
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
scoreTxt.y = 100;
-// Define white key layout (C, D, E, F, G, A, B, C)
-var whiteKeyNotes = ['C4', 'D4', 'E4', 'F4', 'G4', 'A4', 'B4', 'C5'];
-var whiteKeySounds = ['C4', 'D4', 'E4', 'F4', 'G4', 'A4', 'B4', 'C5'];
-// Create white keys
-var keyboardStartX = 2048 / 2 - whiteKeyNotes.length * 200 / 2 + 100;
-for (var i = 0; i < whiteKeyNotes.length; i++) {
- var whiteKey = new WhitePianoKey(whiteKeyNotes[i], whiteKeySounds[i]);
- whiteKey.x = keyboardStartX + i * 200;
- whiteKey.y = 2732 - 100;
- whiteKeys.push(whiteKey);
- game.addChild(whiteKey);
-}
-// Define black key layout (C#, D#, -, F#, G#, A#, -)
-var blackKeyNotes = ['Cs4', 'Ds4', null, 'Fs4', 'Gs4', 'As4', null];
-var blackKeySounds = ['Cs4', 'Ds4', null, 'Fs4', 'Gs4', 'As4', null];
-// Create black keys
-for (var i = 0; i < blackKeyNotes.length; i++) {
- if (blackKeyNotes[i] !== null) {
- var blackKey = new BlackPianoKey(blackKeyNotes[i], blackKeySounds[i]);
- blackKey.x = keyboardStartX + i * 200 + 100;
- blackKey.y = 2732 - 100;
- blackKeys.push(blackKey);
- game.addChild(blackKey);
- }
-}
+// Create bird
+var bird = new Bird();
+bird.x = 300;
+bird.y = 2732 / 2;
+game.addChild(bird);
// Instruction text
-var instructionTxt = new Text2('Tap the keys when notes reach them!', {
+var instructionTxt = new Text2('Tap to make the bird jump!', {
size: 60,
- fill: 0xFFFFFF
+ fill: 0x000000
});
instructionTxt.anchor.set(0.5, 0.5);
game.addChild(instructionTxt);
instructionTxt.x = 2048 / 2;
instructionTxt.y = 300;
-function spawnRandomNote() {
- // Choose random key (white or black)
- var allKeys = whiteKeys.concat(blackKeys);
- var randomKey = allKeys[Math.floor(Math.random() * allKeys.length)];
- var note = new FallingNote(randomKey);
- note.x = randomKey.x;
- note.y = 0;
- note.speed = 3 * gameSpeed;
- fallingNotes.push(note);
- game.addChild(note);
+function spawnBar() {
+ var bar = new Bar();
+ bar.x = 2048 + 100;
+ // Random height between 200 and 2500
+ bar.y = 200 + Math.random() * (2500 - 200);
+ bars.push(bar);
+ game.addChild(bar);
}
-function checkNoteHit(key) {
- // Check if any falling note is near this key
- for (var i = fallingNotes.length - 1; i >= 0; i--) {
- var note = fallingNotes[i];
- if (note.targetKey === key && note.y >= 2000 && note.y <= 2400 && !note.hasHit) {
- // Perfect hit!
- note.hasHit = true;
- note.destroy();
- fallingNotes.splice(i, 1);
- // Add score based on timing accuracy
- var accuracy = Math.abs(note.y - 2200);
- var points = Math.max(1, 20 - Math.floor(accuracy / 10));
- LK.setScore(LK.getScore() + points);
- scoreTxt.setText(LK.getScore());
- // Visual feedback
- if (accuracy < 20) {
- LK.effects.flashScreen(0x44ff44, 200); // Green for perfect
- } else {
- LK.effects.flashScreen(0x4444ff, 200); // Blue for good
- }
- return true;
- }
- }
- return false;
-}
-// Override key press handlers to check for note hits
-for (var i = 0; i < whiteKeys.length; i++) {
- (function (key) {
- var originalDown = key.down;
- key.down = function (x, y, obj) {
- if (checkNoteHit(key)) {
- key.press();
- } else {
- // Pressed key without note - small penalty
- LK.setScore(Math.max(0, LK.getScore() - 2));
- scoreTxt.setText(LK.getScore());
- key.press();
- }
- };
- })(whiteKeys[i]);
-}
-for (var i = 0; i < blackKeys.length; i++) {
- (function (key) {
- var originalDown = key.down;
- key.down = function (x, y, obj) {
- if (checkNoteHit(key)) {
- key.press();
- } else {
- // Pressed key without note - small penalty
- LK.setScore(Math.max(0, LK.getScore() - 2));
- scoreTxt.setText(LK.getScore());
- key.press();
- }
- };
- })(blackKeys[i]);
-}
+// Touch controls
+game.down = function (x, y, obj) {
+ bird.jump();
+};
game.update = function () {
- // Spawn notes
- noteSpawnTimer++;
- if (noteSpawnTimer >= noteSpawnInterval) {
- spawnRandomNote();
- noteSpawnTimer = 0;
- // Gradually increase game speed and spawn rate
- if (LK.getScore() > 0 && LK.getScore() % 100 === 0) {
- gameSpeed += 0.1;
- noteSpawnInterval = Math.max(60, noteSpawnInterval - 2); // Minimum 1 second between spawns
+ // Spawn bars
+ barSpawnTimer++;
+ if (barSpawnTimer >= barSpawnInterval) {
+ spawnBar();
+ barSpawnTimer = 0;
+ // Gradually increase spawn rate
+ if (LK.getScore() > 0 && LK.getScore() % 10 === 0) {
+ barSpawnInterval = Math.max(120, barSpawnInterval - 2);
}
}
- // Game over condition - too many missed notes
- if (LK.getScore() < -50) {
- LK.showGameOver();
- }
};
\ No newline at end of file
Images
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c1ac559efdc26911dd02a.png%3F3)
Crea un pajaro caway en 2d viendo a la derecha de color rojo acostado que con se vean las patas. In-Game asset. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c207759efdc26911dd0df.png%3F3)
Haz una sola nube carton de color blanco. In-Game asset. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c22f059efdc26911dd101.png%3F3)
Un paracaidas con una cja con bombas carton. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c24e583b711878a25ed07.png%3F3)
Has un cielo bonito sin nubes y sin bordes. In-Game asset. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c25c983b711878a25ed26.png%3F3)
Explosión. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c2aca8e6ce33607500cce.png%3F3)
Pajaro amarillo con pico naranja carton. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c367f8e6ce33607500e05.png%3F3)
En el logo estera el texto de bird bomber abajo estara un cañon y arriba un pajaro. In-Game asset. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c37458e6ce33607500e45.png%3F3)
Button play. In-Game asset. High contrast. No shadows
Sounds & Music
Used plugins
@upit/tween
