User prompt
every 30 seconds, spawn slightly more balloons
User prompt
a balloon is missed if it makes it off the top of the screen
User prompt
players lose a point for every balloon missed
User prompt
if a balloon is not popped and reaches the top of the player's screen, then the game ends
User prompt
balloons that can explode are a different color
User prompt
every balloon popped is a point earned
User prompt
if a balloon explodes, it launches spikes in random directions that can pop other balloons
User prompt
Please fix the bug: 'Uncaught TypeError: balloons[i].containsPoint is not a function' in or related to this line: 'if (balloons[i].containsPoint({' Line Number: 113
Initial prompt
Balloon Surprise
/**** * Classes ****/ //<Assets used in the game will automatically appear here> // Balloon class var Balloon = Container.expand(function () { var self = Container.call(this); var colors = [0x00ff00, 0x0000ff, 0xffff00, 0xff00ff]; var color = colors[Math.floor(Math.random() * colors.length)]; var assetId = color === 0xff0000 ? 'explodingBalloon' : 'balloon'; var balloonGraphics = self.attachAsset(assetId, { width: 100, height: 150, color: color, shape: 'ellipse', anchorX: 0.5, anchorY: 0.5 }); self.speed = Math.random() * 2 + 1; self.update = function () { self.y -= self.speed; if (self.y < -100) { self.destroy(); } }; self.down = function (x, y, obj) { if (assetId === 'explodingBalloon') { // Red balloon explodes explode(self.x, self.y); } else { // Other balloons just pop self.destroy(); score++; scoreTxt.setText(score); } }; }); // Explosion class var Explosion = Container.expand(function () { var self = Container.call(this); var explosionGraphics = self.attachAsset('explosion', { width: 200, height: 200, color: 0xffa500, shape: 'ellipse', anchorX: 0.5, anchorY: 0.5 }); self.update = function () { explosionGraphics.alpha -= 0.05; if (explosionGraphics.alpha <= 0) { self.destroy(); } }; }); var Spike = Container.expand(function () { var self = Container.call(this); var spikeGraphics = self.attachAsset('spike', { width: 20, height: 20, color: 0x000000, shape: 'box', anchorX: 0.5, anchorY: 0.5 }); self.speedX = Math.random() * 10 - 5; self.speedY = Math.random() * 10 - 5; self.update = function () { self.x += self.speedX; self.y += self.speedY; if (self.x < 0 || self.x > 2048 || self.y < 0 || self.y > 2732) { self.destroy(); } }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x87ceeb // Init game with sky blue background }); /**** * Game Code ****/ var balloons = []; var score = 0; var scoreTxt = new Text2('0', { size: 150, fill: "#ffffff" }); scoreTxt.anchor.set(0.5, 0); LK.gui.top.addChild(scoreTxt); function spawnBalloon() { var balloon = new Balloon(); balloon.x = Math.random() * 2048; balloon.y = 2732 + 100; balloons.push(balloon); game.addChild(balloon); } function explode(x, y) { var explosion = new Explosion(); explosion.x = x; explosion.y = y; game.addChild(explosion); // Launch spikes in random directions for (var i = 0; i < 10; i++) { var spike = new Spike(); spike.x = x; spike.y = y; game.addChild(spike); } // Destroy nearby balloons for (var i = balloons.length - 1; i >= 0; i--) { if (Math.abs(balloons[i].x - x) < 200 && Math.abs(balloons[i].y - y) < 200) { balloons[i].destroy(); balloons.splice(i, 1); score++; scoreTxt.setText(score); } } } game.update = function () { for (var i = balloons.length - 1; i >= 0; i--) { balloons[i].update(); if (balloons[i].y < -100) { balloons.splice(i, 1); } } // Update spikes var spikes = game.children.filter(function (child) { return child instanceof Spike; }); for (var i = spikes.length - 1; i >= 0; i--) { spikes[i].update(); // Check for collision with balloons for (var j = balloons.length - 1; j >= 0; j--) { if (spikes[i].intersects(balloons[j])) { balloons[j].destroy(); balloons.splice(j, 1); score++; scoreTxt.setText(score); score++; scoreTxt.setText(score); } } } if (LK.ticks % 60 == 0) { spawnBalloon(); } }; game.down = function (x, y, obj) { for (var i = balloons.length - 1; i >= 0; i--) { if (balloons[i].intersects({ x: x, y: y })) { balloons[i].down(x, y, obj); balloons.splice(i, 1); if (balloons[i].assetId !== 'explodingBalloon') { score++; scoreTxt.setText(score); } break; } } };
===================================================================
--- original.js
+++ change.js
@@ -4,11 +4,12 @@
//<Assets used in the game will automatically appear here>
// Balloon class
var Balloon = Container.expand(function () {
var self = Container.call(this);
- var colors = [0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff00ff];
+ var colors = [0x00ff00, 0x0000ff, 0xffff00, 0xff00ff];
var color = colors[Math.floor(Math.random() * colors.length)];
- var balloonGraphics = self.attachAsset('balloon', {
+ var assetId = color === 0xff0000 ? 'explodingBalloon' : 'balloon';
+ var balloonGraphics = self.attachAsset(assetId, {
width: 100,
height: 150,
color: color,
shape: 'ellipse',
@@ -22,9 +23,9 @@
self.destroy();
}
};
self.down = function (x, y, obj) {
- if (color === 0xff0000) {
+ if (assetId === 'explodingBalloon') {
// Red balloon explodes
explode(self.x, self.y);
} else {
// Other balloons just pop
@@ -156,10 +157,12 @@
y: y
})) {
balloons[i].down(x, y, obj);
balloons.splice(i, 1);
- score++;
- scoreTxt.setText(score);
+ if (balloons[i].assetId !== 'explodingBalloon') {
+ score++;
+ scoreTxt.setText(score);
+ }
break;
}
}
};
\ No newline at end of file