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].intersects({ x: x, y: y })) { balloons[i].down(x, y, obj); balloons.splice(i, 1); score++; scoreTxt.setText(score); break; } } };
===================================================================
--- original.js
+++ change.js
@@ -1,118 +1,118 @@
-/****
+/****
* 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();
- }
- };
+ 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();
- }
- };
+ 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
+ backgroundColor: 0x87ceeb // Init game with sky blue background
});
-/****
+/****
* Game Code
-****/
+****/
var balloons = [];
var score = 0;
var scoreTxt = new Text2('0', {
- size: 150,
- fill: "#ffffff"
+ 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);
+ 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);
- }
- }
+ 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();
- }
+ 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;
- }
- }
+ 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);
+ score++;
+ scoreTxt.setText(score);
+ break;
+ }
+ }
};
\ No newline at end of file