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 = [0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff00ff]; var color = colors[Math.floor(Math.random() * colors.length)]; var balloonGraphics = self.attachAsset('balloon', { 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 (color === 0xff0000) { // Red balloon explodes explode(self.x, self.y); } else { // Other balloons just pop self.destroy(); } }; }); // 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(); } }; }); /**** * 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); // 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); } } if (LK.ticks % 60 == 0) { spawnBalloon(); } }; game.down = function (x, y, obj) { for (var i = balloons.length - 1; i >= 0; i--) { if (balloons[i].containsPoint({ x: x, y: y })) { balloons[i].down(x, y, obj); balloons.splice(i, 1); score++; scoreTxt.setText(score); break; } } };
/****
* Classes
****/
//<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 color = colors[Math.floor(Math.random() * colors.length)];
var balloonGraphics = self.attachAsset('balloon', {
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 (color === 0xff0000) {
// Red balloon explodes
explode(self.x, self.y);
} else {
// Other balloons just pop
self.destroy();
}
};
});
// 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();
}
};
});
/****
* 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);
// 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);
}
}
if (LK.ticks % 60 == 0) {
spawnBalloon();
}
};
game.down = function (x, y, obj) {
for (var i = balloons.length - 1; i >= 0; i--) {
if (balloons[i].containsPoint({
x: x,
y: y
})) {
balloons[i].down(x, y, obj);
balloons.splice(i, 1);
score++;
scoreTxt.setText(score);
break;
}
}
};