User prompt
Also make the hearts visible on the screen
User prompt
OK, so for the power up a player can only have the minimum of three hearts if a player is down a heart and they get the power up they just get the third Heart
User prompt
And make the player automatically shoot
User prompt
The slider isn’t working out. It’s too glitchy.
User prompt
Make a slider at the bottom so it’s easier to control the player
User prompt
How about the power ups give the player an a heart
User prompt
make controls easyer
User prompt
make only a few players shoot
User prompt
make a slider so the player can move back and forth
User prompt
all of them are shooting at once how about only a few shoot
Code edit (1 edits merged)
Please save this source code
User prompt
Space Invader Blitz
Initial prompt
make a space invader like game
/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ // Alien invader var Alien = Container.expand(function () { var self = Container.call(this); var alien = self.attachAsset('alien', { anchorX: 0.5, anchorY: 0.5 }); self.width = alien.width; self.height = alien.height; self.row = 0; self.col = 0; self.direction = 1; // 1: right, -1: left self.speed = 2; self.shootCooldown = 0; self.alive = true; // Alien shoots self.shoot = function () { var bullet = new AlienBullet(); bullet.x = self.x; bullet.y = self.y + self.height / 2 + bullet.height / 2; alienBullets.push(bullet); game.addChild(bullet); LK.getSound('alienShoot').play(); }; return self; }); // Alien bullet var AlienBullet = Container.expand(function () { var self = Container.call(this); var bullet = self.attachAsset('alienBullet', { anchorX: 0.5, anchorY: 0.5 }); self.width = bullet.width; self.height = bullet.height; self.speed = 18; self.update = function () { self.y += self.speed; }; return self; }); // Player spaceship var Player = Container.expand(function () { var self = Container.call(this); var ship = self.attachAsset('playerShip', { anchorX: 0.5, anchorY: 0.5 }); self.width = ship.width; self.height = ship.height; self.canShoot = true; self.shootCooldown = 0; self.lives = 3; self.invincible = false; self.invincibleTimer = 0; self.poweredUp = false; self.powerupTimer = 0; // Shoot a bullet self.shoot = function () { if (!self.canShoot) return; var bullet = new PlayerBullet(); bullet.x = self.x; bullet.y = self.y - self.height / 2 - bullet.height / 2; playerBullets.push(bullet); game.addChild(bullet); LK.getSound('shoot').play(); self.canShoot = false; self.shootCooldown = 18; // 18 ticks ~0.3s }; // Power-up effect self.activatePowerup = function () { self.poweredUp = true; self.powerupTimer = 360; // 6 seconds // Visual feedback: flash ship tween(self, { alpha: 0.5 }, { duration: 120, easing: tween.easeIn, onFinish: function onFinish() { tween(self, { alpha: 1 }, { duration: 120, easing: tween.easeOut }); } }); }; // Invincibility effect self.setInvincible = function (duration) { self.invincible = true; self.invincibleTimer = duration; // Visual feedback: flicker }; return self; }); // Player bullet var PlayerBullet = Container.expand(function () { var self = Container.call(this); var bullet = self.attachAsset('playerBullet', { anchorX: 0.5, anchorY: 0.5 }); self.width = bullet.width; self.height = bullet.height; self.speed = -28; self.update = function () { self.y += self.speed; }; return self; }); // Power-up var Powerup = Container.expand(function () { var self = Container.call(this); var p = self.attachAsset('powerup', { anchorX: 0.5, anchorY: 0.5 }); self.width = p.width; self.height = p.height; self.speed = 10; self.type = 'rapid'; // Only one type for MVP self.update = function () { self.y += self.speed; }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000010 }); /**** * Game Code ****/ // Music // Sound effects // Power-up // Alien bullet // Player bullet // Alien invader // Spaceship (player) // Game constants var GAME_WIDTH = 2048; var GAME_HEIGHT = 2732; var PLAYER_Y = GAME_HEIGHT - 220; var ALIEN_ROWS = 4; var ALIEN_COLS = 8; var ALIEN_X_MARGIN = 120; var ALIEN_Y_MARGIN = 120; var ALIEN_SPACING_X = 180; var ALIEN_SPACING_Y = 160; var ALIEN_START_Y = 320; var ALIEN_MOVE_DOWN = 60; var ALIEN_BASE_SPEED = 2; var ALIEN_SPEEDUP_PER_WAVE = 0.5; var ALIEN_SHOOT_CHANCE = 0.008; // Per alien per tick var POWERUP_CHANCE = 0.015; // Per tick, if no powerup present // Game state var player; var aliens = []; var playerBullets = []; var alienBullets = []; var powerups = []; var wave = 1; var score = 0; var lives = 3; var gameOver = false; var youWin = false; var moveDir = 1; // 1: right, -1: left var moveDownPending = false; var alienSpeed = ALIEN_BASE_SPEED; var dragNode = null; var lastTouchX = 0; var lastTouchY = 0; // GUI var scoreTxt = new Text2('0', { size: 120, fill: 0xFFFFFF }); scoreTxt.anchor.set(0.5, 0); LK.gui.top.addChild(scoreTxt); var livesTxt = new Text2('♥♥♥', { size: 100, fill: 0xFF4444 }); livesTxt.anchor.set(0.5, 0); LK.gui.topRight.addChild(livesTxt); var waveTxt = new Text2('Wave 1', { size: 80, fill: 0x00FFCC }); waveTxt.anchor.set(0.5, 0); LK.gui.top.addChild(waveTxt); // Helper: update GUI function updateGUI() { scoreTxt.setText(score); var hearts = ''; for (var i = 0; i < lives; i++) hearts += '♥'; livesTxt.setText(hearts); waveTxt.setText('Wave ' + wave); } // Helper: spawn aliens in grid function spawnAliens() { aliens = []; var totalWidth = (ALIEN_COLS - 1) * ALIEN_SPACING_X; var startX = (GAME_WIDTH - totalWidth) / 2; for (var row = 0; row < ALIEN_ROWS; row++) { for (var col = 0; col < ALIEN_COLS; col++) { var alien = new Alien(); alien.x = startX + col * ALIEN_SPACING_X; alien.y = ALIEN_START_Y + row * ALIEN_SPACING_Y; alien.row = row; alien.col = col; alien.direction = moveDir; alien.speed = alienSpeed; aliens.push(alien); game.addChild(alien); } } } // Helper: start new wave function startWave() { alienSpeed = ALIEN_BASE_SPEED + (wave - 1) * ALIEN_SPEEDUP_PER_WAVE; spawnAliens(); moveDir = 1; moveDownPending = false; waveTxt.setText('Wave ' + wave); } // Helper: reset game function resetGame() { // Remove all objects for (var i = 0; i < aliens.length; i++) aliens[i].destroy(); for (var i = 0; i < playerBullets.length; i++) playerBullets[i].destroy(); for (var i = 0; i < alienBullets.length; i++) alienBullets[i].destroy(); for (var i = 0; i < powerups.length; i++) powerups[i].destroy(); aliens = []; playerBullets = []; alienBullets = []; powerups = []; wave = 1; score = 0; lives = 3; gameOver = false; youWin = false; updateGUI(); // Reset player if (player) player.destroy(); player = new Player(); player.x = GAME_WIDTH / 2; player.y = PLAYER_Y; game.addChild(player); startWave(); } // Helper: show game over function triggerGameOver() { if (gameOver) return; gameOver = true; LK.getSound('loseLife').play(); LK.effects.flashScreen(0xff0000, 1200); LK.showGameOver(); } // Helper: show win function triggerYouWin() { if (youWin) return; youWin = true; LK.effects.flashScreen(0x00ff00, 1200); LK.showYouWin(); } // Helper: spawn powerup function spawnPowerup() { var p = new Powerup(); p.x = 200 + Math.random() * (GAME_WIDTH - 400); p.y = 200; powerups.push(p); game.addChild(p); } // Initialize player and first wave resetGame(); // Play music LK.playMusic('arcadebg', { fade: { start: 0, end: 1, duration: 1200 } }); // --- Slider UI for player movement --- var sliderWidth = 900; var sliderHeight = 80; var sliderY = GAME_HEIGHT - 120; var sliderX = (GAME_WIDTH - sliderWidth) / 2; var sliderTrack = LK.getAsset('powerup', { width: sliderWidth, height: sliderHeight, color: 0x222244, anchorX: 0, anchorY: 0.5, x: sliderX, y: sliderY }); sliderTrack.alpha = 0.25; game.addChild(sliderTrack); var sliderKnob = LK.getAsset('playerShip', { width: 180, height: 80, anchorX: 0.5, anchorY: 0.5, x: GAME_WIDTH / 2, y: sliderY }); sliderKnob.alpha = 0.7; game.addChild(sliderKnob); var sliderDragging = false; game.down = function (x, y, obj) { // If touch is on slider knob or track, start dragging if (y > sliderY - sliderHeight / 2 && y < sliderY + sliderHeight / 2 && x > sliderX && x < sliderX + sliderWidth) { sliderDragging = true; // Move knob to touch sliderKnob.x = Math.max(sliderX, Math.min(x, sliderX + sliderWidth)); // Move player accordingly var percent = (sliderKnob.x - sliderX) / sliderWidth; player.x = player.width / 2 + percent * (GAME_WIDTH - player.width); } }; game.up = function (x, y, obj) { sliderDragging = false; }; game.move = function (x, y, obj) { if (sliderDragging) { // Clamp knob to slider track sliderKnob.x = Math.max(sliderX, Math.min(x, sliderX + sliderWidth)); // Move player accordingly var percent = (sliderKnob.x - sliderX) / sliderWidth; player.x = player.width / 2 + percent * (GAME_WIDTH - player.width); } }; // Tap to shoot (anywhere) game.down2 = function (x, y, obj) { if (!gameOver && !youWin) { player.shoot(); } }; // Attach to game game.on('down', function (x, y, obj) { game.down2(x, y, obj); }); // Main game loop game.update = function () { if (gameOver || youWin) return; // Player shooting cooldown if (!player.canShoot) { player.shootCooldown--; if (player.shootCooldown <= 0) player.canShoot = true; } // Powerup timer if (player.poweredUp) { player.powerupTimer--; if (player.powerupTimer <= 0) { player.poweredUp = false; } } // Invincibility timer if (player.invincible) { player.invincibleTimer--; // Flicker effect player.alpha = LK.ticks % 10 < 5 ? 0.4 : 1; if (player.invincibleTimer <= 0) { player.invincible = false; player.alpha = 1; } } // Move aliens var leftmost = GAME_WIDTH, rightmost = 0, bottommost = 0; for (var i = 0; i < aliens.length; i++) { var a = aliens[i]; if (!a.alive) continue; a.x += moveDir * alienSpeed; if (a.x - a.width / 2 < leftmost) leftmost = a.x - a.width / 2; if (a.x + a.width / 2 > rightmost) rightmost = a.x + a.width / 2; if (a.y + a.height / 2 > bottommost) bottommost = a.y + a.height / 2; } // Change direction if at edge if (!moveDownPending && (leftmost < ALIEN_X_MARGIN || rightmost > GAME_WIDTH - ALIEN_X_MARGIN)) { moveDir *= -1; moveDownPending = true; } if (moveDownPending) { for (var i = 0; i < aliens.length; i++) { var a = aliens[i]; if (!a.alive) continue; a.y += ALIEN_MOVE_DOWN; } moveDownPending = false; } // Aliens shoot randomly, but only bottom-most alive in each column can shoot var bottomAliens = {}; for (var i = 0; i < aliens.length; i++) { var a = aliens[i]; if (!a.alive) continue; // Track the bottom-most alive alien in each column if (!bottomAliens[a.col] || a.y > bottomAliens[a.col].y) { bottomAliens[a.col] = a; } } for (var col in bottomAliens) { var a = bottomAliens[col]; if (Math.random() < ALIEN_SHOOT_CHANCE + 0.001 * wave) { a.shoot(); } } // Update player bullets for (var i = playerBullets.length - 1; i >= 0; i--) { var b = playerBullets[i]; b.update(); // Remove if off screen if (b.y < -b.height) { b.destroy(); playerBullets.splice(i, 1); continue; } // Check collision with aliens for (var j = 0; j < aliens.length; j++) { var a = aliens[j]; if (!a.alive) continue; if (b.intersects(a)) { a.alive = false; a.visible = false; b.destroy(); playerBullets.splice(i, 1); LK.getSound('alienExplode').play(); score += 10; updateGUI(); break; } } } // Update alien bullets for (var i = alienBullets.length - 1; i >= 0; i--) { var b = alienBullets[i]; b.update(); // Remove if off screen if (b.y > GAME_HEIGHT + b.height) { b.destroy(); alienBullets.splice(i, 1); continue; } // Check collision with player if (!player.invincible && b.intersects(player)) { b.destroy(); alienBullets.splice(i, 1); // Lose life lives--; updateGUI(); LK.getSound('hit').play(); if (lives <= 0) { triggerGameOver(); return; } else { player.setInvincible(90); // 1.5s invincibility } } } // Update powerups for (var i = powerups.length - 1; i >= 0; i--) { var p = powerups[i]; p.update(); if (p.y > GAME_HEIGHT + p.height) { p.destroy(); powerups.splice(i, 1); continue; } if (p.intersects(player)) { LK.getSound('powerup').play(); player.activatePowerup(); p.destroy(); powerups.splice(i, 1); } } // Powerup spawn if (powerups.length === 0 && Math.random() < POWERUP_CHANCE) { spawnPowerup(); } // Check if aliens reach player for (var i = 0; i < aliens.length; i++) { var a = aliens[i]; if (!a.alive) continue; if (a.y + a.height / 2 >= player.y - player.height / 2) { triggerGameOver(); return; } } // Next wave if all aliens dead var anyAlive = false; for (var i = 0; i < aliens.length; i++) { if (aliens[i].alive) { anyAlive = true; break; } } if (!anyAlive) { wave++; if (wave > 10) { triggerYouWin(); return; } startWave(); } }; // Clean up on game over or reset game.on('destroy', function () { LK.stopMusic(); });
===================================================================
--- original.js
+++ change.js
@@ -296,30 +296,56 @@
end: 1,
duration: 1200
}
});
-// Touch/move controls
+// --- Slider UI for player movement ---
+var sliderWidth = 900;
+var sliderHeight = 80;
+var sliderY = GAME_HEIGHT - 120;
+var sliderX = (GAME_WIDTH - sliderWidth) / 2;
+var sliderTrack = LK.getAsset('powerup', {
+ width: sliderWidth,
+ height: sliderHeight,
+ color: 0x222244,
+ anchorX: 0,
+ anchorY: 0.5,
+ x: sliderX,
+ y: sliderY
+});
+sliderTrack.alpha = 0.25;
+game.addChild(sliderTrack);
+var sliderKnob = LK.getAsset('playerShip', {
+ width: 180,
+ height: 80,
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: GAME_WIDTH / 2,
+ y: sliderY
+});
+sliderKnob.alpha = 0.7;
+game.addChild(sliderKnob);
+var sliderDragging = false;
game.down = function (x, y, obj) {
- // Only allow drag if touch is on player
- if (x > player.x - player.width / 2 && x < player.x + player.width / 2 && y > player.y - player.height / 2 && y < player.y + player.height / 2) {
- dragNode = player;
- lastTouchX = x;
- lastTouchY = y;
+ // If touch is on slider knob or track, start dragging
+ if (y > sliderY - sliderHeight / 2 && y < sliderY + sliderHeight / 2 && x > sliderX && x < sliderX + sliderWidth) {
+ sliderDragging = true;
+ // Move knob to touch
+ sliderKnob.x = Math.max(sliderX, Math.min(x, sliderX + sliderWidth));
+ // Move player accordingly
+ var percent = (sliderKnob.x - sliderX) / sliderWidth;
+ player.x = player.width / 2 + percent * (GAME_WIDTH - player.width);
}
};
game.up = function (x, y, obj) {
- dragNode = null;
+ sliderDragging = false;
};
game.move = function (x, y, obj) {
- if (dragNode === player) {
- // Only move horizontally
- var dx = x - lastTouchX;
- player.x += dx;
- // Clamp to screen
- if (player.x < player.width / 2) player.x = player.width / 2;
- if (player.x > GAME_WIDTH - player.width / 2) player.x = GAME_WIDTH - player.width / 2;
- lastTouchX = x;
- lastTouchY = y;
+ if (sliderDragging) {
+ // Clamp knob to slider track
+ sliderKnob.x = Math.max(sliderX, Math.min(x, sliderX + sliderWidth));
+ // Move player accordingly
+ var percent = (sliderKnob.x - sliderX) / sliderWidth;
+ player.x = player.width / 2 + percent * (GAME_WIDTH - player.width);
}
};
// Tap to shoot (anywhere)
game.down2 = function (x, y, obj) {