Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/685d9ea5d91b6bc6317f8df2.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/685d9ea1d91b6bc6317f8df0.png)
#FlappyBird
#EndlessRunner
#OneTouchGaming
#MobileGaming
#ArcadeClassic
Creation History
User prompt
El terreno sea un poco más largo
User prompt
Agrega física al pájaro para que salte un poco más
User prompt
Que los birds sean un poco grandes pero no tan grandes
User prompt
Que no sea difícil pasar los obstáculos
User prompt
Los obstáculos que sean un poco más fácil de pasar y que los tubos sean largos
User prompt
Los obstáculos que estén un poco alejados para que de tiempo de pasarlo
User prompt
Mejora la colicion al morir y mejora los obstáculos donde aparecen
User prompt
Ahora hazlo un poco más grande el juego
User prompt
Cada vez que doy tap to play muero arreglalo y has que al dar tap to play comienze el juego parecido a flappy bird ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Al tocar play no muera corrige el error
User prompt
Arregla ese error que es al tocar la pantalla me muero pon un botón que diga play para comenzar el juego
User prompt
Un botón para cambiar de personaje ↪💡 Consider importing and using the following plugins: @upit/storage.v1, @upit/tween.v1
User prompt
Crea un menú o menu de carga que diga play y que entre en la pantalla ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
La generación de terreno que sea más realista y los obstáculos también y corrige el sistema de puntos cada vez que me da un punto me muero ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Please fix the bug: 'Uncaught TypeError: storage.getInt is not a function' in or related to this line: 'var bestScore = storage.getInt('highScore', 0);' Line Number: 236 ↪💡 Consider importing and using the following plugins: @upit/storage.v1
User prompt
Que tenga un menú y pantalla un poco más chico para que sea un juego de celular
Code edit (1 edits merged)
Please save this source code
User prompt
Flappy Wings
Initial prompt
Has un juego como Flappy Bird
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1");
/****
* Classes
****/
var Bird = Container.expand(function () {
var self = Container.call(this);
var birdGraphics = self.attachAsset('bird', {
anchorX: 0.5,
anchorY: 0.5
});
self.velocity = 0;
self.gravity = 0.8;
self.flapPower = -12;
self.maxVelocity = 15;
self.minVelocity = -15;
self.flap = function () {
self.velocity = self.flapPower;
LK.getSound('flap').play();
// Add slight rotation animation
tween(birdGraphics, {
rotation: -0.3
}, {
duration: 100
});
tween(birdGraphics, {
rotation: 0.5
}, {
duration: 200,
onFinish: function onFinish() {
tween(birdGraphics, {
rotation: 0
}, {
duration: 300
});
}
});
};
self.update = function () {
// Apply gravity
self.velocity += self.gravity;
// Limit velocity
if (self.velocity > self.maxVelocity) self.velocity = self.maxVelocity;
if (self.velocity < self.minVelocity) self.velocity = self.minVelocity;
// Update position
self.y += self.velocity;
// Rotate bird based on velocity
var targetRotation = Math.max(-0.5, Math.min(0.8, self.velocity * 0.05));
birdGraphics.rotation = targetRotation;
};
return self;
});
var Pipe = Container.expand(function () {
var self = Container.call(this);
self.speed = -4;
self.scored = false;
// Create top pipe body
self.topPipeBody = self.attachAsset('pipeBody', {
anchorX: 0.5,
anchorY: 1
});
// Create top pipe cap
self.topPipeCap = self.attachAsset('pipeTop', {
anchorX: 0.5,
anchorY: 1
});
// Create bottom pipe body
self.bottomPipeBody = self.attachAsset('pipeBody', {
anchorX: 0.5,
anchorY: 0
});
// Create bottom pipe cap
self.bottomPipeCap = self.attachAsset('pipeTop', {
anchorX: 0.5,
anchorY: 0
});
self.setGap = function (centerY, gapSize) {
self.topPipeBody.y = centerY - gapSize / 2;
self.topPipeCap.y = centerY - gapSize / 2;
self.bottomPipeBody.y = centerY + gapSize / 2;
self.bottomPipeCap.y = centerY + gapSize / 2;
};
self.update = function () {
self.x += self.speed;
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x87CEEB
});
/****
* Game Code
****/
// Game variables
var bird;
var pipes = [];
var ground;
var gameStarted = false;
var gameOver = false;
var gameState = 'menu'; // 'menu', 'playing', 'gameOver'
var pipeSpawnTimer = 0;
var pipeSpawnInterval = 90; // frames
var gapSize = 250; // Reduced for mobile
var scrollSpeed = 4;
// Mobile-optimized dimensions
var GAME_WIDTH = 1536; // Reduced from 2048
var GAME_HEIGHT = 2048; // Reduced from 2732
// UI Elements
var scoreTxt = new Text2('0', {
size: 70,
// Slightly smaller for mobile
fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Menu elements
var titleTxt = new Text2('FLAPPY WINGS', {
size: 80,
fill: 0xFFD700
});
titleTxt.anchor.set(0.5, 0.5);
titleTxt.x = GAME_WIDTH / 2;
titleTxt.y = GAME_HEIGHT / 2 - 300;
game.addChild(titleTxt);
var playButtonTxt = new Text2('TAP TO PLAY', {
size: 50,
fill: 0xFFFFFF
});
playButtonTxt.anchor.set(0.5, 0.5);
playButtonTxt.x = GAME_WIDTH / 2;
playButtonTxt.y = GAME_HEIGHT / 2 - 100;
game.addChild(playButtonTxt);
var highScoreTxt = new Text2('Best: 0', {
size: 40,
fill: 0xFFFFFF
});
highScoreTxt.anchor.set(0.5, 0.5);
highScoreTxt.x = GAME_WIDTH / 2;
highScoreTxt.y = GAME_HEIGHT / 2 + 50;
game.addChild(highScoreTxt);
var instructionTxt = new Text2('TAP TO FLAP', {
size: 45,
fill: 0xFFFFFF
});
instructionTxt.anchor.set(0.5, 0.5);
instructionTxt.x = GAME_WIDTH / 2;
instructionTxt.y = GAME_HEIGHT / 2 + 150;
instructionTxt.visible = false;
game.addChild(instructionTxt);
// Game over elements
var gameOverTxt = new Text2('GAME OVER', {
size: 70,
fill: 0xFF0000
});
gameOverTxt.anchor.set(0.5, 0.5);
gameOverTxt.x = GAME_WIDTH / 2;
gameOverTxt.y = GAME_HEIGHT / 2 - 100;
gameOverTxt.visible = false;
game.addChild(gameOverTxt);
var restartTxt = new Text2('TAP TO RESTART', {
size: 45,
fill: 0xFFFFFF
});
restartTxt.anchor.set(0.5, 0.5);
restartTxt.x = GAME_WIDTH / 2;
restartTxt.y = GAME_HEIGHT / 2 + 50;
restartTxt.visible = false;
game.addChild(restartTxt);
// Initialize bird
bird = game.addChild(new Bird());
bird.x = GAME_WIDTH / 4;
bird.y = GAME_HEIGHT / 2;
bird.visible = false; // Hide until game starts
// Create layered ground
var dirt = game.addChild(LK.getAsset('dirt', {
anchorX: 0,
anchorY: 1
}));
dirt.x = 0;
dirt.y = GAME_HEIGHT;
dirt.width = GAME_WIDTH;
ground = game.addChild(LK.getAsset('ground', {
anchorX: 0,
anchorY: 1
}));
ground.x = 0;
ground.y = GAME_HEIGHT - 80;
ground.width = GAME_WIDTH; // Scale to mobile width
// Add grass details
var grassTufts = [];
for (var g = 0; g < GAME_WIDTH / 60; g++) {
var grass = game.addChild(LK.getAsset('grass', {
anchorX: 0.5,
anchorY: 1
}));
grass.x = g * 60 + Math.random() * 40;
grass.y = GAME_HEIGHT - 80;
grass.height = 15 + Math.random() * 10;
grassTufts.push(grass);
}
// Function to spawn pipe
function spawnPipe() {
var pipe = new Pipe();
var centerY = 300 + Math.random() * (GAME_HEIGHT - 500 - gapSize);
pipe.setGap(centerY, gapSize);
pipe.x = GAME_WIDTH + 100;
pipes.push(pipe);
game.addChild(pipe);
}
// Function to start game
function startGame() {
if (gameState === 'menu') {
gameState = 'playing';
gameStarted = true;
// Hide menu elements
titleTxt.visible = false;
playButtonTxt.visible = false;
highScoreTxt.visible = false;
// Show game elements
bird.visible = true;
instructionTxt.visible = true;
scoreTxt.visible = true;
bird.flap();
// Hide instruction after a delay
LK.setTimeout(function () {
instructionTxt.visible = false;
}, 2000);
}
}
// Function to reset game
function resetGame() {
// Clean up pipes
for (var i = 0; i < pipes.length; i++) {
pipes[i].destroy();
}
pipes = [];
// Reset bird
bird.x = GAME_WIDTH / 4;
bird.y = GAME_HEIGHT / 2;
bird.velocity = 0;
bird.visible = false;
// Update high score
var currentScore = LK.getScore();
var bestScore = storage.highScore || 0;
if (currentScore > bestScore) {
storage.highScore = currentScore;
bestScore = currentScore;
}
// Reset game state
gameState = 'menu';
gameStarted = false;
gameOver = false;
pipeSpawnTimer = 0;
LK.setScore(0);
scoreTxt.setText('0');
// Show menu elements
titleTxt.visible = true;
playButtonTxt.visible = true;
highScoreTxt.visible = true;
highScoreTxt.setText('Best: ' + bestScore);
instructionTxt.visible = false;
gameOverTxt.visible = false;
restartTxt.visible = false;
scoreTxt.visible = false;
}
// Touch/click handlers
game.down = function (x, y, obj) {
if (gameState === 'menu') {
startGame();
} else if (gameState === 'playing' && !gameOver) {
bird.flap();
} else if (gameState === 'gameOver') {
resetGame();
}
};
// Main game loop
game.update = function () {
if (!gameStarted || gameOver) return;
// Spawn pipes
pipeSpawnTimer++;
if (pipeSpawnTimer >= pipeSpawnInterval) {
spawnPipe();
pipeSpawnTimer = 0;
}
// Update pipes
for (var i = pipes.length - 1; i >= 0; i--) {
var pipe = pipes[i];
// Check for scoring - use pipe center for more accurate scoring
if (!pipe.scored && pipe.x < bird.x - 60) {
pipe.scored = true;
LK.setScore(LK.getScore() + 1);
scoreTxt.setText(LK.getScore());
LK.getSound('score').play();
}
// Check collision with bird - use updated pipe structure
var birdBounds = {
x: bird.x - 35,
y: bird.y - 25,
width: 70,
height: 50
};
var topPipeBounds = {
x: pipe.x - 60,
y: 0,
width: 120,
height: pipe.topPipeBody.y
};
var bottomPipeBounds = {
x: pipe.x - 60,
y: pipe.bottomPipeBody.y,
width: 120,
height: GAME_HEIGHT - pipe.bottomPipeBody.y
};
// Check collision
if (birdBounds.x < topPipeBounds.x + topPipeBounds.width && birdBounds.x + birdBounds.width > topPipeBounds.x && birdBounds.y < topPipeBounds.y + topPipeBounds.height && birdBounds.y + birdBounds.height > topPipeBounds.y || birdBounds.x < bottomPipeBounds.x + bottomPipeBounds.width && birdBounds.x + birdBounds.width > bottomPipeBounds.x && birdBounds.y < bottomPipeBounds.y + bottomPipeBounds.height && birdBounds.y + birdBounds.height > bottomPipeBounds.y) {
gameOver = true;
gameState = 'gameOver';
LK.getSound('hit').play();
LK.effects.flashScreen(0xff0000, 500);
// Show game over UI
gameOverTxt.visible = true;
restartTxt.visible = true;
scoreTxt.visible = false;
return;
}
// Remove off-screen pipes
if (pipe.x < -200) {
pipe.destroy();
pipes.splice(i, 1);
}
}
// Check ground collision - updated for new ground position
if (bird.y + 25 >= ground.y) {
gameOver = true;
gameState = 'gameOver';
LK.getSound('hit').play();
LK.effects.flashScreen(0xff0000, 500);
// Show game over UI
gameOverTxt.visible = true;
restartTxt.visible = true;
scoreTxt.visible = false;
return;
}
// Check ceiling collision
if (bird.y - 30 <= 0) {
gameOver = true;
gameState = 'gameOver';
LK.getSound('hit').play();
LK.effects.flashScreen(0xff0000, 500);
// Show game over UI
gameOverTxt.visible = true;
restartTxt.visible = true;
scoreTxt.visible = false;
return;
}
}; ===================================================================
--- original.js
+++ change.js
@@ -57,21 +57,33 @@
var Pipe = Container.expand(function () {
var self = Container.call(this);
self.speed = -4;
self.scored = false;
- // Create top pipe
- self.topPipe = self.attachAsset('pipe', {
+ // Create top pipe body
+ self.topPipeBody = self.attachAsset('pipeBody', {
anchorX: 0.5,
anchorY: 1
});
- // Create bottom pipe
- self.bottomPipe = self.attachAsset('pipe', {
+ // Create top pipe cap
+ self.topPipeCap = self.attachAsset('pipeTop', {
anchorX: 0.5,
+ anchorY: 1
+ });
+ // Create bottom pipe body
+ self.bottomPipeBody = self.attachAsset('pipeBody', {
+ anchorX: 0.5,
anchorY: 0
});
+ // Create bottom pipe cap
+ self.bottomPipeCap = self.attachAsset('pipeTop', {
+ anchorX: 0.5,
+ anchorY: 0
+ });
self.setGap = function (centerY, gapSize) {
- self.topPipe.y = centerY - gapSize / 2;
- self.bottomPipe.y = centerY + gapSize / 2;
+ self.topPipeBody.y = centerY - gapSize / 2;
+ self.topPipeCap.y = centerY - gapSize / 2;
+ self.bottomPipeBody.y = centerY + gapSize / 2;
+ self.bottomPipeCap.y = centerY + gapSize / 2;
};
self.update = function () {
self.x += self.speed;
};
@@ -167,16 +179,35 @@
bird = game.addChild(new Bird());
bird.x = GAME_WIDTH / 4;
bird.y = GAME_HEIGHT / 2;
bird.visible = false; // Hide until game starts
-// Create ground
+// Create layered ground
+var dirt = game.addChild(LK.getAsset('dirt', {
+ anchorX: 0,
+ anchorY: 1
+}));
+dirt.x = 0;
+dirt.y = GAME_HEIGHT;
+dirt.width = GAME_WIDTH;
ground = game.addChild(LK.getAsset('ground', {
anchorX: 0,
anchorY: 1
}));
ground.x = 0;
-ground.y = GAME_HEIGHT;
+ground.y = GAME_HEIGHT - 80;
ground.width = GAME_WIDTH; // Scale to mobile width
+// Add grass details
+var grassTufts = [];
+for (var g = 0; g < GAME_WIDTH / 60; g++) {
+ var grass = game.addChild(LK.getAsset('grass', {
+ anchorX: 0.5,
+ anchorY: 1
+ }));
+ grass.x = g * 60 + Math.random() * 40;
+ grass.y = GAME_HEIGHT - 80;
+ grass.height = 15 + Math.random() * 10;
+ grassTufts.push(grass);
+}
// Function to spawn pipe
function spawnPipe() {
var pipe = new Pipe();
var centerY = 300 + Math.random() * (GAME_HEIGHT - 500 - gapSize);
@@ -262,33 +293,33 @@
}
// Update pipes
for (var i = pipes.length - 1; i >= 0; i--) {
var pipe = pipes[i];
- // Check for scoring
- if (!pipe.scored && pipe.x + 60 < bird.x) {
+ // Check for scoring - use pipe center for more accurate scoring
+ if (!pipe.scored && pipe.x < bird.x - 60) {
pipe.scored = true;
LK.setScore(LK.getScore() + 1);
scoreTxt.setText(LK.getScore());
LK.getSound('score').play();
}
- // Check collision with bird
+ // Check collision with bird - use updated pipe structure
var birdBounds = {
- x: bird.x - 40,
- y: bird.y - 30,
- width: 80,
- height: 60
+ x: bird.x - 35,
+ y: bird.y - 25,
+ width: 70,
+ height: 50
};
var topPipeBounds = {
x: pipe.x - 60,
y: 0,
width: 120,
- height: pipe.topPipe.y
+ height: pipe.topPipeBody.y
};
var bottomPipeBounds = {
x: pipe.x - 60,
- y: pipe.bottomPipe.y,
+ y: pipe.bottomPipeBody.y,
width: 120,
- height: 2732 - pipe.bottomPipe.y
+ height: GAME_HEIGHT - pipe.bottomPipeBody.y
};
// Check collision
if (birdBounds.x < topPipeBounds.x + topPipeBounds.width && birdBounds.x + birdBounds.width > topPipeBounds.x && birdBounds.y < topPipeBounds.y + topPipeBounds.height && birdBounds.y + birdBounds.height > topPipeBounds.y || birdBounds.x < bottomPipeBounds.x + bottomPipeBounds.width && birdBounds.x + birdBounds.width > bottomPipeBounds.x && birdBounds.y < bottomPipeBounds.y + bottomPipeBounds.height && birdBounds.y + birdBounds.height > bottomPipeBounds.y) {
gameOver = true;
@@ -306,10 +337,10 @@
pipe.destroy();
pipes.splice(i, 1);
}
}
- // Check ground collision
- if (bird.y + 30 >= ground.y) {
+ // Check ground collision - updated for new ground position
+ if (bird.y + 25 >= ground.y) {
gameOver = true;
gameState = 'gameOver';
LK.getSound('hit').play();
LK.effects.flashScreen(0xff0000, 500);
Showing 1 to 19 of 19
Used plugins
@upit/tween@upit/storage
