Play
Creation History
User prompt
Randomise the lines that enemies use ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Enemies will spawn 7 seconds apart ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Enemies will move from right to left side of screen ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
After wave1 fades away implement the first wave of tower defence game on backdrop scene. Ensure enemies follow horizontal guidelines ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
After wave1 fades away implement the first wave of tower defence game ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Only play the music once don't loop track
User prompt
Make flyby small on backdrop scene and zoom into position ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
When cell is clicked play intro music
User prompt
Prevent intro2 fading to black ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
When story4 is clicked transition to titlescreen ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
When story3 is clicked transition to story4 ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
When story2 is clicked transition to story3 ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
When story1 is clicked transition to story2 ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
On click transition cell asset to story1 ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Prevent automatic transition from intro2 scene to title scene
User prompt
Add cell asset in middle of intro2
User prompt
Add Cutscene before titlescreen using intro2
User prompt
Add a Cutscene class with
User prompt
Add a Cutscene class
User prompt
Level2 will happen after 5 waves
User prompt
When level2 is reached swap backdrop with backdrop2
User prompt
Add a placeholder class for level2 using backdrop2 asset
User prompt
Define backdrop1 as backdrop for level1 and 2
User prompt
Remove health bar
User prompt
Please fix the bug: 'Uncaught ReferenceError: titleImage is not defined' in or related to this line: 'tween.stop(titleImage);' Line Number: 540 ↪💡 Consider importing and using the following plugins: @upit/tween.v1
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
// Defense class
var Defense = Container.expand(function () {
var self = Container.call(this);
var defenseGraphics = self.attachAsset('defense', {
anchorX: 0.5,
anchorY: 0.5
});
self.update = function () {
// Defense logic goes here
};
});
// Enemy class
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 logic goes here
};
});
// Assets will be automatically created and loaded by the LK engine
// Tower class
var Tower = Container.expand(function () {
var self = Container.call(this);
var towerGraphics = self.attachAsset('tower', {
anchorX: 0.5,
anchorY: 0.5
});
self.update = function () {
// Tower logic goes here
};
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000 //Init game with black background
});
/****
* Game Code
****/
// Import tween plugin
// Display the title
var titleImage = game.addChild(LK.getAsset('Title', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2 + 1400
}));
// Add skip intro button to top of title screen
var skipButton = new Text2('SKIP INTRO', {
size: 60,
fill: 0xFFFFFF
});
skipButton.anchor.set(0.5, 0);
skipButton.x = 2048 / 2;
skipButton.y = 150;
game.addChild(skipButton);
// Function to skip directly to backdrop scene
function skipToBackdrop() {
// Stop all tweens
tween.stop(titleImage);
tween.stop(flybyImage);
// Remove title and flyby
titleImage.destroy();
flybyImage.destroy();
skipButton.destroy();
// Add backdrop asset to game
var backdropAsset = game.addChild(LK.getAsset('Backdrop1', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2,
alpha: 1,
scaleX: 0.5,
scaleY: 0.5
}));
// Add flyby asset to backdrop
var backdropFlyby = game.addChild(LK.getAsset('Flyby', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2 - 800,
alpha: 1,
scaleX: 0.8,
scaleY: 0.8
}));
// Store the original Y position for backdrop flyby
var backdropFlybyOriginalY = backdropFlyby.y;
// Make flyby move off the right side of backdrop scene
tween(backdropFlyby, {
x: 2048 + 375
}, {
duration: 6000,
easing: tween.linear,
onFinish: function onFinish() {
// After flyby has left the backdrop scene, fade in wave1 asset
var wave1Asset = game.addChild(LK.getAsset('Wave1', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2,
alpha: 0
}));
// Fade in wave1 asset
tween(wave1Asset, {
alpha: 1
}, {
duration: 1000,
easing: tween.easeInOut,
onFinish: function onFinish() {
// Keep wave1 visible for 3 seconds then fade out
LK.setTimeout(function () {
tween(wave1Asset, {
alpha: 0
}, {
duration: 1000,
easing: tween.easeInOut,
onFinish: function onFinish() {
wave1Asset.destroy();
}
});
}, 3000);
}
});
}
});
// Add 6 horizontal guide lines immediately
var lineSpacing = 2732 / 7;
for (var i = 1; i <= 6; i++) {
var yPosition = lineSpacing * i;
if (i === 1) {
yPosition += 600; // Move guideline 1 down by 600 pixels
} else if (i === 2) {
yPosition += 420; // Move guideline 2 down by 420 pixels
} else if (i === 3) {
yPosition += 250; // Move guideline 3 down by 250 pixels
} else if (i === 4) {
yPosition += 120; // Move guideline 4 down by 120 pixels
} else if (i === 5) {
yPosition -= 50; // Move guideline 5 up by 50 pixels
} else if (i === 6) {
yPosition -= 200; // Move guideline 6 up by 200 pixels
}
var guideLine = game.addChild(LK.getAsset('guideLine', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: yPosition,
alpha: 0.5
}));
}
}
// Add touch event to skip button
skipButton.down = function (x, y, obj) {
skipToBackdrop();
};
// Add flyby asset to title - start at right side of screen
var flybyImage = game.addChild(LK.getAsset('Flyby', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 + 375,
y: 2732 / 2 + 1400 - 500
}));
// Store the original Y position for flyby
var flybyOriginalY = flybyImage.y;
// Create hover animation function
function startFlybyHover() {
// Tween up 50 pixels over 2 seconds
tween(flybyImage, {
y: flybyOriginalY - 50
}, {
duration: 2000,
easing: tween.easeInOut,
onFinish: function onFinish() {
// Tween down 50 pixels over 2 seconds
tween(flybyImage, {
y: flybyOriginalY + 50
}, {
duration: 2000,
easing: tween.easeInOut,
onFinish: function onFinish() {
// Start the cycle again
startFlybyHover();
}
});
}
});
}
// Start the hover animation
startFlybyHover();
// Start flyby movement from right to left
tween(flybyImage, {
x: -375
}, {
duration: 8000,
easing: tween.linear,
onFinish: function onFinish() {
// After flyby has left the screen, slowly scroll title up
tween(titleImage, {
y: titleImage.y - titleImage.height
}, {
duration: 20000,
easing: tween.easeOut
});
// Stop the title scrolling after 5 seconds
LK.setTimeout(function () {
tween.stop(titleImage, {
y: true
});
// Fade in intro asset in the middle of the screen
var introAsset = game.addChild(LK.getAsset('intro', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2,
alpha: 0
}));
// Tween alpha from 0 to 1 for fade-in effect
tween(introAsset, {
alpha: 1
}, {
duration: 2000,
easing: tween.easeInOut,
onFinish: function onFinish() {
// After intro has faded in, make flyby move from left to right
flybyImage.x = -375; // Reset flyby to left side
flybyImage.y = 2732 / 2; // Center vertically
tween(flybyImage, {
x: 2048 + 375
}, {
duration: 6000,
easing: tween.linear,
onFinish: function onFinish() {
// After flyby has left the screen, fade out intro and fade in backdrop
tween(introAsset, {
alpha: 0
}, {
duration: 2000,
easing: tween.easeInOut
});
// Add backdrop asset to game
var backdropAsset = game.addChild(LK.getAsset('Backdrop1', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2,
alpha: 0,
scaleX: 0.5,
scaleY: 0.5
}));
// Add flyby asset to backdrop
var backdropFlyby = game.addChild(LK.getAsset('Flyby', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2 - 800,
alpha: 0,
scaleX: 0.8,
scaleY: 0.8
}));
// Store the original Y position for backdrop flyby
var backdropFlybyOriginalY = backdropFlyby.y;
// Make flyby move off the right side of backdrop scene
function startBackdropFlybyHover() {
tween(backdropFlyby, {
x: 2048 + 375
}, {
duration: 6000,
easing: tween.linear,
onFinish: function onFinish() {
// After flyby has left the backdrop scene, fade in wave1 asset
var wave1Asset = game.addChild(LK.getAsset('Wave1', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2,
alpha: 0
}));
// Fade in wave1 asset
tween(wave1Asset, {
alpha: 1
}, {
duration: 1000,
easing: tween.easeInOut,
onFinish: function onFinish() {
// Keep wave1 visible for 3 seconds then fade out
LK.setTimeout(function () {
tween(wave1Asset, {
alpha: 0
}, {
duration: 1000,
easing: tween.easeInOut,
onFinish: function onFinish() {
wave1Asset.destroy();
}
});
}, 3000);
}
});
}
});
}
// Fade in backdrop
tween(backdropAsset, {
alpha: 1
}, {
duration: 2000,
easing: tween.easeInOut,
onFinish: function onFinish() {
// Fade in backdrop flyby
tween(backdropFlyby, {
alpha: 1
}, {
duration: 2000,
easing: tween.easeInOut,
onFinish: function onFinish() {
// Start flyby movement to right side after fade in
startBackdropFlybyHover();
}
});
// Add 6 horizontal guide lines after backdrop fades in
var lineSpacing = 2732 / 7; // Divide screen height by 7 to get 6 lines with margins
for (var i = 1; i <= 6; i++) {
var yPosition = lineSpacing * i;
if (i === 1) {
yPosition += 600; // Move guideline 1 down by 600 pixels
} else if (i === 2) {
yPosition += 420; // Move guideline 2 down by 420 pixels
} else if (i === 3) {
yPosition += 250; // Move guideline 3 down by 250 pixels
} else if (i === 4) {
yPosition += 120; // Move guideline 4 down by 120 pixels
} else if (i === 5) {
yPosition -= 50; // Move guideline 5 up by 50 pixels
} else if (i === 6) {
yPosition -= 200; // Move guideline 6 up by 200 pixels
}
var guideLine = game.addChild(LK.getAsset('guideLine', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: yPosition,
alpha: 0.5
}));
}
}
});
}
});
}
});
}, 5000);
}
});
; ===================================================================
--- original.js
+++ change.js
@@ -21,32 +21,13 @@
var Enemy = Container.expand(function () {
var self = Container.call(this);
var enemyGraphics = self.attachAsset('enemy', {
anchorX: 0.5,
- anchorY: 0.5,
- scaleX: 0.3,
- scaleY: 0.3
+ anchorY: 0.5
});
- // Add number text
- self.numberText = new Text2('1', {
- size: 60,
- fill: 0x000000
- });
- self.numberText.anchor.set(0.5, 0.5);
- self.numberText.x = 0;
- self.numberText.y = 0;
- self.addChild(self.numberText);
- self.takeDamage = function (damage) {
- self.health -= damage;
- if (self.health <= 0) {
- self.health = 0;
- }
- };
self.update = function () {
- // Initialize lastX if not set
- if (self.lastX === undefined) self.lastX = self.x;
+ // Enemy logic goes here
};
- return self;
});
// Assets will be automatically created and loaded by the LK engine
// Tower class
var Tower = Container.expand(function () {
@@ -69,327 +50,25 @@
/****
* Game Code
****/
-// Game update loop
-game.update = function () {
- if (!gameStarted) return;
- // Spawn enemies
- enemySpawnTimer++;
- if (enemySpawnTimer >= enemySpawnInterval) {
- spawnEnemy();
- enemySpawnTimer = 0;
- }
- // Update enemies
- updateEnemies();
- // Check win condition
- if (enemiesSpawned >= maxEnemiesInWave && enemies.length === 0) {
- LK.showYouWin();
- }
-};
-var enemies = [];
-var towers = [];
-var gameStarted = false;
-var enemySpawnTimer = 0;
-var enemySpawnInterval = 120; // Spawn every 2 seconds at 60fps
-var enemiesSpawned = 0;
-var maxEnemiesInWave = 10; // Wave 1 has exactly 10 enemies
-var titleImage; // Global variable for title image
-var flybyImage; // Global variable for flyby image
-var skipButton; // Global variable for skip button
-// Tower defense functions
-function startTowerDefenseWave1() {
- gameStarted = true;
- enemySpawnTimer = 0;
- enemiesSpawned = 0;
-}
-function spawnEnemy() {
- if (enemiesSpawned >= maxEnemiesInWave) return;
- var enemy = game.addChild(new Enemy());
- // Position enemy at the right side of the screen
- enemy.x = 2048 - 50; // Start from right side
- enemy.y = 2732 / 7 + 600; // First guideline position
- enemy.health = 100;
- enemy.maxHealth = 100;
- enemy.speed = -2; // Negative speed to move left
- enemy.pathIndex = 0;
- enemy.lastPathIndex = -1;
- // Set enemy number
- enemy.numberText.setText((enemiesSpawned + 1).toString());
- enemies.push(enemy);
- enemiesSpawned++;
-}
-function updateEnemies() {
- for (var i = enemies.length - 1; i >= 0; i--) {
- var enemy = enemies[i];
- // Move enemy using its speed (negative for left movement)
- enemy.x += enemy.speed;
- // Check if enemy reached the left side of the screen
- if (enemy.lastX >= 0 && enemy.x < 0) {
- // Enemy reached the left side - remove it
- enemy.destroy();
- enemies.splice(i, 1);
- continue;
- }
- // Update last position for next frame
- enemy.lastX = enemy.x;
- }
-}
-// Start with cell cutscene
-var cellImage = game.addChild(LK.getAsset('cell', {
+// Import tween plugin
+// Display the title
+var titleImage = game.addChild(LK.getAsset('Title', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
- y: 2732 / 2,
- alpha: 0
+ y: 2732 / 2 + 1400
}));
-// Fade in cell image
-tween(cellImage, {
- alpha: 1
-}, {
- duration: 2000,
- easing: tween.easeInOut,
- onFinish: function onFinish() {
- // Keep cell visible for 3 seconds
- LK.setTimeout(function () {
- // Fade out cell
- tween(cellImage, {
- alpha: 0
- }, {
- duration: 2000,
- easing: tween.easeInOut,
- onFinish: function onFinish() {
- cellImage.destroy();
- // Now display the title
- showTitleScene();
- }
- });
- }, 3000);
- }
+// Add skip intro button to top of title screen
+var skipButton = new Text2('SKIP INTRO', {
+ size: 60,
+ fill: 0xFFFFFF
});
-// Function to show title scene
-function showTitleScene() {
- // Display the title
- // Import tween plugin
- titleImage = game.addChild(LK.getAsset('Title', {
- anchorX: 0.5,
- anchorY: 0.5,
- x: 2048 / 2,
- y: 2732 / 2 + 1400
- }));
- // Add skip intro button to top of title screen
- skipButton = new Text2('SKIP INTRO', {
- size: 60,
- fill: 0xFFFFFF
- });
- skipButton.x = 2048 / 2;
- skipButton.y = 150;
- game.addChild(skipButton);
- // Add flyby asset to title - start at right side of screen
- flybyImage = game.addChild(LK.getAsset('Flyby', {
- anchorX: 0.5,
- anchorY: 0.5,
- x: 2048 + 375,
- y: 2732 / 2 + 1400 - 500
- }));
- // Add touch event to skip button
- skipButton.down = function (x, y, obj) {
- skipToBackdrop();
- };
- // Store the original Y position for flyby
- var flybyOriginalY = flybyImage.y;
- // Create hover animation function
- function startFlybyHover() {
- // Tween up 50 pixels over 2 seconds
- tween(flybyImage, {
- y: flybyOriginalY - 50
- }, {
- duration: 2000,
- easing: tween.easeInOut,
- onFinish: function onFinish() {
- // Tween down 50 pixels over 2 seconds
- tween(flybyImage, {
- y: flybyOriginalY + 50
- }, {
- duration: 2000,
- easing: tween.easeInOut,
- onFinish: function onFinish() {
- // Start the cycle again
- startFlybyHover();
- }
- });
- }
- });
- }
- // Start the hover animation
- startFlybyHover();
- // Start flyby movement from right to left
- tween(flybyImage, {
- x: -375
- }, {
- duration: 8000,
- easing: tween.linear,
- onFinish: function onFinish() {
- // After flyby has left the screen, slowly scroll title up
- tween(titleImage, {
- y: titleImage.y - titleImage.height
- }, {
- duration: 20000,
- easing: tween.easeOut
- });
- // Stop the title scrolling after 5 seconds
- LK.setTimeout(function () {
- tween.stop(titleImage, {
- y: true
- });
- // Fade in intro asset in the middle of the screen
- var introAsset = game.addChild(LK.getAsset('intro', {
- anchorX: 0.5,
- anchorY: 0.5,
- x: 2048 / 2,
- y: 2732 / 2,
- alpha: 0
- }));
- // Tween alpha from 0 to 1 for fade-in effect
- tween(introAsset, {
- alpha: 1
- }, {
- duration: 2000,
- easing: tween.easeInOut,
- onFinish: function onFinish() {
- // After intro has faded in, make flyby move from left to right
- flybyImage.x = -375; // Reset flyby to left side
- flybyImage.y = 2732 / 2; // Center vertically
- tween(flybyImage, {
- x: 2048 + 375
- }, {
- duration: 6000,
- easing: tween.linear,
- onFinish: function onFinish() {
- // After flyby has left the screen, fade out intro and fade in backdrop
- tween(introAsset, {
- alpha: 0
- }, {
- duration: 2000,
- easing: tween.easeInOut
- });
- // Add backdrop asset to game
- var backdropAsset = game.addChild(LK.getAsset('backdrop', {
- anchorX: 0.5,
- anchorY: 0.5,
- x: 2048 / 2,
- y: 2732 / 2,
- alpha: 0,
- scaleX: 0.5,
- scaleY: 0.5
- }));
- // Add flyby asset to backdrop
- var backdropFlyby = game.addChild(LK.getAsset('Flyby', {
- anchorX: 0.5,
- anchorY: 0.5,
- x: 2048 / 2,
- y: 2732 / 2 - 800,
- alpha: 0,
- scaleX: 0.8,
- scaleY: 0.8
- }));
- // Store the original Y position for backdrop flyby
- var backdropFlybyOriginalY = backdropFlyby.y;
- // Make flyby move off the right side of backdrop scene
- function startBackdropFlybyHover() {
- tween(backdropFlyby, {
- x: 2048 + 375
- }, {
- duration: 6000,
- easing: tween.linear,
- onFinish: function onFinish() {
- // After flyby has left the backdrop scene, fade in wave1 asset
- var wave1Asset = game.addChild(LK.getAsset('Wave1', {
- anchorX: 0.5,
- anchorY: 0.5,
- x: 2048 / 2,
- y: 2732 / 2,
- alpha: 0
- }));
- // Fade in wave1 asset
- tween(wave1Asset, {
- alpha: 1
- }, {
- duration: 1000,
- easing: tween.easeInOut,
- onFinish: function onFinish() {
- // Keep wave1 visible for 3 seconds then fade out
- LK.setTimeout(function () {
- tween(wave1Asset, {
- alpha: 0
- }, {
- duration: 1000,
- easing: tween.easeInOut,
- onFinish: function onFinish() {
- wave1Asset.destroy();
- // Start first wave of tower defense game
- startTowerDefenseWave1();
- }
- });
- }, 3000);
- }
- });
- }
- });
- }
- // Fade in backdrop
- tween(backdropAsset, {
- alpha: 1
- }, {
- duration: 2000,
- easing: tween.easeInOut,
- onFinish: function onFinish() {
- // Fade in backdrop flyby
- tween(backdropFlyby, {
- alpha: 1
- }, {
- duration: 2000,
- easing: tween.easeInOut,
- onFinish: function onFinish() {
- // Start flyby movement to right side after fade in
- startBackdropFlybyHover();
- }
- });
- // Add 6 horizontal guide lines after backdrop fades in
- var lineSpacing = 2732 / 7; // Divide screen height by 7 to get 6 lines with margins
- for (var i = 1; i <= 6; i++) {
- var yPosition = lineSpacing * i;
- if (i === 1) {
- yPosition += 600; // Move guideline 1 down by 600 pixels
- } else if (i === 2) {
- yPosition += 420; // Move guideline 2 down by 420 pixels
- } else if (i === 3) {
- yPosition += 250; // Move guideline 3 down by 250 pixels
- } else if (i === 4) {
- yPosition += 120; // Move guideline 4 down by 120 pixels
- } else if (i === 5) {
- yPosition -= 50; // Move guideline 5 up by 50 pixels
- } else if (i === 6) {
- yPosition -= 200; // Move guideline 6 up by 200 pixels
- }
- var guideLine = game.addChild(LK.getAsset('guideLine', {
- anchorX: 0.5,
- anchorY: 0.5,
- x: 2048 / 2,
- y: yPosition,
- alpha: 0.5
- }));
- }
- }
- });
- }
- });
- }
- });
- }, 5000);
- }
- });
-}
+skipButton.anchor.set(0.5, 0);
+skipButton.x = 2048 / 2;
+skipButton.y = 150;
+game.addChild(skipButton);
// Function to skip directly to backdrop scene
function skipToBackdrop() {
// Stop all tweens
tween.stop(titleImage);
@@ -398,9 +77,9 @@
titleImage.destroy();
flybyImage.destroy();
skipButton.destroy();
// Add backdrop asset to game
- var backdropAsset = game.addChild(LK.getAsset('backdrop', {
+ var backdropAsset = game.addChild(LK.getAsset('Backdrop1', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2,
@@ -450,10 +129,8 @@
duration: 1000,
easing: tween.easeInOut,
onFinish: function onFinish() {
wave1Asset.destroy();
- // Start first wave of tower defense game
- startTowerDefenseWave1();
}
});
}, 3000);
}
@@ -485,5 +162,207 @@
alpha: 0.5
}));
}
}
+// Add touch event to skip button
+skipButton.down = function (x, y, obj) {
+ skipToBackdrop();
+};
+// Add flyby asset to title - start at right side of screen
+var flybyImage = game.addChild(LK.getAsset('Flyby', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: 2048 + 375,
+ y: 2732 / 2 + 1400 - 500
+}));
+// Store the original Y position for flyby
+var flybyOriginalY = flybyImage.y;
+// Create hover animation function
+function startFlybyHover() {
+ // Tween up 50 pixels over 2 seconds
+ tween(flybyImage, {
+ y: flybyOriginalY - 50
+ }, {
+ duration: 2000,
+ easing: tween.easeInOut,
+ onFinish: function onFinish() {
+ // Tween down 50 pixels over 2 seconds
+ tween(flybyImage, {
+ y: flybyOriginalY + 50
+ }, {
+ duration: 2000,
+ easing: tween.easeInOut,
+ onFinish: function onFinish() {
+ // Start the cycle again
+ startFlybyHover();
+ }
+ });
+ }
+ });
+}
+// Start the hover animation
+startFlybyHover();
+// Start flyby movement from right to left
+tween(flybyImage, {
+ x: -375
+}, {
+ duration: 8000,
+ easing: tween.linear,
+ onFinish: function onFinish() {
+ // After flyby has left the screen, slowly scroll title up
+ tween(titleImage, {
+ y: titleImage.y - titleImage.height
+ }, {
+ duration: 20000,
+ easing: tween.easeOut
+ });
+ // Stop the title scrolling after 5 seconds
+ LK.setTimeout(function () {
+ tween.stop(titleImage, {
+ y: true
+ });
+ // Fade in intro asset in the middle of the screen
+ var introAsset = game.addChild(LK.getAsset('intro', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: 2048 / 2,
+ y: 2732 / 2,
+ alpha: 0
+ }));
+ // Tween alpha from 0 to 1 for fade-in effect
+ tween(introAsset, {
+ alpha: 1
+ }, {
+ duration: 2000,
+ easing: tween.easeInOut,
+ onFinish: function onFinish() {
+ // After intro has faded in, make flyby move from left to right
+ flybyImage.x = -375; // Reset flyby to left side
+ flybyImage.y = 2732 / 2; // Center vertically
+ tween(flybyImage, {
+ x: 2048 + 375
+ }, {
+ duration: 6000,
+ easing: tween.linear,
+ onFinish: function onFinish() {
+ // After flyby has left the screen, fade out intro and fade in backdrop
+ tween(introAsset, {
+ alpha: 0
+ }, {
+ duration: 2000,
+ easing: tween.easeInOut
+ });
+ // Add backdrop asset to game
+ var backdropAsset = game.addChild(LK.getAsset('Backdrop1', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: 2048 / 2,
+ y: 2732 / 2,
+ alpha: 0,
+ scaleX: 0.5,
+ scaleY: 0.5
+ }));
+ // Add flyby asset to backdrop
+ var backdropFlyby = game.addChild(LK.getAsset('Flyby', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: 2048 / 2,
+ y: 2732 / 2 - 800,
+ alpha: 0,
+ scaleX: 0.8,
+ scaleY: 0.8
+ }));
+ // Store the original Y position for backdrop flyby
+ var backdropFlybyOriginalY = backdropFlyby.y;
+ // Make flyby move off the right side of backdrop scene
+ function startBackdropFlybyHover() {
+ tween(backdropFlyby, {
+ x: 2048 + 375
+ }, {
+ duration: 6000,
+ easing: tween.linear,
+ onFinish: function onFinish() {
+ // After flyby has left the backdrop scene, fade in wave1 asset
+ var wave1Asset = game.addChild(LK.getAsset('Wave1', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: 2048 / 2,
+ y: 2732 / 2,
+ alpha: 0
+ }));
+ // Fade in wave1 asset
+ tween(wave1Asset, {
+ alpha: 1
+ }, {
+ duration: 1000,
+ easing: tween.easeInOut,
+ onFinish: function onFinish() {
+ // Keep wave1 visible for 3 seconds then fade out
+ LK.setTimeout(function () {
+ tween(wave1Asset, {
+ alpha: 0
+ }, {
+ duration: 1000,
+ easing: tween.easeInOut,
+ onFinish: function onFinish() {
+ wave1Asset.destroy();
+ }
+ });
+ }, 3000);
+ }
+ });
+ }
+ });
+ }
+ // Fade in backdrop
+ tween(backdropAsset, {
+ alpha: 1
+ }, {
+ duration: 2000,
+ easing: tween.easeInOut,
+ onFinish: function onFinish() {
+ // Fade in backdrop flyby
+ tween(backdropFlyby, {
+ alpha: 1
+ }, {
+ duration: 2000,
+ easing: tween.easeInOut,
+ onFinish: function onFinish() {
+ // Start flyby movement to right side after fade in
+ startBackdropFlybyHover();
+ }
+ });
+ // Add 6 horizontal guide lines after backdrop fades in
+ var lineSpacing = 2732 / 7; // Divide screen height by 7 to get 6 lines with margins
+ for (var i = 1; i <= 6; i++) {
+ var yPosition = lineSpacing * i;
+ if (i === 1) {
+ yPosition += 600; // Move guideline 1 down by 600 pixels
+ } else if (i === 2) {
+ yPosition += 420; // Move guideline 2 down by 420 pixels
+ } else if (i === 3) {
+ yPosition += 250; // Move guideline 3 down by 250 pixels
+ } else if (i === 4) {
+ yPosition += 120; // Move guideline 4 down by 120 pixels
+ } else if (i === 5) {
+ yPosition -= 50; // Move guideline 5 up by 50 pixels
+ } else if (i === 6) {
+ yPosition -= 200; // Move guideline 6 up by 200 pixels
+ }
+ var guideLine = game.addChild(LK.getAsset('guideLine', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: 2048 / 2,
+ y: yPosition,
+ alpha: 0.5
+ }));
+ }
+ }
+ });
+ }
+ });
+ }
+ });
+ }, 5000);
+ }
+});
;
\ No newline at end of file
Images
:quality(85)/https://cdn.frvr.ai/671be1713de176b9ade21306.png%3F3)
:quality(85)/https://cdn.frvr.ai/682d8ef5c4e193748a079146.png%3F3)
White circle with two eyes, seen from above.. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/682d8fb8c4e193748a07915a.png%3F3)
:quality(85)/https://cdn.frvr.ai/682d95a4c4e193748a0791fc.png%3F3)
White simple circular enemy seen from above, black outline. Black eyes, with a single shield in-font of it. Black and white only. Blue background.
:quality(85)/https://cdn.frvr.ai/682dc1755a2fa73fef156d33.png%3F3)
White circle with black outline. Blue background.. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686f2a2de86d7dc8d265f410.png%3F3)
:quality(85)/https://cdn.frvr.ai/686f2a4de86d7dc8d265f414.png%3F3)
:quality(85)/https://cdn.frvr.ai/686f2a65e86d7dc8d265f418.png%3F3)
:quality(85)/https://cdn.frvr.ai/686f2a76e86d7dc8d265f41c.png%3F3)
:quality(85)/https://cdn.frvr.ai/686fdfd76ae599588ff77629.png%3F3)
Fire hydrant. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68706030c7b8f34f915a7b9b.png%3F3)
Water spraying forward In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/687080ecbd947c01b6e5230d.png%3F3)
:quality(85)/https://cdn.frvr.ai/687081d6bd947c01b6e5232d.png%3F3)
:quality(85)/https://cdn.frvr.ai/6870d8e3d6450ad8827fac74.png%3F3)
Fan blades symmetrical. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/6871b80c006709d765de5431.png%3F3)
:quality(85)/https://cdn.frvr.ai/6873405f582b61771cca6ba4.png%3F3)
Plasma ball. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/687340e6582b61771cca6bb1.png%3F3)
Make picture transparent
:quality(85)/https://cdn.frvr.ai/687363db582b61771cca6c7c.png%3F3)
Bug zapper on a pole. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68736d42582b61771cca6cdc.png%3F3)
:quality(85)/https://cdn.frvr.ai/68748d89d63e285402bb5492.png%3F3)
:quality(85)/https://cdn.frvr.ai/68748e5ad63e285402bb549e.png%3F3)
:quality(85)/https://cdn.frvr.ai/68748e95d63e285402bb54a6.png%3F3)
:quality(85)/https://cdn.frvr.ai/68748eaed63e285402bb54aa.png%3F3)
:quality(85)/https://cdn.frvr.ai/68753266d63e285402bb58cd.png%3F3)
:quality(85)/https://cdn.frvr.ai/687532e7d63e285402bb58db.png%3F3)
:quality(85)/https://cdn.frvr.ai/687546946cee69bfadf3275b.png%3F3)
:quality(85)/https://cdn.frvr.ai/687547806cee69bfadf32775.png%3F3)
:quality(85)/https://cdn.frvr.ai/6875b1bb92c4b8ad5626f8cd.png%3F3)
Probe droid. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/6875b22892c4b8ad5626f8da.png%3F3)
Space drone. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/687606c0d236459bd9516365.png%3F3)
Remove propellers and make them symmetrical
:quality(85)/https://cdn.frvr.ai/68760b55d236459bd95163c5.png%3F3)
:quality(85)/https://cdn.frvr.ai/68760b6bd236459bd95163c9.png%3F3)
:quality(85)/https://cdn.frvr.ai/68764772d157c4783dea0161.png%3F3)
:quality(85)/https://cdn.frvr.ai/6876832ac77dda4c180d7649.png%3F3)
Add more rows to gris
:quality(85)/https://cdn.frvr.ai/68768e39282810e95e7b2dd3.png%3F3)
Make this picture with more night sky above the city skyline
:quality(85)/https://cdn.frvr.ai/68769bb1227c0e9c923f013a.png%3F3)
:quality(85)/https://cdn.frvr.ai/6876a5c7282810e95e7b2e71.png%3F3)
Change text to say wave 1
:quality(85)/https://cdn.frvr.ai/68772b4ebf402620d499e3cf.png%3F3)
Make button grey and say ??????
:quality(85)/https://cdn.frvr.ai/6877e8f33e8c5761702af885.png%3F3)
:quality(85)/https://cdn.frvr.ai/6877ec933e8c5761702af89f.png%3F3)
Make it say Wave 2
:quality(85)/https://cdn.frvr.ai/6877eccf3e8c5761702af8a9.png%3F3)
Make it say wave 3
:quality(85)/https://cdn.frvr.ai/6877ed053e8c5761702af8b3.png%3F3)
Make it say wave 4
:quality(85)/https://cdn.frvr.ai/6877ed9a3e8c5761702af8c2.png%3F3)
WiFi symbol. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/687851848c7a1b59ed7a6bb3.png%3F3)
explosion effect In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68788ee96cd3a5bb82a92af7.png%3F3)
Make it say wave 5
:quality(85)/https://cdn.frvr.ai/68791ce39f67e5597797aaf0.png%3F3)
Remove laser beam
:quality(85)/https://cdn.frvr.ai/68791f889f67e5597797ab0c.png%3F3)
Make button hot pink and say 'Reflect $20'
:quality(85)/https://cdn.frvr.ai/687d0bed7c5e92e9959bd8fc.png%3F3)
Make button blue and change text to say 'Water $10' in a retro style font
:quality(85)/https://cdn.frvr.ai/687d0d117c5e92e9959bd91d.png%3F3)
Make button green and change test to say 'Gas $20'
:quality(85)/https://cdn.frvr.ai/687d0d747c5e92e9959bd927.png%3F3)
Make button orange and change test to say 'Fire $40'
:quality(85)/https://cdn.frvr.ai/687d0e1f7c5e92e9959bd932.png%3F3)
Make button very light blue and change test to say 'Air $30'
:quality(85)/https://cdn.frvr.ai/687d0ea97c5e92e9959bd93f.png%3F3)
Make button gold and change text to say 'Electric $50'
:quality(85)/https://cdn.frvr.ai/687d0ee97c5e92e9959bd949.png%3F3)
Make button purple and change test to say 'Plasma $60'
:quality(85)/https://cdn.frvr.ai/687d0f387c5e92e9959bd95a.png%3F3)
Make button Teal and change test to say 'Slingshot $100'
:quality(85)/https://cdn.frvr.ai/687d0fac7c5e92e9959bd96e.png%3F3)
Make button silver and change test to say 'WiFi $150'
:quality(85)/https://cdn.frvr.ai/687d152d9a033104e5458de6.png%3F3)
:quality(85)/https://cdn.frvr.ai/687d17e99a033104e5458e30.png%3F3)
Remove little kick so it's just a smooth oval shape
:quality(85)/https://cdn.frvr.ai/687e66bf441f33c52d3d3b72.png%3F3)
Make grid 6x8
:quality(85)/https://cdn.frvr.ai/687e86d2b06057c5f9dead9b.png%3F3)
Hand should be holding the gun by the Handle
:quality(85)/https://cdn.frvr.ai/687e8cb1b06057c5f9deadd2.png%3F3)
:quality(85)/https://cdn.frvr.ai/687e8cdbb06057c5f9deadd5.png%3F3)
:quality(85)/https://cdn.frvr.ai/687e8cf9b06057c5f9deadd8.png%3F3)
:quality(85)/https://cdn.frvr.ai/687e8d18b06057c5f9deaddb.png%3F3)
:quality(85)/https://cdn.frvr.ai/687f84c8ffc990ba21391fe2.png%3F3)
:quality(85)/https://cdn.frvr.ai/687fb77cfa40c5eddf663c29.png%3F3)
Place laser cannon in both hands holding it like a shotgun
:quality(85)/https://cdn.frvr.ai/687fb997fa40c5eddf663c3b.png%3F3)
:quality(85)/https://cdn.frvr.ai/687fbd80fa40c5eddf663c86.png%3F3)
Make it stand still
:quality(85)/https://cdn.frvr.ai/68803db232fcb19c94cb97f9.png%3F3)
Remove the words 5g
:quality(85)/https://cdn.frvr.ai/68804a0b37f30defc05c8404.png%3F3)
:quality(85)/https://cdn.frvr.ai/6881191e41db13ea527b2565.png%3F3)
Make sure spelling in speech bubble is correct "We have found the earthlings weakness"
:quality(85)/https://cdn.frvr.ai/6881195441db13ea527b256e.png%3F3)
:quality(85)/https://cdn.frvr.ai/6881198441db13ea527b2572.png%3F3)
:quality(85)/https://cdn.frvr.ai/6881726749b756ddb352615c.png%3F3)
Fix the spelling of the word Planet
:quality(85)/https://cdn.frvr.ai/68825f018448535299b1c53f.png%3F3)
Slingshot. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/688265a08448535299b1c581.png%3F3)
Red button with a 'X' on it. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/688265fd8448535299b1c58b.png%3F3)
Green button with a tick on it
:quality(85)/https://cdn.frvr.ai/68827a863bc9457bd8fe4ee4.png%3F3)
Fix the spelling of word saw
:quality(85)/https://cdn.frvr.ai/6883ac5c39064f41ee95e0c5.png%3F3)
Display icon that says score sci fi comic style font. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/6883ad2939064f41ee95e0ce.png%3F3)
Display icon that says cash sci fi comic style font. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/6883adc039064f41ee95e0da.png%3F3)
Display icon that says X2 speed sci fi comic style font. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/6883ae8239064f41ee95e0ed.png%3F3)
Make it say x1 speed and make the x1 blue
:quality(85)/https://cdn.frvr.ai/6883b00039064f41ee95e0f3.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883b0b539064f41ee95e0fa.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883b90671447ae2e425a89a.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883b92071447ae2e425a89d.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883b93571447ae2e425a8a1.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883b94a71447ae2e425a8a5.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883b97671447ae2e425a8a9.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883b98f71447ae2e425a8b0.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883b9ab71447ae2e425a8b4.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883b9ca71447ae2e425a8bc.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883b9e571447ae2e425a8c0.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883ba0b71447ae2e425a8cf.png%3F3)
:quality(85)/https://cdn.frvr.ai/6883c41b5261ec5a7cd7ecf0.png%3F3)
Sounds & Music
🎵
Canvasser
Sound effect
🎵
Alien1
Sound effect
🎵
Alien2
Sound effect
🎵
Alien3
Sound effect
🎶
Intro
Music
🎵
Probedroid
Sound effect
🎵
Probedroid2
Sound effect
🎵
Towerselect
Sound effect
🎵
Water
Sound effect
🎵
Explosion
Sound effect
🎵
Confirm
Sound effect
🎵
Fart
Sound effect
🎵
Electric
Sound effect
🎵
Fireball
Sound effect
Used plugins
@upit/tween
