:quality(85)/https:%2F%2Fcdn.frvr.ai/682f624804adf1858e31fb34.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/682f61f904adf1858e31fb2d.png)
Creation History
User prompt
remove the blue around the bird model asset
User prompt
Remove the blue around the bird model. The model of the clouds should not be the same as the bird model.
User prompt
Increase the distance between the pipes. Always let the gap height of the first pipe be close to the middle. The pipe gap height should be the same as the previous pipe at most once, but the distance between them should not be exaggerated. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
background progress without player clicking on the screen
User prompt
Okay, let's say the height that a jump takes us to is the same as before, less. And the game doesn't progress until we make the first jump.
User prompt
Okay, let's say the height that a jump takes us to is the same as before, less. And the game doesn't progress until we make the first jump. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Before starting the game, the bird should not move forward. The distance between the pipes should increase even more. The bird should move forward more slowly and fall down more slowly. One jump should make it jump a little higher. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Let the bird move forward more slowly. Let the gap heights of the 2 pipes not be too far apart, but let them move away over time. Add clouds to the background. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
The bird should not move forward unless we click on the screen. Let there be a longer distance between the bird's starting position and the first pipe. Let the bird fall more slowly. Let the distance between the pipes increase.
Code edit (1 edits merged)
Please save this source code
User prompt
Flappy Birdie: Pipe Dash
Initial prompt
Green ground, blue sky background. A yellow bird is moving forward and the screen jumps a certain distance each time we click, if we don't click it slowly falls. When we touch the floor or ceiling we burn and start the game over. Green pipes with bottoms and tops constantly appear in front of us and in each obstacle pipe there is a randomly heighted gap that we can pass through. When we pass each pipe 1 will be added to the score counter above, the counter will be reset each time we start over. But our record score will be written on the starting screen. If we touch any part of the pipe we burn.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
bestScore: 0
});
/****
* Classes
****/
// Bird class
var Bird = Container.expand(function () {
var self = Container.call(this);
// Attach yellow ellipse as bird
var birdAsset = self.attachAsset('bird', {
anchorX: 0.5,
anchorY: 0.5
});
// Physics
self.vy = 0;
self.gravity = 0.7; // px per frame^2 (slower fall)
self.jumpStrength = -20; // px per frame (gentler jump)
// Bird size for collision
self.radius = birdAsset.width * 0.45;
// Flap animation (squash/stretch)
self.flap = function () {
// Animate scale for a quick squash
tween.stop(birdAsset, {
scaleY: true,
scaleX: true
});
birdAsset.scaleY = 1.0;
birdAsset.scaleX = 1.0;
tween(birdAsset, {
scaleY: 0.7,
scaleX: 1.2
}, {
duration: 60,
easing: tween.cubicOut,
onFinish: function onFinish() {
tween(birdAsset, {
scaleY: 1.0,
scaleX: 1.0
}, {
duration: 120,
easing: tween.cubicIn
});
}
});
};
// Bird physics update
self.update = function () {
self.vy += self.gravity;
self.y += self.vy;
// Only move forward (x) if the player has tapped (i.e. on jump)
if (gameState === 'play' && self._moveForward) {
self.x += 16; // Move forward by a fixed amount per jump
self._moveForward = false;
}
// Clamp rotation based on vy
var maxAngle = Math.PI / 4;
var minAngle = -Math.PI / 6;
var t = Math.max(-20, Math.min(20, self.vy)) / 20;
birdAsset.rotation = minAngle + (maxAngle - minAngle) * ((t + 1) / 2);
};
// Reset bird state
self.reset = function (x, y) {
self.x = x;
self.y = y;
self.vy = 0;
birdAsset.rotation = 0;
birdAsset.scaleX = 1.0;
birdAsset.scaleY = 1.0;
};
return self;
});
// PipePair class (top and bottom pipes)
var PipePair = Container.expand(function () {
var self = Container.call(this);
// Pipe config
self.pipeWidth = 220;
self.gapHeight = 520;
self.speed = 12; // px per frame
// Top pipe
var topPipe = self.attachAsset('pipe', {
anchorX: 0,
anchorY: 1,
width: self.pipeWidth,
height: 900,
y: 0
});
// Bottom pipe
var bottomPipe = self.attachAsset('pipe', {
anchorX: 0,
anchorY: 0,
width: self.pipeWidth,
height: 900,
y: 0
});
// For collision
self.topRect = new Rectangle();
self.bottomRect = new Rectangle();
// Set vertical gap position
self.setGap = function (gapY) {
// gapY is the center of the gap
var pipeTop = gapY - self.gapHeight / 2;
var pipeBottom = gapY + self.gapHeight / 2;
topPipe.height = Math.max(80, pipeTop);
topPipe.y = pipeTop;
bottomPipe.height = Math.max(80, 2732 - pipeBottom - 220);
bottomPipe.y = pipeBottom;
};
// Update position
self.update = function () {
self.x -= self.speed;
};
// Get rectangles for collision
self.getRects = function () {
// Top pipe
self.topRect.x = self.x;
self.topRect.y = 0;
self.topRect.width = self.pipeWidth;
self.topRect.height = topPipe.height;
// Bottom pipe
self.bottomRect.x = self.x;
self.bottomRect.y = bottomPipe.y;
self.bottomRect.width = self.pipeWidth;
self.bottomRect.height = bottomPipe.height;
return [self.topRect, self.bottomRect];
};
// Reset pipe position and gap
self.reset = function (x, gapY) {
self.x = x;
self.setGap(gapY);
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x6ec6ff // blue sky
});
/****
* Game Code
****/
// --- Game Variables ---
// --- Asset Initialization ---
var bird;
var pipes = [];
var pipeSpacing = 1200; // px between pipes (increased)
var pipeCount = 3;
var pipeMinY = 420;
var pipeMaxY = 2732 - 220 - 420;
var ground;
var score = 0;
var bestScore = storage.bestScore || 0;
var scoreTxt;
var bestScoreTxt;
var gameState = 'start'; // 'start', 'play', 'gameover'
var tapToStartTxt;
var dragNode = null;
// --- GUI Elements ---
scoreTxt = new Text2('0', {
size: 180,
fill: 0xFFF700,
font: "Impact, 'Arial Black', Tahoma"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
bestScoreTxt = new Text2('', {
size: 90,
fill: 0xFFFFFF,
font: "Impact, 'Arial Black', Tahoma"
});
bestScoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(bestScoreTxt);
tapToStartTxt = new Text2('TAP TO START', {
size: 120,
fill: 0xFFFFFF,
font: "Impact, 'Arial Black', Tahoma"
});
tapToStartTxt.anchor.set(0.5, 0.5);
LK.gui.center.addChild(tapToStartTxt);
// --- Background and Ground ---
ground = LK.getAsset('ground', {
anchorX: 0,
anchorY: 0,
x: 0,
y: 2732 - 220
});
game.addChild(ground);
// --- Bird ---
bird = new Bird();
game.addChild(bird);
// --- Pipes ---
for (var i = 0; i < pipeCount; i++) {
var pipe = new PipePair();
pipes.push(pipe);
game.addChild(pipe);
}
// --- Helper Functions ---
function resetGame() {
// Reset state
score = 0;
scoreTxt.setText('0');
gameState = 'start';
tapToStartTxt.visible = true;
bestScoreTxt.visible = true;
bestScoreTxt.setText('BEST: ' + bestScore);
// Center bird
bird.reset(600, 1200);
// Reset pipes
for (var i = 0; i < pipes.length; i++) {
// First pipe is much further away from the bird
var px = i === 0 ? 2048 + 900 : 2048 + 900 + i * pipeSpacing;
var gapY = pipeMinY + Math.floor(Math.random() * (pipeMaxY - pipeMinY));
pipes[i].reset(px, gapY);
pipes[i].passed = false;
}
}
function startGame() {
gameState = 'play';
tapToStartTxt.visible = false;
bestScoreTxt.visible = false;
score = 0;
scoreTxt.setText('0');
// Reset bird velocity
bird.vy = 0;
}
function gameOver() {
gameState = 'gameover';
// Flash screen red
LK.effects.flashScreen(0xff0000, 800);
// Update best score
if (score > bestScore) {
bestScore = score;
storage.bestScore = bestScore;
}
// Show game over popup (handled by LK)
LK.showGameOver();
}
// --- Input Handling ---
// Tap to jump or start
game.down = function (x, y, obj) {
if (gameState === 'start') {
startGame();
bird.vy = bird.jumpStrength;
bird.flap();
bird._moveForward = true;
} else if (gameState === 'play') {
bird.vy = bird.jumpStrength;
bird.flap();
bird._moveForward = true;
}
// No input in gameover (wait for LK reset)
};
// --- Main Update Loop ---
game.update = function () {
if (gameState === 'start') {
// Bird idle bobbing
bird.y = 1200 + Math.sin(LK.ticks / 20) * 30;
bird.vy = 0;
// Pipes move slowly for effect
for (var i = 0; i < pipes.length; i++) {
pipes[i].x -= 2;
if (pipes[i].x < -pipes[i].pipeWidth) {
var px = 2048 + (pipeCount - 1) * pipeSpacing;
var gapY = pipeMinY + Math.floor(Math.random() * (pipeMaxY - pipeMinY));
pipes[i].reset(px, gapY);
pipes[i].passed = false;
}
}
return;
}
if (gameState !== 'play') return;
// Bird physics
bird.update();
// Pipes
for (var i = 0; i < pipes.length; i++) {
var pipe = pipes[i];
pipe.update();
// Recycle pipe if off screen
if (pipe.x < -pipe.pipeWidth) {
var maxX = 0;
for (var j = 0; j < pipes.length; j++) {
if (pipes[j].x > maxX) maxX = pipes[j].x;
}
var px = maxX + pipeSpacing;
var gapY = pipeMinY + Math.floor(Math.random() * (pipeMaxY - pipeMinY));
pipe.reset(px, gapY);
pipe.passed = false;
}
// Score: if bird passes pipe
if (!pipe.passed && pipe.x + pipe.pipeWidth < bird.x - bird.radius) {
pipe.passed = true;
score += 1;
scoreTxt.setText(score + '');
}
}
// Collision detection
// 1. Ground
if (bird.y + bird.radius > 2732 - 220) {
bird.y = 2732 - 220 - bird.radius;
gameOver();
return;
}
// 2. Ceiling
if (bird.y - bird.radius < 0) {
bird.y = bird.radius;
gameOver();
return;
}
// 3. Pipes
for (var i = 0; i < pipes.length; i++) {
var rects = pipes[i].getRects();
for (var r = 0; r < rects.length; r++) {
if (circleRectCollide(bird.x, bird.y, bird.radius, rects[r])) {
gameOver();
return;
}
}
}
};
// --- Utility: Circle-Rectangle Collision ---
function circleRectCollide(cx, cy, cr, rect) {
// Find closest point to circle within rectangle
var closestX = Math.max(rect.x, Math.min(cx, rect.x + rect.width));
var closestY = Math.max(rect.y, Math.min(cy, rect.y + rect.height));
var dx = cx - closestX;
var dy = cy - closestY;
return dx * dx + dy * dy < cr * cr;
}
// --- Game Over Handler (reset on LK reset) ---
LK.on('gameover', function () {
resetGame();
});
// --- Initial State ---
resetGame(); ===================================================================
--- original.js
+++ change.js
@@ -18,10 +18,10 @@
anchorY: 0.5
});
// Physics
self.vy = 0;
- self.gravity = 1.2; // px per frame^2
- self.jumpStrength = -28; // px per frame
+ self.gravity = 0.7; // px per frame^2 (slower fall)
+ self.jumpStrength = -20; // px per frame (gentler jump)
// Bird size for collision
self.radius = birdAsset.width * 0.45;
// Flap animation (squash/stretch)
self.flap = function () {
@@ -52,8 +52,13 @@
// Bird physics update
self.update = function () {
self.vy += self.gravity;
self.y += self.vy;
+ // Only move forward (x) if the player has tapped (i.e. on jump)
+ if (gameState === 'play' && self._moveForward) {
+ self.x += 16; // Move forward by a fixed amount per jump
+ self._moveForward = false;
+ }
// Clamp rotation based on vy
var maxAngle = Math.PI / 4;
var minAngle = -Math.PI / 6;
var t = Math.max(-20, Math.min(20, self.vy)) / 20;
@@ -145,9 +150,9 @@
// --- Game Variables ---
// --- Asset Initialization ---
var bird;
var pipes = [];
-var pipeSpacing = 820; // px between pipes
+var pipeSpacing = 1200; // px between pipes (increased)
var pipeCount = 3;
var pipeMinY = 420;
var pipeMaxY = 2732 - 220 - 420;
var ground;
@@ -209,9 +214,10 @@
// Center bird
bird.reset(600, 1200);
// Reset pipes
for (var i = 0; i < pipes.length; i++) {
- var px = 2048 + i * pipeSpacing;
+ // First pipe is much further away from the bird
+ var px = i === 0 ? 2048 + 900 : 2048 + 900 + i * pipeSpacing;
var gapY = pipeMinY + Math.floor(Math.random() * (pipeMaxY - pipeMinY));
pipes[i].reset(px, gapY);
pipes[i].passed = false;
}
@@ -243,11 +249,13 @@
if (gameState === 'start') {
startGame();
bird.vy = bird.jumpStrength;
bird.flap();
+ bird._moveForward = true;
} else if (gameState === 'play') {
bird.vy = bird.jumpStrength;
bird.flap();
+ bird._moveForward = true;
}
// No input in gameover (wait for LK reset)
};
// --- Main Update Loop ---
Images
:quality(85)/https:%2F%2Fcdn.frvr.ai/682f5d0604adf1858e31fa3d.png%3F3)
A yellow bird. In pixel art style. The bird should be just like the head part.. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/682f5e3104adf1858e31fa70.png%3F3)
white cloud. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/682f5f9304adf1858e31fab9.png%3F3)
the soil covering the entire image and extending horizontally and the greenery (short grass) on top of it. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/682f5fc604adf1858e31fac9.png%3F3)
green pipe. In-Game asset. 2d. High contrast. No shadows
