User prompt
Add flyby asset to backdrop
User prompt
Fix this please ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
When backdrop first appears make flyby asset move from left of screen off the right side at the top of backdrop scene ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Move line 1 down 600
User prompt
Move line 1 down 30
User prompt
Move line 1 down 520
User prompt
Move line 1 down 420
User prompt
Move line 2 down 20
User prompt
Move line 2 down400
User prompt
Move line 3 down 250
User prompt
Move line 3 down 350
User prompt
Move line 4 down 120
User prompt
Move line 4 down 150
User prompt
Move guideline 5 up 50
User prompt
Move line 2 up 50
User prompt
Move line 2 up 100
User prompt
Move guideline 6 up 200
User prompt
Move line6 up 300
User prompt
Move guideline 6 down 300
User prompt
Move guideline 6 down 300
User prompt
Add skip intro button to top of title screen ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Add 6 horizontal lines 2048 pixels long to backdrop scene to guide the placement of towers and enemies
User prompt
Make backdrop asset size
User prompt
After flyby has left the screen after intro fade in fade out and transition into backdrop scene ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
After intro has faded in make flyby asset move from left side to right of screen ↪💡 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('backdrop', { 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: 0.7, scaleX: 0.8, scaleY: 0.8 })); // 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('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 })); // Fade in backdrop tween(backdropAsset, { alpha: 1 }, { duration: 2000, easing: tween.easeInOut, onFinish: function onFinish() { // Fade in backdrop flyby tween(backdropFlyby, { alpha: 0.7 }, { duration: 2000, easing: tween.easeInOut }); // 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
@@ -50,10 +50,10 @@
/****
* Game Code
****/
-// Display the title
// Import tween plugin
+// Display the title
var titleImage = game.addChild(LK.getAsset('Title', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
@@ -86,19 +86,18 @@
alpha: 1,
scaleX: 0.5,
scaleY: 0.5
}));
- // Stop all existing flyby animations before repositioning
- tween.stop(flybyImage);
- // Make flyby move from left to right at top of backdrop scene
- flybyImage.x = -375; // Reset flyby to left side
- flybyImage.y = 100; // Position at top of backdrop
- tween(flybyImage, {
- x: 2048 + 375
- }, {
- duration: 4000,
- easing: tween.linear
- });
+ // 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.7,
+ scaleX: 0.8,
+ scaleY: 0.8
+ }));
// Add 6 horizontal guide lines immediately
var lineSpacing = 2732 / 7;
for (var i = 1; i <= 6; i++) {
var yPosition = lineSpacing * i;
@@ -221,25 +220,31 @@
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
+ }));
// Fade in backdrop
tween(backdropAsset, {
alpha: 1
}, {
duration: 2000,
easing: tween.easeInOut,
onFinish: function onFinish() {
- // Stop all existing flyby animations before repositioning
- tween.stop(flybyImage);
- // Make flyby move from left to right at top of backdrop scene
- flybyImage.x = -375; // Reset flyby to left side
- flybyImage.y = 100; // Position at top of backdrop
- tween(flybyImage, {
- x: 2048 + 375
+ // Fade in backdrop flyby
+ tween(backdropFlyby, {
+ alpha: 0.7
}, {
- duration: 4000,
- easing: tween.linear
+ duration: 2000,
+ easing: tween.easeInOut
});
// 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++) {
White circle with two eyes, seen from above.. In-Game asset. 2d. High contrast. No shadows
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.
White circle with black outline. Blue background.. In-Game asset. 2d. High contrast. No shadows
Fire hydrant. In-Game asset. 2d. High contrast. No shadows
Water spraying forward In-Game asset. 2d. High contrast. No shadows
Fart cloud. In-Game asset. 2d. High contrast. No shadows
Fan blades symmetrical. In-Game asset. 2d. High contrast. No shadows
Fireball. In-Game asset. 2d. High contrast. No shadows
Plasma ball. In-Game asset. 2d. High contrast. No shadows
Make picture transparent
Bug zapper on a pole. In-Game asset. 2d. High contrast. No shadows
Probe droid. In-Game asset. 2d. High contrast. No shadows
Space drone. In-Game asset. 2d. High contrast. No shadows
Remove propellers and make them symmetrical
Add more rows to gris
Make this picture with more night sky above the city skyline
Change text to say wave 1
Make button grey and say ??????
Make it say Wave 2
Make it say wave 3
Make it say wave 4
WiFi symbol. In-Game asset. 2d. High contrast. No shadows
explosion effect In-Game asset. 2d. High contrast. No shadows
Make it say wave 5
Remove laser beam
Make button hot pink and say 'Reflect $20'
Make button blue and change text to say 'Water $10' in a retro style font
Make button green and change test to say 'Gas $20'
Make button orange and change test to say 'Fire $40'
Make button very light blue and change test to say 'Air $30'
Make button gold and change text to say 'Electric $50'
Make button purple and change test to say 'Plasma $60'
Make button Teal and change test to say 'Slingshot $100'
Make button silver and change test to say 'WiFi $150'
Remove little kick so it's just a smooth oval shape
Make grid 6x8
Hand should be holding the gun by the Handle
Place laser cannon in both hands holding it like a shotgun
Make it stand still
Remove the words 5g
Make sure spelling in speech bubble is correct "We have found the earthlings weakness"
Fix the spelling of the word Planet
Slingshot. In-Game asset. 2d. High contrast. No shadows
Red button with a 'X' on it. In-Game asset. 2d. High contrast. No shadows
Green button with a tick on it
Fix the spelling of word saw
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