Code edit (1 edits merged)
Please save this source code
User prompt
initially the yarn should spawn inside the playspace
User prompt
make the yarn bounce off the edges of the screen
User prompt
spawn only one yarn
User prompt
Spawn Yarn instance when score equals to 0 or higher
User prompt
implement a yarn movement behavior, move leftward accross the screen and back to it's original position
User prompt
make the yarn ball move
User prompt
fix it
User prompt
where is the yarn, put it on the top layer
Code edit (1 edits merged)
Please save this source code
User prompt
fix it
Code edit (3 edits merged)
Please save this source code
User prompt
var yarn = new Yarn(); yarn.x = 1900; yarn.y = 2625; game.addChild(yarn);
User prompt
var Yarn = Container.expand(function () { var self = Container.call(this); var yarnGraphics = self.attachAsset('Yarn', { anchorX: 0.5, anchorY: 0.5 }); self.speedX = -5; self.speedY = 5; // Initialize speedY self.jumpInterval = Math.floor(Math.random() * 4) + 5; // Random interval between 5 to 8 seconds self.jumpTimer = 0; self.update = function () { // Check if the yarn ball hits the left or right edge of the screen if (self.x <= 0 || self.x >= 2048) { // Reverse the horizontal direction self.speedX = -self.speedX; } self.x += self.speedX; self.jumpTimer += 1 / 60; // Increment timer by the time of one frame if (self.jumpTimer >= self.jumpInterval) { self.y -= 100; // Jump self.jumpTimer = 0; // Reset timer } // Check if the yarn ball hits the top or bottom edge of the screen if (self.y <= 0 || self.y >= 2732) { // Reverse the vertical direction self.speedY = -self.speedY; } self.y += self.speedY; }; });
User prompt
speed y & speed x of yarn = 5
User prompt
the yarn ball is not moving
User prompt
fix the yarn ball not rolling from side to side of the screen bouncing on the edges
Code edit (1 edits merged)
Please save this source code
User prompt
yarns behavior is to roll from one edge to the playspace all the way to the other jumping every 5 to 8 seconds
Code edit (4 edits merged)
Please save this source code
User prompt
if score equals to three or higher, spawn yarn starting from the far bottom right of the playspace.
User prompt
increase the newcloud variables
Code edit (2 edits merged)
Please save this source code
User prompt
the scale variation of the clouds is too subtle
User prompt
the cloud are all similar size, fix the code
/****
* Classes
****/
// Assets will be automatically generated based on usage in the code.
var Basketball = Container.expand(function () {
var self = Container.call(this);
self.ballGraphics = self.attachAsset('basketball', {
anchorX: 0.5,
anchorY: 0.5
});
self.speedY = 0;
self.gravity = 0.5;
self.isThrown = false;
self.scored = false; // Add a flag to track if the ball has scored
self["throw"] = function (power, angle, horizontalSpeed) {
self.speedY = -power / 2;
self.speedX = horizontalSpeed;
self.isThrown = true;
self.scored = false; // Reset the scored flag when the ball is thrown
};
self.update = function () {
if (self.isThrown) {
self.y += self.speedY;
self.x += self.speedX;
self.speedY += self.gravity;
self.ballGraphics.rotation -= 0.1;
}
};
});
var Character = Container.expand(function () {
var self = Container.call(this);
var characterGraphics = self.attachAsset('Character', {
anchorX: 1,
anchorY: 1
});
});
var Cloud = Container.expand(function () {
var self = Container.call(this);
var cloudGraphics = self.attachAsset('Cloud', {
anchorX: 0.5,
anchorY: 0.5
});
self.speedX = -2;
self.scaleSpeed = 0.01;
self.update = function () {
self.x += self.speedX;
self.scaleX += self.scaleSpeed;
self.scaleY += self.scaleSpeed;
if (self.scaleX > 1.5 || self.scaleX < 0.5) {
self.scaleSpeed = -self.scaleSpeed;
}
};
});
var Hoop = Container.expand(function () {
var self = Container.call(this);
var hoopGraphics = self.attachAsset('hoop', {
anchorX: 0.5,
anchorY: 0.5
});
self.moveSpeed = 2;
self.update = function () {
self.x = touchdown.x;
self.y = touchdown.y;
};
self.parent = touchdown;
});
var Obstacle01 = Container.expand(function () {
var self = Container.call(this);
self.obstacleGraphics = self.attachAsset('Obstacle01', {
anchorX: 0.8,
anchorY: -0.35,
alpha: 0
});
self.parent = touchdown;
});
var Touchdown = Container.expand(function () {
var self = Container.call(this);
var touchdownGraphics = self.attachAsset('Touchdown', {
anchorX: 4.7,
anchorY: -1.25,
alpha: 0
});
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x87CEEB // Light blue background to simulate sky
});
/****
* Game Code
****/
var basketball = game.addChild(new Basketball());
var character = game.addChild(new Character());
character.x = 550;
character.y = 2732;
var hoop = game.addChild(new Hoop());
basketball.x = 400;
basketball.y = 2732 - 450; // Start near the bottom
hoop.x = 2048 / 2;
hoop.y = 2732 / 4; // Position the hoop in the upper part of the screen
var score = 0;
// Create sky and position it at the top of the screen
var sky = LK.getAsset('Sky', {
anchorX: 0.5,
anchorY: 0.5
});
sky.x = 800 / 2;
sky.y = 300;
game.addChild(sky);
var scoreTxt = new Text2(score.toString(), {
size: 100,
fill: "#000000"
});
game.addChild(scoreTxt);
scoreTxt.x = sky.x - 10;
scoreTxt.y = sky.y - 0;
var touchdown = new Touchdown();
var obstacle01 = game.addChild(new Obstacle01());
obstacle01.x = 2048 / 2;
obstacle01.y = 2732 / 2;
touchdown.x = 2048 / 2;
touchdown.y = 2732 / 2;
game.addChild(touchdown);
// Draw and center the Board on the screen
var board = LK.getAsset('Board', {
anchorX: 0.5,
anchorY: 0.5
});
board.x = 2048 / 2;
board.y = 3532 / 2;
game.addChildAt(board, 0);
game.on('down', function (obj) {
if (!basketball.isThrown) {
var event = obj.event;
var pos = event.getLocalPosition(game);
// Calculate the arc between the ball and the hoop
var dx = hoop.x - basketball.x;
var dy = hoop.y - basketball.y;
var distance = Math.sqrt(dx * dx + dy * dy);
var angle = Math.atan2(dy, dx) / 2; // Reduce the angle of the throw
var power = (2732 - pos.y) / 30;
var horizontalSpeed = Math.abs(basketball.x - pos.x) / 100; // Calculate the horizontal speed based on the distance from the click to the basketball
basketball["throw"](power, angle, horizontalSpeed);
// Make the character hop a little bit vertically
character.y -= 50;
LK.setTimeout(function () {
character.y += 50;
}, 200);
}
});
var clouds = [];
LK.on('tick', function () {
if (LK.ticks % 360 == 0) {
var newCloud = new Cloud();
newCloud.x = 2048;
newCloud.y = Math.random() * 500;
newCloud.scaleX = newCloud.scaleY = Math.random() * 3 + 0.5; // Add size variation
clouds.push(newCloud);
game.addChildAt(newCloud, 0);
}
for (var i = clouds.length - 1; i >= 0; i--) {
clouds[i].update();
if (clouds[i].x < -500) {
clouds[i].destroy();
clouds.splice(i, 1);
}
}
game.setChildIndex(basketball, game.children.length - 1);
basketball.update();
hoop.update();
// Check for scoring
if (basketball.intersects(touchdown) && !basketball.scored) {
score += 1;
scoreTxt.setText(score.toString());
basketball.scored = true; // Set the scored flag to true
// Move basketball down slowly
basketball.speedY = 2;
basketball.speedX = 0;
basketball.gravity = 0;
// Fade out the ball progressively until it disappears
var fadeOutInterval = LK.setInterval(function () {
basketball.ballGraphics.alpha -= 0.05;
if (basketball.ballGraphics.alpha <= 0) {
LK.clearInterval(fadeOutInterval);
basketball.destroy();
basketball = game.addChild(new Basketball());
basketball.x = 400;
basketball.y = 2732 - 450;
basketball.isThrown = false;
basketball.ballGraphics.rotation = 0;
basketball.ballGraphics.alpha = 1.0;
}
}, 100);
// Stop the ball from moving down after 2 seconds
LK.setTimeout(function () {
basketball.speedY = 0;
}, 2000);
// Respawn touchdown
LK.setTimeout(function () {
touchdown.destroy(); // Destroy the previous instance of touchdown
touchdown = new Touchdown();
touchdown.x = Math.random() * 1024 + 1024; // Random x position in the middle or right side of the screen
touchdown.y = Math.random() * 1366 + 1366 / 2; // Random y position in the middle or top side of the screen
game.addChild(touchdown);
// Move hoop and obstacle01 to the new touchdown position
hoop.x = touchdown.x;
hoop.y = Math.max(touchdown.y, 1366 / 2); // Ensure hoop doesn't go too low
obstacle01.x = touchdown.x;
obstacle01.y = Math.max(touchdown.y, 1366 / 2); // Ensure obstacle01 doesn't go too low
}, 2000);
}
// Implement game over if the basketball goes off-screen
if (basketball.y > 2732) {
LK.showGameOver();
}
// Check for collision with Obstacle01 only if the basketball has not scored
if (!basketball.scored && basketball.intersects(obstacle01)) {
// Bounce the basketball in the opposite direction
basketball.speedY = -basketball.speedY;
basketball.speedX = -basketball.speedX;
}
});
2d basketball in the art style of final fantasy 9. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
2d basketball hoop net in the art style of final fantasy 9 , just the ring and the net. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Create a cartoon-style illustration of a back alley. The goal is to capture a lively and playful location. No skies.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Create a cartoon-style illustration of clouds. The goal is to capture a lively and playful location... Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Create a cartoon-style illustration of a yarn ball. The goal is to capture a lively and playful location. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Create a cartoon-style illustration of a Cat. The goal is to capture a lively and playful location. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Create a cartoon-style illustration of the word ''Bonus''. The goal is to capture a lively and playful text. The letter "O" in Bonus should be a basketball. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
cartoon sideways claw swipe effect just the scratches in orange. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.