:quality(85)/https://cdn.frvr.ai/680a88bd33abcc7e69b3486a.png)
:quality(85)/https://cdn.frvr.ai/680a88f733abcc7e69b3486f.png)
Creation History
Code edit (1 edits merged)
Please save this source code
User prompt
Add a flag called isMoving to each enemy. It should start with false. Then you set it to true when the enemy starts moving. When it finished moving back, set it to false. In game-update, make sure you check all the enemies are moving. If not, start their moving and tset the flag to true.
User prompt
Please fix the bug: 'RangeError: Maximum call stack size exceeded' in or related to this line: 'moveEnemy();' Line Number: 405
User prompt
Please fix the bug: 'RangeError: Maximum call stack size exceeded' in or related to this line: 'arguments.callee();' Line Number: 405
User prompt
The movement of the enemies - it should be never ending
Code edit (5 edits merged)
Please save this source code
User prompt
Move the enemies from left to right with some tween function but be careful, they can fall down if they don't stay on the floow, as it happens with the dragon ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Create a background image
Code edit (3 edits merged)
Please save this source code
User prompt
At the beginning of the game, spawn 1 different enemy (enemy1, enemy2, ,. ...) on top of each platform on the different hegihts)
Code edit (1 edits merged)
Please save this source code
User prompt
he intersection wtih a floor when jumping does not work properly. It allows half the dragon to get stuck in the floors. Please redo the intersection ONLY WHEN JUMPING so that: - You can't probably check "intersects" as that checks the center of the dragon. You probavly need to understand dragon and floor dimensions and check their bounding boxes properly
User prompt
The intersection wtih a floor when jumping does not work properly. It allows half the dragon to get stuck in the floors. Please redo it: - You can't probably check "intersects" as that checks the center of the dragon. You probavly need to understand dragon and floor dimensions and check their bounding boxes properly
Code edit (1 edits merged)
Please save this source code
User prompt
When there is an intersection of the dragon when it's jumping, you need to do the following: - First, stop immediately the tween with tween.stop - Update the dragon position so that it's below the floor and not intersecting - Make the dragon stall falling
Code edit (2 edits merged)
Please save this source code
User prompt
Check always that a dragon not standing on a floor should be falling
Code edit (1 edits merged)
Please save this source code
User prompt
f (jumpTrajectoryTop < floorBottom && dragon.y > floorTop && dragon.x + dragon.width <= floorRight && dragon.x - dragon.width >= floorLeft) This is not working well for detecting collisions. It frosm for calculating the trajectory up but combined with x and width it's not working properly.
Code edit (6 edits merged)
Please save this source code
User prompt
in canJump, as you have floorTop and floorBottom, calculate also floorLeft and floor Right
Code edit (2 edits merged)
Please save this source code
User prompt
This is not working at all. var canJump = true; for (var i = 0; i < floors.length; i++) { if (dragon.y > floors[i].y && dragon.y - 200 <= floors[i].y && dragon.x + dragon.width / 2 > floors[i].x - floors[i].width / 2 && dragon.x - dragon.width / 2 < floors[i].x + floors[i].width / 2) { canJump = false; break; } } Think about another way to do it
Code edit (3 edits merged)
Please save this source code
User prompt
Not sure I understand this, seems too restrictive to me. if (dragon.y > floors[i].y && dragon.y - 200 <= floors[i].y && dragon.intersects(floors[i])) { These are the conditions: - The jump is 200 pixels hight. Just check that the dragon trajectory up on 200 pixels is free (no floors). If not, the dragon can't jump.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
// Class for Bubbles
var Bubble = Container.expand(function () {
var self = Container.call(this);
var bubbleGraphics = self.attachAsset('bubble', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = -5;
self.update = function () {
self.x += self.speed;
// Check for intersection with any floor
for (var i = 0; i < floors.length; i++) {
if (self.intersects(floors[i])) {
// Create a PoppedBubble at the bubble's position
var pop = game.addChild(new PoppedBubble());
pop.x = self.x;
pop.y = self.y;
// Destroy the bubble
self.destroy();
bubbles.splice(bubbles.indexOf(self), 1);
// Destroy the PoppedBubble after 0.5 seconds
LK.setTimeout(function () {
pop.destroy();
}, 500);
break;
}
}
// Update last known positions
self.lastX = self.x;
self.lastY = self.y;
};
});
//<Assets used in the game will automatically appear here>
// Class for the Dragon character
var Dragon = Container.expand(function () {
var self = Container.call(this);
var dragonGraphics = self.attachAsset('dragon', {
anchorX: 0.5,
anchorY: 0.5
});
self.isIntersectingBubble = false; // Add a variable to track if the dragon is intersecting a bubble
self.shootBubble = function () {
var bubble = new Bubble();
bubble.x = self.x + 200 * self.scaleX;
bubble.y = self.y;
// If the dragon is looking right, the bubble should move to the right
if (self.scale.x == 1) {
bubble.speed = 10;
} else {
// If the dragon is looking left, the bubble should move to the left
bubble.speed = -10;
}
game.addChild(bubble);
bubbles.push(bubble);
};
});
// Class for Enemies
var Enemy = Container.expand(function () {
var self = Container.call(this);
var enemyGraphics = self.attachAsset('enemy', {
anchorX: 0.5,
anchorY: 0.5
});
self.update = function () {
// Enemy movement logic
};
});
// Class for Pop
var PoppedBubble = Container.expand(function () {
var self = Container.call(this);
var popGraphics = self.attachAsset('poppedBubble', {
anchorX: 0.5,
anchorY: 0.5
});
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000 //Init game with black background
});
/****
* Game Code
****/
function isStandingOnFloor() {
for (var i = 0; i < floors.length; i++) {
if (dragon.intersects(floors[i])) {
return true;
}
}
return false;
}
function startDragonFall() {
// Set a flag to indicate the dragon is falling
isFalling = true;
}
function updateFall() {
if (isFalling || !isStandingOnFloor()) {
dragon.y += 10; // Adjust fall speed as needed
// Check for intersection with any floor
for (var i = 0; i < floors.length; i++) {
if (dragon.intersects(floors[i])) {
isJumping = false; // Stop jumping
isFalling = false; // Stop falling when colliding with a floor
dragon.y -= floors[i].height / 8;
dragon.targetX = undefined; // Reset targetX to allow movement after landing
break;
}
}
}
}
//<Assets used in the game will automatically appear here>
// Handle mouse move events to move the dragon
game.move = function (x, y, obj) {
// Ignore the event if the target is outside the screen or close to its margins
if (x > 150 && x < 2048 - 200) {
// Set the target x position for the dragon
dragon.targetX = x;
}
};
var isFalling = false; // Initialize isFalling to track dragon's fall state
var dragon = game.addChild(new Dragon());
dragon.lastY = dragon.y; // Initialize lastY position
dragon.x = 1024; // Center horizontally
dragon.y = 2732 - 90 - dragon.height / 2; // Position the dragon on top of the floor
var bubbles = [];
var enemies = [];
var floors = [];
// Handle game updates
game.update = function () {
// Move dragon incrementally towards target x
if (dragon.targetX !== undefined) {
var increment = (dragon.targetX - dragon.x) / 10; // Move in 0.5 seconds assuming 60 FPS
if (!isJumping && dragon.targetX !== undefined && (increment > 0 && dragon.x < dragon.targetX || increment < 0 && dragon.x > dragon.targetX)) {
dragon.x += increment;
}
// Check for intersection with any floor
for (var i = 0; i < floors.length; i++) {
if (dragon.intersects(floors[i])) {
if (isJumping) {
// Check if the dragon is close to intersecting a floor
for (var j = 0; j < floors.length; j++) {
if (dragon.lastY > floors[j].y && dragon.y <= floors[j].y && dragon.intersects(floors[j])) {
tween.stop(); // Stop the tween immediately
dragon.y = floors[j].y + dragon.height / 2 + 1; // Update dragon position to be below the floor
isJumping = false; // Stop jumping
startDragonFall(); // Start falling
break;
}
}
}
if (increment > 0) {
dragon.x = floors[i].x - floors[i].width / 2 - dragon.width / 2; // Set targetX to the left edge of the floor
} else {
dragon.x = floors[i].x + floors[i].width / 2 + dragon.width / 2; // Set targetX to the right edge of the floor
}
dragon.targetX = undefined; // Reset targetX to undefined to prevent erratic movement
}
}
// Update last known position
dragon.lastX = dragon.x;
dragon.lastY = dragon.y; // Track lastY position
// Adjust dragon's scale based on x position
if (dragon.targetX > 1024) {
dragon.scale.x = -1;
} else {
dragon.scale.x = 1;
}
}
// Update bubbles
for (var i = bubbles.length - 1; i >= 0; i--) {
var bubble = bubbles[i];
if (!bubble) {
continue;
}
// Check for bubble-bubble intersections
for (var j = i - 1; j >= 0; j--) {
var otherBubble = bubbles[j];
if (!otherBubble) {
continue;
}
if (bubble.intersects(otherBubble)) {
// Create a PoppedBubble for each intersecting bubble
var pop1 = game.addChild(new PoppedBubble());
pop1.x = bubble.x;
pop1.y = bubble.y;
var pop2 = game.addChild(new PoppedBubble());
pop2.x = otherBubble.x;
pop2.y = otherBubble.y;
// Destroy both bubbles
bubble.destroy();
otherBubble.destroy();
bubbles.splice(i, 1);
bubbles.splice(j, 1);
// Destroy the PoppedBubbles after 0.5 seconds
LK.setTimeout(function () {
pop1.destroy();
pop2.destroy();
}, 500);
break;
}
}
if (!bubble) {
return;
}
if (bubble.y < -50) {
bubble.destroy();
bubbles.splice(i, 1);
}
}
// Check for bubble-enemy collisions
for (var i = enemies.length - 1; i >= 0; i--) {
var enemy = enemies[i];
for (var j = bubbles.length - 1; j >= 0; j--) {
var bubble = bubbles[j];
if (bubble.intersects(enemy)) {
// Capture enemy
enemy.destroy();
enemies.splice(i, 1);
bubble.destroy();
bubbles.splice(j, 1);
break;
}
}
}
// Check if the dragon is intersecting a bubble
for (var i = 0; i < bubbles.length; i++) {
if (dragon.intersects(bubbles[i])) {
// Create a PoppedBubble at the bubble's position
var pop = game.addChild(new PoppedBubble());
pop.x = bubbles[i].x;
pop.y = bubbles[i].y;
// Destroy the bubble
bubbles[i].destroy();
bubbles.splice(i, 1);
// Destroy the PoppedBubble after 0.5 seconds
LK.setTimeout(function () {
pop.destroy();
}, 500);
break;
}
}
updateFall();
};
// Handle touch events for shooting bubbles
var lastShot = 0;
var lastClick = 0;
var isJumping = false; // Add a variable to track if the dragon is jumping
game.down = function (x, y, obj) {
var now = Date.now();
if (now - lastShot > 500) {
dragon.shootBubble();
lastShot = now;
}
if (now - lastClick < 200 && (!isJumping && !isFalling || dragon.isIntersectingBubble)) {
// Only allow the dragon to jump if it is not already jumping or if it is intersecting a bubble
// Check if the jump trajectory is clear of floors
var canJump = true;
if (canJump) {
isJumping = true; // Set isJumping to true when the dragon starts jumping
// Make the dragon jump using a smooth animation
tween(dragon, {
y: dragon.y - 200
}, {
duration: 200,
easing: tween.easeOut,
onFinish: function onFinish() {
isJumping = false; // Reset jumping state after the jump
// Start dragon fall after jump
startDragonFall();
}
});
}
// If the dragon is intersecting a bubble, show the pop asset before destroying the bubble
if (dragon.isIntersectingBubble) {
for (var i = 0; i < bubbles.length; i++) {
if (dragon.intersects(bubbles[i])) {
var pop = game.addChild(new PoppedBubble());
pop.x = bubbles[i].x;
pop.y = bubbles[i].y;
bubbles[i].destroy();
bubbles.splice(i, 1);
LK.setTimeout(function () {
pop.destroy();
}, 500);
break;
}
}
}
}
lastClick = now;
};
// Add a floor to the bottom of the screen
for (var i = 0; i < 21; i++) {
var floor = LK.getAsset('floor', {
anchorX: 0.5,
anchorY: 0.5,
x: i * 100,
y: 2732 - 30
});
game.addChild(floor);
floors.push(floor);
}
// Add random platforms with irregular heights and positions
var platformYPositions = [];
var currentY = 2300; // Start further from the bottom
var minPlatformHeight = 100;
var maxPlatformHeight = 400;
var minGap = 100;
var maxGap = 300;
var minPlatformLength = 5;
var maxPlatformLength = 15;
while (currentY > 400) {
// Ensure platforms are not too close to the top
var platformHeight = Math.floor(Math.random() * (maxPlatformHeight - minPlatformHeight + 1)) + minPlatformHeight;
platformYPositions.push(currentY);
currentY -= platformHeight + Math.floor(Math.random() * (maxGap - minGap + 1)) + minGap;
}
for (var j = 0; j < platformYPositions.length; j++) {
var platformLength = Math.floor(Math.random() * (maxPlatformLength - minPlatformLength + 1)) + minPlatformLength;
var startX = Math.floor(Math.random() * (2048 - platformLength * 100)); // Random start position
for (var i = 0; i < platformLength; i++) {
var platform = LK.getAsset('floor', {
anchorX: 0.5,
anchorY: 0.5,
x: startX + i * 100,
y: platformYPositions[j]
});
game.addChild(platform);
floors.push(platform);
}
}
// Add continuous floor on the left margin of the screen
for (var j = 0; j < 28; j++) {
var leftFloor = LK.getAsset('floor', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: j * 100
});
game.addChild(leftFloor);
floors.push(leftFloor);
}
// Add continuous floor on the right margin of the screen
for (var k = 0; k < 28; k++) {
var rightFloor = LK.getAsset('floor', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 - 50,
y: k * 100
});
game.addChild(rightFloor);
floors.push(rightFloor);
} ===================================================================
--- original.js
+++ change.js
@@ -108,19 +108,9 @@
if (isFalling || !isStandingOnFloor()) {
dragon.y += 10; // Adjust fall speed as needed
// Check for intersection with any floor
for (var i = 0; i < floors.length; i++) {
- // Calculate bounding box for dragon and floor
- var dragonTop = dragon.y - dragon.height / 2;
- var dragonBottom = dragon.y + dragon.height / 2;
- var dragonLeft = dragon.x - dragon.width / 2;
- var dragonRight = dragon.x + dragon.width / 2;
- var floorTop = floors[i].y - floors[i].height / 2;
- var floorBottom = floors[i].y + floors[i].height / 2;
- var floorLeft = floors[i].x - floors[i].width / 2;
- var floorRight = floors[i].x + floors[i].width / 2;
- // Check for bounding box intersection
- if (dragonBottom > floorTop && dragonTop < floorBottom && dragonRight > floorLeft && dragonLeft < floorRight) {
+ if (dragon.intersects(floors[i])) {
isJumping = false; // Stop jumping
isFalling = false; // Stop falling when colliding with a floor
dragon.y -= floors[i].height / 8;
dragon.targetX = undefined; // Reset targetX to allow movement after landing
@@ -155,25 +145,20 @@
dragon.x += increment;
}
// Check for intersection with any floor
for (var i = 0; i < floors.length; i++) {
- // Calculate bounding box for dragon and floor
- var dragonTop = dragon.y - dragon.height / 2;
- var dragonBottom = dragon.y + dragon.height / 2;
- var dragonLeft = dragon.x - dragon.width / 2;
- var dragonRight = dragon.x + dragon.width / 2;
- var floorTop = floors[i].y - floors[i].height / 2;
- var floorBottom = floors[i].y + floors[i].height / 2;
- var floorLeft = floors[i].x - floors[i].width / 2;
- var floorRight = floors[i].x + floors[i].width / 2;
- // Check for bounding box intersection
- if (dragonBottom > floorTop && dragonTop < floorBottom && dragonRight > floorLeft && dragonLeft < floorRight) {
+ if (dragon.intersects(floors[i])) {
if (isJumping) {
- tween.stop(); // Stop the tween immediately
- dragon.y = floorTop - dragon.height / 2; // Update dragon position to be above the floor
- isJumping = false; // Stop jumping
- startDragonFall(); // Start falling
- break;
+ // Check if the dragon is close to intersecting a floor
+ for (var j = 0; j < floors.length; j++) {
+ if (dragon.lastY > floors[j].y && dragon.y <= floors[j].y && dragon.intersects(floors[j])) {
+ tween.stop(); // Stop the tween immediately
+ dragon.y = floors[j].y + dragon.height / 2 + 1; // Update dragon position to be below the floor
+ isJumping = false; // Stop jumping
+ startDragonFall(); // Start falling
+ break;
+ }
+ }
}
if (increment > 0) {
dragon.x = floors[i].x - floors[i].width / 2 - dragon.width / 2; // Set targetX to the left edge of the floor
} else {
Images
:quality(85)/https://cdn.frvr.ai/67a61cab5b0cdca0d4ccbe82.png%3F3)
A version of this bubble but exploded
:quality(85)/https://cdn.frvr.ai/67acc949bc1947d717737393.png%3F3)
brick, brown color, pixel style. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/67acdd30bc1947d717737436.png%3F3)
better wings, pixel style, more contrasted, more visible, blue color
:quality(85)/https://cdn.frvr.ai/67b6596bcabb2b0ec1c98396.png%3F3)
a pixel clouds background. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/67b7abd93df41e8913428143.png%3F3)
a pixel clouds background, with mountains, full height full width Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/67b7acfe3df41e8913428166.png%3F3)
:quality(85)/https://cdn.frvr.ai/67b7ae463df41e891342818d.png%3F3)
a similar image. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/67b7ae753df41e8913428195.png%3F3)
a pixel clouds background, with mountains, full height full width Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/680a872e33abcc7e69b34850.png%3F3)
A popped blue bobble, pixel style, bubble booble arcade game inspired. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/680a884333abcc7e69b34865.png%3F3)
:quality(85)/https://cdn.frvr.ai/680abe04b54cc7f0ed85d056.png%3F3)
A bubble popping, pixel style, retro. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/680ac038b54cc7f0ed85d08f.png%3F3)
:quality(85)/https://cdn.frvr.ai/680ac05cb54cc7f0ed85d095.png%3F3)
:quality(85)/https://cdn.frvr.ai/680ac073b54cc7f0ed85d09b.png%3F3)
:quality(85)/https://cdn.frvr.ai/680ac095b54cc7f0ed85d0ab.png%3F3)
:quality(85)/https://cdn.frvr.ai/680ac0b0b54cc7f0ed85d0b1.png%3F3)
:quality(85)/https://cdn.frvr.ai/680ac432690f1fa624b197d9.png%3F3)
