Play
:quality(85)/https://cdn.frvr.ai/6800b2124e47aa12b05d1ae5.png)
:quality(85)/https://cdn.frvr.ai/6800b20f4e47aa12b05d1ae3.png)
#FlappyDunk
#BasketballGame
#ArcadeGame
#OneTouch
#EndlessRunner
Creation History
User prompt
Ersetze die hopps im Main Menu durch Basketbälle und füge noch ein paar hopps hinzu
User prompt
Ersetze die hopps im Main Menu durch Basketbälle und füge noch ein paar hopps hinzu
User prompt
Füge ein paar Basketbälle zum Main Menu hinzu
User prompt
Please fix the bug: 'TypeError: setInterval is not a function' in or related to this line: 'setInterval(function () {' Line Number: 210
User prompt
Das Main Menu sieht leer aus änder das ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Lösch den Tap to Play Text
User prompt
Mach den Play Button breiter
User prompt
Pass die Größe des Buttons an dem Text an
User prompt
Und mach ein extra asset für den Play Button
User prompt
Der Titel im Main Menu soll flappy dunk sein
User prompt
Please fix the bug: 'Cannot read properties of undefined (reading 'sineInOut')' in or related to this line: 'tween.to(playButton, {' Line Number: 97 ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Füge ein Main Menu hinzu
User prompt
Füge skins hinzu
User prompt
Du sollst 10 Punkte pro Korb kriegen
User prompt
Und nur ein Mal
User prompt
Man soll nur 10 Punkte bekommen wenn man einen Korb berührt
User prompt
Top and bottom too
User prompt
If you toch the Edge you should die
User prompt
Ein bisschen kleiner
User prompt
Mach alles doppelt so groß
User prompt
Es soll immer nur ein Korb zu sehen sein und verdopple die Größe
Code edit (1 edits merged)
Please save this source code
User prompt
Flappy Dunk
Initial prompt
Make flappy dunk
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var Basketball = Container.expand(function () {
var self = Container.call(this);
var ballGraphics = self.attachAsset('basketball', {
anchorX: 0.5,
anchorY: 0.5
});
self.speedY = 0;
self.gravity = 0.5;
self.bounce = -10;
self.changeSkin = function (skinId) {
self.removeChild(ballGraphics);
ballGraphics = self.attachAsset(skinId, {
anchorX: 0.5,
anchorY: 0.5
});
};
self.update = function () {
self.speedY += self.gravity;
self.y += self.speedY;
if (self.y > 2732 - ballGraphics.height / 2) {
self.y = 2732 - ballGraphics.height / 2;
self.speedY = self.bounce;
}
};
self.tap = function () {
self.speedY = self.bounce;
};
return self;
});
var Hoop = Container.expand(function () {
var self = Container.call(this);
var hoopGraphics = self.attachAsset('hoop', {
anchorX: 0.5,
anchorY: 0.5
});
self.speedX = -5;
self.update = function () {
self.x += self.speedX;
if (self.x < -hoopGraphics.width / 2) {
self.x = 2048 + hoopGraphics.width / 2;
self.y = Math.random() * (2732 - 400) + 200;
self.scored = false;
}
};
return self;
});
var MainMenu = Container.expand(function () {
var self = Container.call(this);
// Create title text
var titleText = new Text2('BASKET BOUNCE', {
size: 150,
fill: 0xFFFFFF
});
titleText.anchor.set(0.5, 0.5);
titleText.x = 2048 / 2;
titleText.y = 2732 / 3;
self.addChild(titleText);
// Create play button
var playButton = self.attachAsset('hoop', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 3,
scaleY: 3,
x: 2048 / 2,
y: 2732 / 2
});
// Create play text
var playText = new Text2('TAP TO PLAY', {
size: 80,
fill: 0xFFFFFF
});
playText.anchor.set(0.5, 0.5);
playText.x = 2048 / 2;
playText.y = 2732 / 2;
self.addChild(playText);
// Animate play button
tween.to(playButton, {
scaleX: 3.2,
scaleY: 3.2
}, 800, tween.easing.sineInOut, true, 0, -1, true);
// Event handlers
self.down = function () {
LK.getSound('click').play();
if (typeof self.onPlay === 'function') {
self.onPlay();
}
};
return self;
});
var SkinButton = Container.expand(function () {
var self = Container.call(this);
var buttonGraphics = self.attachAsset('skinButton', {
anchorX: 0.5,
anchorY: 0.5
});
self.down = function () {
LK.getSound('click').play();
self.scale.set(0.9, 0.9);
};
self.up = function () {
self.scale.set(1, 1);
if (typeof self.onTap === 'function') {
self.onTap();
}
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000
});
/****
* Game Code
****/
// Initialize assets used in this game. Scale them according to what is needed for the game.
game.setBackgroundColor(0x000000);
// Define available basketball skins
var basketballSkins = [{
id: '680131741362ae11fa646c61',
name: 'Classic'
}, {
id: '6801e9f12f9255a02dd2ec1c',
name: 'Blue'
}, {
id: '6801e9fb1362ae11fa647bb1',
name: 'Pink'
}];
// Initialize with default skin
var currentSkinIndex = 0;
// Game state management
var GAME_STATE = {
MENU: 0,
PLAYING: 1
};
var currentState = GAME_STATE.MENU;
// Main menu elements
var mainMenu = new MainMenu();
game.addChild(mainMenu);
// Game elements (initialized but not added to stage yet)
var basketball;
var hoops = [];
var hoop;
var scoreTxt;
var score = 0;
var skinButton;
var skinNameTxt;
// Initialize main menu
mainMenu.onPlay = function () {
// Hide menu
mainMenu.visible = false;
// Start game
startGame();
};
// Function to initialize and start the game
function startGame() {
currentState = GAME_STATE.PLAYING;
// Create basketball with initial skin
basketball = game.addChild(new Basketball());
basketball.x = 2048 / 4;
basketball.y = 2732 / 2;
basketball.scaleX = 1.5;
basketball.scaleY = 1.5;
// Create hoop
hoop = game.addChild(new Hoop());
hoop.x = 2048;
hoop.y = Math.random() * (2732 - 800) + 400;
hoop.scaleX = 3;
hoop.scaleY = 3;
hoop.scored = false;
hoops.push(hoop);
// Create score text
scoreTxt = new Text2('0', {
size: 150,
fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Create skin selection button
skinButton = new SkinButton();
skinButton.x = 150;
skinButton.y = 150;
skinButton.onTap = function () {
// Cycle through skins
currentSkinIndex = (currentSkinIndex + 1) % basketballSkins.length;
var newSkin = basketballSkins[currentSkinIndex];
// Update basketball skin
if (currentSkinIndex === 0) {
basketball.changeSkin('basketball');
} else if (currentSkinIndex === 1) {
basketball.changeSkin('basketball_blue');
} else if (currentSkinIndex === 2) {
basketball.changeSkin('basketball_pink');
}
// Update skin name text
skinNameTxt.setText(basketballSkins[currentSkinIndex].name);
};
LK.gui.topLeft.addChild(skinButton);
// Create skin name text
skinNameTxt = new Text2(basketballSkins[currentSkinIndex].name, {
size: 50,
fill: 0xFFFFFF
});
skinNameTxt.anchor.set(0.5, 0);
skinNameTxt.x = skinButton.x;
skinNameTxt.y = skinButton.y + 70;
LK.gui.topLeft.addChild(skinNameTxt);
}
game.down = function (x, y, obj) {
if (currentState === GAME_STATE.PLAYING) {
basketball.tap();
}
};
game.update = function () {
if (currentState === GAME_STATE.PLAYING) {
basketball.update();
for (var i = 0; i < hoops.length; i++) {
hoops[i].update();
if (!hoops[i].scored && basketball.intersects(hoops[i])) {
score += 10;
scoreTxt.setText(score);
LK.getSound('swish').play();
hoops[i].scored = true;
}
}
if (basketball.y > 2732 - basketball.height / 2 || basketball.y < basketball.height / 2 || basketball.x < basketball.width / 2 || basketball.x > 2048 - basketball.width / 2) {
LK.showGameOver();
}
}
};
LK.playMusic('bgmusic');
; ===================================================================
--- original.js
+++ change.js
@@ -51,8 +51,51 @@
}
};
return self;
});
+var MainMenu = Container.expand(function () {
+ var self = Container.call(this);
+ // Create title text
+ var titleText = new Text2('BASKET BOUNCE', {
+ size: 150,
+ fill: 0xFFFFFF
+ });
+ titleText.anchor.set(0.5, 0.5);
+ titleText.x = 2048 / 2;
+ titleText.y = 2732 / 3;
+ self.addChild(titleText);
+ // Create play button
+ var playButton = self.attachAsset('hoop', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ scaleX: 3,
+ scaleY: 3,
+ x: 2048 / 2,
+ y: 2732 / 2
+ });
+ // Create play text
+ var playText = new Text2('TAP TO PLAY', {
+ size: 80,
+ fill: 0xFFFFFF
+ });
+ playText.anchor.set(0.5, 0.5);
+ playText.x = 2048 / 2;
+ playText.y = 2732 / 2;
+ self.addChild(playText);
+ // Animate play button
+ tween.to(playButton, {
+ scaleX: 3.2,
+ scaleY: 3.2
+ }, 800, tween.easing.sineInOut, true, 0, -1, true);
+ // Event handlers
+ self.down = function () {
+ LK.getSound('click').play();
+ if (typeof self.onPlay === 'function') {
+ self.onPlay();
+ }
+ };
+ return self;
+});
var SkinButton = Container.expand(function () {
var self = Container.call(this);
var buttonGraphics = self.attachAsset('skinButton', {
anchorX: 0.5,
@@ -95,73 +138,106 @@
name: 'Pink'
}];
// Initialize with default skin
var currentSkinIndex = 0;
-// Create basketball with initial skin
-var basketball = game.addChild(new Basketball());
-basketball.x = 2048 / 4;
-basketball.y = 2732 / 2;
-basketball.scaleX = 1.5;
-basketball.scaleY = 1.5;
+// Game state management
+var GAME_STATE = {
+ MENU: 0,
+ PLAYING: 1
+};
+var currentState = GAME_STATE.MENU;
+// Main menu elements
+var mainMenu = new MainMenu();
+game.addChild(mainMenu);
+// Game elements (initialized but not added to stage yet)
+var basketball;
var hoops = [];
-var hoop = game.addChild(new Hoop());
-hoop.x = 2048;
-hoop.y = Math.random() * (2732 - 800) + 400;
-hoop.scaleX = 3;
-hoop.scaleY = 3;
-hoop.scored = false;
-hoops.push(hoop);
-var scoreTxt = new Text2('0', {
- size: 150,
- fill: 0xFFFFFF
-});
-scoreTxt.anchor.set(0.5, 0);
-LK.gui.top.addChild(scoreTxt);
+var hoop;
+var scoreTxt;
var score = 0;
-// Create skin selection button
-var skinButton = new SkinButton();
-skinButton.x = 150;
-skinButton.y = 150;
-skinButton.onTap = function () {
- // Cycle through skins
- currentSkinIndex = (currentSkinIndex + 1) % basketballSkins.length;
- var newSkin = basketballSkins[currentSkinIndex];
- // Update basketball skin
- if (currentSkinIndex === 0) {
- basketball.changeSkin('basketball');
- } else if (currentSkinIndex === 1) {
- basketball.changeSkin('basketball_blue');
- } else if (currentSkinIndex === 2) {
- basketball.changeSkin('basketball_pink');
- }
- // Update skin name text
- skinNameTxt.setText(basketballSkins[currentSkinIndex].name);
+var skinButton;
+var skinNameTxt;
+// Initialize main menu
+mainMenu.onPlay = function () {
+ // Hide menu
+ mainMenu.visible = false;
+ // Start game
+ startGame();
};
-LK.gui.topLeft.addChild(skinButton);
-// Create skin name text
-var skinNameTxt = new Text2(basketballSkins[currentSkinIndex].name, {
- size: 50,
- fill: 0xFFFFFF
-});
-skinNameTxt.anchor.set(0.5, 0);
-skinNameTxt.x = skinButton.x;
-skinNameTxt.y = skinButton.y + 70;
-LK.gui.topLeft.addChild(skinNameTxt);
+// Function to initialize and start the game
+function startGame() {
+ currentState = GAME_STATE.PLAYING;
+ // Create basketball with initial skin
+ basketball = game.addChild(new Basketball());
+ basketball.x = 2048 / 4;
+ basketball.y = 2732 / 2;
+ basketball.scaleX = 1.5;
+ basketball.scaleY = 1.5;
+ // Create hoop
+ hoop = game.addChild(new Hoop());
+ hoop.x = 2048;
+ hoop.y = Math.random() * (2732 - 800) + 400;
+ hoop.scaleX = 3;
+ hoop.scaleY = 3;
+ hoop.scored = false;
+ hoops.push(hoop);
+ // Create score text
+ scoreTxt = new Text2('0', {
+ size: 150,
+ fill: 0xFFFFFF
+ });
+ scoreTxt.anchor.set(0.5, 0);
+ LK.gui.top.addChild(scoreTxt);
+ // Create skin selection button
+ skinButton = new SkinButton();
+ skinButton.x = 150;
+ skinButton.y = 150;
+ skinButton.onTap = function () {
+ // Cycle through skins
+ currentSkinIndex = (currentSkinIndex + 1) % basketballSkins.length;
+ var newSkin = basketballSkins[currentSkinIndex];
+ // Update basketball skin
+ if (currentSkinIndex === 0) {
+ basketball.changeSkin('basketball');
+ } else if (currentSkinIndex === 1) {
+ basketball.changeSkin('basketball_blue');
+ } else if (currentSkinIndex === 2) {
+ basketball.changeSkin('basketball_pink');
+ }
+ // Update skin name text
+ skinNameTxt.setText(basketballSkins[currentSkinIndex].name);
+ };
+ LK.gui.topLeft.addChild(skinButton);
+ // Create skin name text
+ skinNameTxt = new Text2(basketballSkins[currentSkinIndex].name, {
+ size: 50,
+ fill: 0xFFFFFF
+ });
+ skinNameTxt.anchor.set(0.5, 0);
+ skinNameTxt.x = skinButton.x;
+ skinNameTxt.y = skinButton.y + 70;
+ LK.gui.topLeft.addChild(skinNameTxt);
+}
game.down = function (x, y, obj) {
- basketball.tap();
+ if (currentState === GAME_STATE.PLAYING) {
+ basketball.tap();
+ }
};
game.update = function () {
- basketball.update();
- for (var i = 0; i < hoops.length; i++) {
- hoops[i].update();
- if (!hoops[i].scored && basketball.intersects(hoops[i])) {
- score += 10;
- scoreTxt.setText(score);
- LK.getSound('swish').play();
- hoops[i].scored = true;
+ if (currentState === GAME_STATE.PLAYING) {
+ basketball.update();
+ for (var i = 0; i < hoops.length; i++) {
+ hoops[i].update();
+ if (!hoops[i].scored && basketball.intersects(hoops[i])) {
+ score += 10;
+ scoreTxt.setText(score);
+ LK.getSound('swish').play();
+ hoops[i].scored = true;
+ }
}
+ if (basketball.y > 2732 - basketball.height / 2 || basketball.y < basketball.height / 2 || basketball.x < basketball.width / 2 || basketball.x > 2048 - basketball.width / 2) {
+ LK.showGameOver();
+ }
}
- if (basketball.y > 2732 - basketball.height / 2 || basketball.y < basketball.height / 2 || basketball.x < basketball.width / 2 || basketball.x > 2048 - basketball.width / 2) {
- LK.showGameOver();
- }
};
-LK.playMusic('bgmusic');
\ No newline at end of file
+LK.playMusic('bgmusic');
+;
\ No newline at end of file
Showing 1 to 24 of 24
Images
:quality(85)/https://cdn.frvr.ai/680131741362ae11fa646c61.png%3F3)
A Basketball. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/680134db2f9255a02dd2e6dc.png%3F3)
:quality(85)/https://cdn.frvr.ai/68231f66c5a43eaa4d404099.png%3F3)
A blue Basketball. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68231fa9c5a43eaa4d4040a4.png%3F3)
A pink Basketball. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68232009c5a43eaa4d4040b1.png%3F3)
A half blue and half pink Basketball. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68232113c5a43eaa4d4040c3.png%3F3)
A Play button. In-Game asset. 2d. High contrast. No shadows
Used plugins
@upit/tween
