function reflectBall(ball, hitSide) { if (hitSide === 'left' || hitSide === 'right') { ball.vx *= -1.5; } else if (hitSide === 'top' || hitSide === 'bottom') { ball.vy *= -1.5; } } function determineHitSide(ballBounds, batBounds) { var dx = ballBounds.x - batBounds.x; var dy = ballBounds.y - batBounds.y; if (Math.abs(dx) > Math.abs(dy)) { return dx < 0 ? 'left' : 'right'; } else { return dy < 0 ? 'top' : 'bottom'; } } var ParticleExplosion = Container.expand(function (color) { var self = Container.call(this); self.particles = []; for (var i = 0; i < 20; i++) { var particle = self.createAsset('particle_' + color, color + ' Particle Graphics', 0.5, 0.5); particle.vx = (Math.random() - 0.5) * 20; particle.vy = (Math.random() - 0.5) * 20; self.particles.push(particle); self.addChild(particle); } self.update = function () { for (var i = self.particles.length - 1; i >= 0; i--) { var p = self.particles[i]; p.x += p.vx; p.y += p.vy; p.alpha -= 0.05; if (p.alpha <= 0) { p.destroy(); self.particles.splice(i, 1); } } if (self.particles.length === 0) { self.destroy(); } }; }); var Score = Container.expand(function () { var self = Container.call(this); var scoreValue = 0; var scoreText = new Text2('0', { size: 150, fill: "#ffffff" }); scoreText.anchor.set(0.5, 0); self.addChild(scoreText); self.x = 2048 - scoreText.width - 20; self.y = 20; self.increaseScore = function (points) { self.parent.playerScore += points; scoreText.setText(self.parent.playerScore.toString()); }; }); var ColoredBall = Container.expand(function (color) { var self = Container.call(this); self.lastHitTime = 0; self.color = color; var ballGraphics = self.createAsset('ball_' + color, color + ' Ball Graphics', .5, .5); ballGraphics.scale.set(1.5); self.speed = 15; var angle = Math.random() * 360; angle += angle % 90 < 7 ? 7 : 0; self.vx = self.speed * Math.cos(angle * Math.PI / 180); self.vy = self.speed * Math.sin(angle * Math.PI / 180); self.move = function () { self.x += self.vx; self.y += self.vy; if (self.x - ballGraphics.width / 2 <= 0 || self.x + ballGraphics.width / 2 >= 2048) self.vx *= -1; if (self.y - ballGraphics.height / 2 <= 0 || self.y + ballGraphics.height / 2 >= 2732) self.vy *= -1; self.vx += (self.vx > 0 ? -0.1 : 0.1) * (Math.abs(self.vx) > self.speed ? 1 : 0); self.vy += (self.vy > 0 ? -0.1 : 0.1) * (Math.abs(self.vy) > self.speed ? 1 : 0); }; self.reset = function () {}; }); var Bat = Container.expand(function () { var self = Container.call(this); var batGraphics = self.createAsset('bat', 'Bat Graphics', .5, .5); batGraphics.scale.set(2); self.move = function () {}; }); var RedGoal = Container.expand(function () { var self = Container.call(this); var goalGraphics = self.createAsset('goal_red', 'Red Goal Graphics', .5, .5); self.checkScore = function (ball, score) { if (this.intersects(ball)) { if (ball.color === 'red') { score.increaseScore(1); var explosion = new ParticleExplosion('red'); explosion.x = ball.x; explosion.y = ball.y; self.parent.addChild(explosion); ball.destroy(); self.parent.balls.splice(self.parent.balls.indexOf(ball), 1); } else { ball.destroy(); self.parent.balls.splice(self.parent.balls.indexOf(ball), 1); } } }; }); var BlueGoal = Container.expand(function () { var self = Container.call(this); var goalGraphics = self.createAsset('goal_blue', 'Blue Goal Graphics', .5, .5); self.checkScore = function (ball, score) { if (this.intersects(ball)) { if (ball.color === 'blue') { score.increaseScore(1); var explosion = new ParticleExplosion('blue'); explosion.x = ball.x; explosion.y = ball.y; self.parent.addChild(explosion); ball.destroy(); self.parent.balls.splice(self.parent.balls.indexOf(ball), 1); } else { ball.destroy(); self.parent.balls.splice(self.parent.balls.indexOf(ball), 1); } } }; }); var GreenGoal = Container.expand(function () { var self = Container.call(this); var goalGraphics = self.createAsset('goal_green', 'Green Goal Graphics', .5, .5); self.checkScore = function (ball, score) { if (this.intersects(ball)) { if (ball.color === 'green') { score.increaseScore(1); var explosion = new ParticleExplosion('green'); explosion.x = ball.x; explosion.y = ball.y; self.parent.addChild(explosion); ball.destroy(); self.parent.balls.splice(self.parent.balls.indexOf(ball), 1); } else { ball.destroy(); self.parent.balls.splice(self.parent.balls.indexOf(ball), 1); } } }; }); var YellowGoal = Container.expand(function () { var self = Container.call(this); var goalGraphics = self.createAsset('goal_yellow', 'Yellow Goal Graphics', .5, .5); self.checkScore = function (ball, score) { if (this.intersects(ball)) { if (ball.color === 'yellow') { score.increaseScore(1); var explosion = new ParticleExplosion('yellow'); explosion.x = ball.x; explosion.y = ball.y; self.parent.addChild(explosion); ball.destroy(); self.parent.balls.splice(self.parent.balls.indexOf(ball), 1); } else { ball.destroy(); self.parent.balls.splice(self.parent.balls.indexOf(ball), 1); } } }; }); var Game = Container.expand(function () { var self = Container.call(this); this.playerScore = 0; this.balls = []; var goals = []; var bat = null; var gameStarted = false; var spawncount = 0; function setup() { var background = self.createAsset('background', 'Background Graphics', 0, 0); background.width = 2048; background.height = 2732; background.alpha = 0.6; self.addChildAt(background, 0); var startText = new Text2('Sort fruits into the right baskets\n(Tap to begin)', { size: 100, fill: '#ffffff', align: 'center' }); startText.anchor.set(0.5, 0.5); startText.x = 2048 / 2; startText.y = 2732 / 2; self.addChild(startText); stage.on('down', function () { gameStarted = true; startText.visible = false; }); var redGoal = self.addChild(new RedGoal()); redGoal.x = 2048 / 2; redGoal.y = redGoal.height / 2; var blueGoal = self.addChild(new BlueGoal()); blueGoal.x = 2048 / 2; blueGoal.y = 2732 - blueGoal.height / 2; var greenGoal = self.addChild(new GreenGoal()); var greenGoalWidth = greenGoal.width; greenGoal.x = greenGoalWidth / 2; greenGoal.y = 2732 / 2 - greenGoalWidth / 2; var yellowGoal = self.addChild(new YellowGoal()); yellowGoal.x = 2048 - yellowGoal.width / 2; yellowGoal.y = 2732 / 2; goals.push(redGoal, blueGoal, greenGoal, yellowGoal); bat = self.addChild(new Bat()); bat.x = 2048 / 2; bat.y = 2732 - 100; var colors = ['red', 'blue', 'green', 'yellow']; LK.setInterval(function () { if (gameStarted && spawncount < 20) { if (self.balls.length < 20) { var colorIndex = Math.floor(Math.random() * colors.length); var newBall = new ColoredBall(colors[colorIndex]); newBall.x = 200 + Math.random() * (2048 - 400); newBall.y = 200 + Math.random() * (2732 - 400); self.balls.push(newBall); self.addChild(newBall); spawncount++; } } }, 2000); } function reset() { for (var i = 0; i < self.balls.length; i++) { balls[i].reset(); } } LK.on('tick', function () { for (var i = 0; i < self.balls.length; i++) { self.balls[i].move(); var currentTime = LK.ticks; if (currentTime - self.balls[i].lastHitTime > 30) { var ballBounds = self.balls[i]; var batBounds = bat; if (batBounds.intersects(ballBounds)) { self.balls[i].lastHitTime = currentTime; var hitSide = determineHitSide(ballBounds, batBounds); reflectBall(self.balls[i], hitSide); } } } for (var i = 0; i < self.balls.length; i++) { for (var j = 0; j < goals.length; j++) { goals[j].checkScore(self.balls[i], scoreInstance); } } for (var i = self.children.length - 1; i >= 0; i--) { if (self.children[i] instanceof ParticleExplosion) { self.children[i].update(); } } if (spawncount >= 10 && self.balls.length === 0) { var scoreText = new Text2('You got ' + self.playerScore.toString() + ' out of 10\nfruits in the right baskets!', { size: 80, fill: '#ffffff', align: 'center' }); scoreText.anchor.set(0.5, 0.5); scoreText.x = 2048 / 2; scoreText.y = 2732 / 2 - 500; self.addChild(scoreText); LK.showGameOver(); } }); stage.on('move', function (obj) { var pos = obj.event.getLocalPosition(self); bat.x = pos.x; bat.y = pos.y; }); var scoreInstance = new Score(); scoreInstance.name = 'scoreInstance'; self.addChild(scoreInstance); setup(); });

Fruit Panic by cspark

Images