Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/67cc8a55cdbfb28c32e5a061.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/67cc8b3dcdbfb28c32e5a076.png)
#hypercasual
#arcade
#cat
#reflexes
#adventure
#laser
#ufo
#tree
#bird
#grass
Creation History
User prompt
fix all audio playback
User prompt
no audio is play at all
User prompt
if the mouse is not on the screen for more than 5 seconds, start auto-targeting birds with the reticle as they descend.
User prompt
increase ufo wave's pattern by 10%
User prompt
make the ufo wave less deep
User prompt
change all ufo timing to be between 30 and 50 seconds
User prompt
make the ufo wave shorter and a little slower
User prompt
improve ufo code
User prompt
limit number of birds on screen to 5
User prompt
make sure all birds are created regularly
User prompt
remove all pulsating effects EXCEPT the sun. leave it exactly as is.
User prompt
make sure the ufo sound loops while the ufo is onscreen
User prompt
change the frequency of those from 50-80, to 30-50 seconds for all ambient sou nds
User prompt
add all birdsong songs to the 50-80 second loop
User prompt
refactor all bird logic something is wrong
User prompt
only the first set of birds spawn, then no more at all.
User prompt
new birds are not spawning
User prompt
wait 15 seconds after game loads to show ufo
User prompt
a new bird should spawn for every bird that makes it to the bottom.
User prompt
there are only 2 birds on screen, there should be 4
User prompt
add songbird1, 2, 3, and 4 to the 50-80 repeat timers.
User prompt
make wings1 also play between everyone 50-80 seconds.
User prompt
its not working. please debug and improve all bird related code.
User prompt
when bird1 moves towards the left, update its image to bird1b when bird1 moves towards the right, update its image to bird1
User prompt
✅ Switch bird1 and bird1b images based on movement direction ✅ Switch bird2 and bird2b images based on movement direction
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
// Branch asset
// Bird class to represent the first kind of bird
var Bird1 = Container.expand(function () {
var self = Container.call(this);
var birdGraphics = self.attachAsset('bird1', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = Math.random() * 1.6 + 1;
self.update = function () {
if (self.lastY === undefined) {
self.lastY = self.y;
} // Initialize lastY for tracking changes on Y
self.y += self.speed;
self.lastY = self.y; // Update lastY after movement
self.x += Math.sin(self.y / 100) * 6.5; // Increase the swooping motion of the bird's movement by 30%
if (self.y > 2732) {
self.y = -self.height;
if (Math.random() < 0.33) {
self.x = Math.random() * 2048; // Start from a random position along the top
} else {
self.x = Math.random() < 0.5 ? 0 : 2048; // Start from either the left or right side
}
}
};
});
// Bird2 class to represent the second kind of bird
var Bird2 = Container.expand(function () {
var self = Container.call(this);
var birdGraphics = self.attachAsset('bird2', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = Math.random() * 1.6 + 1;
self.update = function () {
if (self.lastY === undefined) {
self.lastY = self.y;
} // Initialize lastY for tracking changes on Y
self.y += self.speed;
self.lastY = self.y; // Update lastY after movement
self.x += Math.sin(self.y / 100) * 6.5; // Increase the swooping motion of the bird's movement by 30%
if (self.y > 2732) {
self.y = Math.random() * 2732; // Random initial y position within the screen height
self.x = Math.random() < 0.5 ? 0 : 2048; // Start from either the left or right side
}
};
});
// Bird3 class to represent a third kind of bird
var Bird3 = Container.expand(function () {
var self = Container.call(this);
var birdGraphics = self.attachAsset('bird1', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = Math.random() * 1.6 + 1;
self.update = function () {
if (self.lastY === undefined) {
self.lastY = self.y;
} // Initialize lastY for tracking changes on Y
self.y += self.speed;
self.lastY = self.y; // Update lastY after movement
self.x += Math.sin(self.y / 100) * 6.5; // Increase the swooping motion of the bird's movement by 30%
if (self.y > 2732) {
self.y = -self.height;
if (Math.random() < 0.33) {
self.x = Math.random() * 2048; // Start from a random position along the top
} else {
self.x = Math.random() < 0.5 ? 0 : 2048; // Start from either the left or right side
}
}
};
});
// Cloud class to represent clouds moving across the screen
var Cloud = Container.expand(function () {
var self = Container.call(this);
var cloudGraphics = self.attachAsset('cloud', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = (Math.random() * 0.5 + 0.5) * 0.4; // Reduce speed by 60% (20% slower than before)
self.hasAccelerated = false; // Track if the cloud has already accelerated
self.direction = Math.random() < 0.5 ? 1 : -1; // Random direction: 1 for right, -1 for left
self.update = function () {
self.x += self.speed * self.direction;
// If the cloud moves off-screen, reposition it to the opposite side
if (self.x > 2048 + self.width / 2) {
self.x = -self.width / 2;
} else if (self.x < -self.width / 2) {
self.x = 2048 + self.width / 2;
}
self.lastX = self.x; // Track last X position for future checks
// Check for overlap with other clouds
for (var i = 0; i < clouds.length; i++) {
if (clouds[i] !== self && self.intersects(clouds[i])) {
if (!self.hasAccelerated) {
var slowestSpeed = Math.min(self.speed, clouds[i].speed);
self.speed += slowestSpeed * 0.1; // Increase speed by 10% of the slowest cloud's speed
self.hasAccelerated = true; // Mark as accelerated
}
break;
}
}
// Check if the cloud intersects with the sun
if (!self.lastIntersecting && self.intersects(sun)) {
self.speed *= 1.5; // Increase speed by 50%
tween(cloudGraphics, {
alpha: 0.5
}, {
duration: 3000,
easing: tween.linear
});
} else if (self.lastIntersecting && !self.intersects(sun)) {
self.speed /= 1.5; // Reset speed to original
tween(cloudGraphics, {
alpha: 1.0
}, {
duration: 3000,
easing: tween.linear
});
}
self.lastIntersecting = self.intersects(sun);
};
});
// Sun class to represent a pulsating sun in the top left corner
var Sun = Container.expand(function () {
var self = Container.call(this);
var sunGraphics = self.attachAsset('sun', {
anchorX: 0.5,
anchorY: 0.5
});
self.x = sunGraphics.width / 2;
self.y = sunGraphics.height / 2;
// Function to create a pulsating effect
function pulsate() {
tween(self, {
scaleX: 1.1,
scaleY: 1.1
}, {
duration: 1000,
easing: tween.easeInOut,
onFinish: function onFinish() {
tween(self, {
scaleX: 1.0,
scaleY: 1.0
}, {
duration: 1000,
easing: tween.easeInOut,
onFinish: pulsate
});
}
});
}
pulsate(); // Start the pulsating effect
});
// Tree class to represent a tree with a 9:16 aspect ratio
var Tree = Container.expand(function () {
var self = Container.call(this);
var treeGraphics = self.attachAsset('tree', {
anchorX: 0.5,
anchorY: 1
});
self.update = function () {
// Add any specific update logic for the tree here
};
});
// UFO class to represent a UFO flying across the screen
var UFO = Container.expand(function () {
var self = Container.call(this);
var ufoGraphics = self.attachAsset('ufo', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 3.2; // Decrease speed by 20%
self.direction = Math.random() < 0.5 ? 1 : -1; // Random direction: 1 for right, -1 for left
self.update = function () {
self.x += self.speed * self.direction;
self.y = 100 + Math.sin(self.x / 70) * 165; // Increase the wave pattern depth by 10%
// If the UFO moves off-screen, destroy it and set to null
if (self.x > 2048 + self.width / 2 || self.x < -self.width / 2) {
self.destroy();
ufo = null;
}
};
});
/****
* Initialize Game
****/
/****
* Assets
LK.init.shape('branch', {width:50, height:10, color:0x8b4513, shape:'box'})
****/
// Initialize clouds array
var game = new LK.Game({
backgroundColor: 0x87CEEB // Light blue background to simulate the sky
});
/****
* Game Code
****/
// Create a text block named block1 to display a message on the screen
var block1 = new Text2('Welcome', {
size: 120,
fill: 0xFFFF00,
// Pure red color
// White color
font: "Showcard Gothic",
// Simple and readable font
stroke: 0xFFFF00,
// Outline with a thin black line
strokeThickness: 5,
// Thickness of the outline
dropShadow: true,
// Enable drop shadow
dropShadowColor: 0x000000,
// Black shadow
dropShadowBlur: 4,
// Blur level of the shadow
dropShadowAngle: Math.PI / 6,
// Angle of the shadow
dropShadowDistance: 6 // Distance of the shadow from the text
});
block1.anchor.set(0.5, 0.5); // Center the text
block1.scale.x = Math.min(1, 2048 * 0.5 / block1.width); // Ensure width is at most 50% of screen width
block1.x = 2048 / 2 - block1.size; // Move left by 1500px, then right by 500px, and finally left by 50px, then right by 50px, then left by 10px, then left by 100px
block1.y = 2732 / 2 - 400; // Move up by 400px
block1.visible = false; // Hide block1
LK.gui.top.addChild(block1);
// Function to create a pulsating effect for block1
function bounceBlock1() {
tween(block1, {
y: block1.y - 20
}, {
duration: 500,
easing: tween.easeOut,
onFinish: function onFinish() {
tween(block1, {
y: block1.y + 20
}, {
duration: 500,
easing: tween.easeIn,
onFinish: bounceBlock1
});
}
});
}
bounceBlock1(); // Start the bouncing effect for block1
game.move = function (x, y, obj) {
// Reset the auto-targeting timer when the mouse moves
if (autoTargetingTimer) {
LK.clearTimeout(autoTargetingTimer);
}
// Removed the cat image from following the cursor
if (!game.reticle) {
game.reticle = LK.getAsset('reticle1', {
anchorX: 0.5,
anchorY: 0.5
});
game.addChild(game.reticle);
}
game.reticle.x = x;
game.reticle.y = y;
// Start a new timer for auto-targeting
autoTargetingTimer = LK.setTimeout(startAutoTargeting, 5000);
};
// Function to start auto-targeting birds
function startAutoTargeting() {
autoTargetingActive = true;
}
// Function to update reticle position for auto-targeting
function updateAutoTargeting() {
if (autoTargetingActive) {
// Find the closest bird to target
var closestBird = null;
var minDistance = Infinity;
[bird1, bird2].forEach(function (bird) {
var distance = Math.sqrt(Math.pow(bird.x - game.reticle.x, 2) + Math.pow(bird.y - game.reticle.y, 2));
if (distance < minDistance) {
minDistance = distance;
closestBird = bird;
}
});
// Move reticle towards the closest bird
if (closestBird) {
game.reticle.x += (closestBird.x - game.reticle.x) * 0.1;
game.reticle.y += (closestBird.y - game.reticle.y) * 0.1;
}
}
}
// Initialize auto-targeting variables
var autoTargetingTimer = null;
var autoTargetingActive = false;
// Update function to handle auto-targeting
game.update = function () {
updateAutoTargeting();
// Existing update logic...
};
// Add a sun to the game in the top left corner
var sun = game.addChild(new Sun());
sun.x = 1750;
sun.y = 280;
// Function to add a UFO to the game
function addUFO() {
var ufo = game.addChild(new UFO());
ufo.x = Math.random() < 0.5 ? 2048 + ufo.width / 2 : -ufo.width / 2; // Start from either the far right or left edge of the screen
ufo.y = Math.random() * 500; // Random initial y position in the upper part of the screen
ufo.customUpdate = function () {
ufo.update();
};
LK.getSound('ufo1').play();
return ufo;
}
// Initialize clouds array
var clouds = [];
for (var i = 0; i < 4; i++) {
// Add 3 clouds for variety
var cloud = new Cloud();
cloud.x = Math.random() * 2048;
cloud.y = Math.random() * 500; // Position clouds in the upper part of the screen
clouds.push(cloud);
game.addChild(cloud);
}
// Initialize a timer to add a UFO at a random time between 30 and 50 seconds
var ufo; // Define the ufo variable in the global scope
var ufoTimer = LK.setTimeout(function () {
addUFO();
// Reset the timer with a new random time
ufoTimer = LK.setTimeout(arguments.callee, Math.random() * 20000 + 30000);
}, Math.random() * 20000 + 30000);
game.update = function () {
for (var i = 0; i < clouds.length; i++) {
clouds[i].update();
}
if (ufo) {
ufo.customUpdate();
// Check if the UFO has moved off-screen
if (ufo.lastX <= 2048 + ufo.width / 2 && ufo.x > 2048 + ufo.width / 2 || ufo.lastX >= -ufo.width / 2 && ufo.x < -ufo.width / 2) {
// Destroy the UFO and set it to null
ufo.destroy();
ufo = null;
// Stop the ufo1 sound
LK.getSound('ufo1').stop();
// Start a timer for the UFO to reappear between 30-50 seconds
ufoTimer = LK.setTimeout(function () {
ufo = addUFO();
}, Math.random() * 20000 + 30000);
} else {
// Ensure the ufo1 sound is playing while the UFO is on screen
if (!LK.getSound('ufo1').isPlaying() && ufo) {
LK.getSound('ufo1').play({
loop: true
});
}
}
ufo.lastX = ufo.x; // Update lastX for the UFO
}
bird1.update();
bird2.update();
if (!bird1.lastIntersecting && bird1.intersects(bird2)) {
var dx = bird2.x - bird1.x;
var dy = bird2.y - bird1.y;
var distance = Math.sqrt(dx * dx + dy * dy);
var minDist = (bird1.width + 10) / 2 + (bird2.width + 10) / 2;
if (distance < minDist) {
var angle = Math.atan2(dy, dx);
var targetX = bird1.x + Math.cos(angle) * minDist;
var targetY = bird1.y + Math.sin(angle) * minDist;
var ax = (targetX - bird2.x) * 0.02;
var ay = (targetY - bird2.y) * 0.02;
bird1.x -= ax;
bird1.y -= ay;
bird2.x += ax;
bird2.y += ay;
}
bird1.lastIntersecting = true;
bird2.lastIntersecting = true;
} else {
bird1.lastIntersecting = false;
bird2.lastIntersecting = false;
}
};
// Create two separate bird objects
var bird1 = new Bird1();
bird1.x = Math.random() * 2048;
bird1.y = -bird1.height;
bird1.speed = 1 + Math.random() * 0.6;
bird1.lastIntersecting = false;
game.addChild(bird1);
// bird1
// Add a tree to the game
var tree = game.addChild(new Tree());
tree.x = 2048 / 2; // Center the tree to prevent it from being cut off on the right side
tree.y = 2732 - 50; // Position the tree on the grass
// No need to create branches here as they are created in the Tree class
var score = 0;
var scoreTxt = new Text2('Score: 0', {
size: 100,
fill: 0x00FF00,
// Monochrome green color
font: "Showcard Gothic",
// Fun and playful font
stroke: 0x000000,
// Outline with a thin black line
strokeThickness: 5,
// Thickness of the outline
dropShadow: true,
// Enable drop shadow
dropShadowColor: 0x000000,
// Black shadow
dropShadowBlur: 5,
// Blur level of the shadow
dropShadowAngle: Math.PI / 6,
// Angle of the shadow
dropShadowDistance: 6 // Distance of the shadow from the text
});
var bird2 = new Bird2();
bird2.x = Math.random() * 2048;
bird2.y = -bird2.height;
bird2.speed = 1 + Math.random() * 0.6;
bird2.lastIntersecting = false;
game.addChild(bird2);
LK.gui.top.addChild(scoreTxt);
// Add the grass floor to the game
for (var i = 0; i < 2048; i += 2048) {
for (var j = 0; j < 2048; j += 2048) {
var grass = game.addChild(LK.getAsset('grass', {
anchorX: 0.5,
anchorY: 1,
x: j + 2048 / 2,
y: 2732
}));
}
}
// Add the cat to the game
var cat = game.addChild(LK.getAsset('cat', {
anchorX: 0.5,
anchorY: 1,
x: 2048 - 200,
// Position the cat to the far right
y: 2732 // Position the cat at the bottom of the screen
}));
// Function to handle bgm1 end event
function onBgm1End() {
// Set a timer to replay bgm1 after 50-80 seconds
var bgmTimer = LK.setTimeout(function () {
LK.playMusic('bgm1', {
loop: true,
fade: {
start: 0,
end: 1,
duration: 4000
},
onEnd: onBgm1End
});
}, Math.random() * 30000 + 50000);
}
// Play bgm1 once at the start of the game
LK.playMusic('bgm1', {
loop: false,
fade: {
start: 0,
end: 1,
duration: 4000
},
onEnd: onBgm1End
});
// Initialize a timer to play the wings1 sound at a random time between 10 and 30 seconds
var wingsTimer = LK.setTimeout(function () {
LK.getSound('wings1').play();
wingsTimer = LK.setTimeout(arguments.callee, Math.random() * 20000 + 10000);
}, Math.random() * 20000 + 10000);
// Create an array for all sounds except ufo1, including all birdsong sounds
var sounds = ['cricket1', 'cricket2', 'frog1', 'wings1', 'songbird1', 'songbird2', 'songbird3', 'songbird4'];
// Initialize random timers for each sound to play between 30-50 seconds
sounds.forEach(function (soundId) {
var sound = LK.getSound(soundId);
var ambientSoundTimer = LK.setTimeout(function () {
sound.play();
// Reset the timer to play the sound again between 30-50 seconds
ambientSoundTimer = LK.setTimeout(arguments.callee, Math.random() * 20000 + 30000);
}, Math.random() * 20000 + 30000);
}); ===================================================================
--- original.js
+++ change.js
@@ -314,8 +314,9 @@
ufo.y = Math.random() * 500; // Random initial y position in the upper part of the screen
ufo.customUpdate = function () {
ufo.update();
};
+ LK.getSound('ufo1').play();
return ufo;
}
// Initialize clouds array
var clouds = [];
@@ -344,13 +345,22 @@
if (ufo.lastX <= 2048 + ufo.width / 2 && ufo.x > 2048 + ufo.width / 2 || ufo.lastX >= -ufo.width / 2 && ufo.x < -ufo.width / 2) {
// Destroy the UFO and set it to null
ufo.destroy();
ufo = null;
+ // Stop the ufo1 sound
+ LK.getSound('ufo1').stop();
// Start a timer for the UFO to reappear between 30-50 seconds
ufoTimer = LK.setTimeout(function () {
ufo = addUFO();
}, Math.random() * 20000 + 30000);
- } else {}
+ } else {
+ // Ensure the ufo1 sound is playing while the UFO is on screen
+ if (!LK.getSound('ufo1').isPlaying() && ufo) {
+ LK.getSound('ufo1').play({
+ loop: true
+ });
+ }
+ }
ufo.lastX = ufo.x; // Update lastX for the UFO
}
bird1.update();
bird2.update();
@@ -435,5 +445,46 @@
anchorY: 1,
x: 2048 - 200,
// Position the cat to the far right
y: 2732 // Position the cat at the bottom of the screen
-}));
\ No newline at end of file
+}));
+// Function to handle bgm1 end event
+function onBgm1End() {
+ // Set a timer to replay bgm1 after 50-80 seconds
+ var bgmTimer = LK.setTimeout(function () {
+ LK.playMusic('bgm1', {
+ loop: true,
+ fade: {
+ start: 0,
+ end: 1,
+ duration: 4000
+ },
+ onEnd: onBgm1End
+ });
+ }, Math.random() * 30000 + 50000);
+}
+// Play bgm1 once at the start of the game
+LK.playMusic('bgm1', {
+ loop: false,
+ fade: {
+ start: 0,
+ end: 1,
+ duration: 4000
+ },
+ onEnd: onBgm1End
+});
+// Initialize a timer to play the wings1 sound at a random time between 10 and 30 seconds
+var wingsTimer = LK.setTimeout(function () {
+ LK.getSound('wings1').play();
+ wingsTimer = LK.setTimeout(arguments.callee, Math.random() * 20000 + 10000);
+}, Math.random() * 20000 + 10000);
+// Create an array for all sounds except ufo1, including all birdsong sounds
+var sounds = ['cricket1', 'cricket2', 'frog1', 'wings1', 'songbird1', 'songbird2', 'songbird3', 'songbird4'];
+// Initialize random timers for each sound to play between 30-50 seconds
+sounds.forEach(function (soundId) {
+ var sound = LK.getSound(soundId);
+ var ambientSoundTimer = LK.setTimeout(function () {
+ sound.play();
+ // Reset the timer to play the sound again between 30-50 seconds
+ ambientSoundTimer = LK.setTimeout(arguments.callee, Math.random() * 20000 + 30000);
+ }, Math.random() * 20000 + 30000);
+});
\ No newline at end of file
Images
:quality(85)/https:%2F%2Fcdn.frvr.ai/67c8fd9b120d8830ebbf56e9.png%3F3)
an orange and white cat facing away from the camera. the cat is sitting straight up and looking up, ready to pounce. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/67c911c5120d8830ebbf5807.png%3F3)
remove black box
:quality(85)/https:%2F%2Fcdn.frvr.ai/67c915be120d8830ebbf582c.png%3F3)
fluffy translucent cloud. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/67c92a9f120d8830ebbf58c6.png%3F3)
bright sun with wincing cartoon face and a black eye. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/67c932df120d8830ebbf591b.png%3F3)
a goofy ufo. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/67c935fd120d8830ebbf5944.png%3F3)
red gaming reticle. Minimal. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/67cb14d582516b65d7d56166.png%3F3)
sunny day, hilly landscape. there is an alien invasion taking place in the distance. cities burning.
:quality(85)/https:%2F%2Fcdn.frvr.ai/67cb5a3d82516b65d7d56300.png%3F3)
large AUTUMN SHADES tree with sparse bunches of leaves. branches are exposed, but the tree is tough and old.. true-color, realistic, 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
:quality(85)/https:%2F%2Fcdn.frvr.ai/67cbd61a8f0bb65062649e53.png%3F3)
glowing orange sphere. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/67cbdf3f8f0bb65062649f12.png%3F3)
sideway view of a fighter jet. . . In-Game 2d asset. transparent background. horizontal. No shadows.
:quality(85)/https:%2F%2Fcdn.frvr.ai/67cc62364e271169e42de9e4.png%3F3)
shiny purple and black attack ufo.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
Sounds & Music
Used plugins
@upit/tween
