/**** * Classes ****/ var Sparkle = Container.expand(function (color) { var self = Container.call(this); var sparkleGraphics = self.createAsset('sparkle', 'Sparkle Graphics', .5, .5); sparkleGraphics.tint = color; self.speedX = (Math.random() - 0.5) * 10; self.speedY = -Math.random() * 15; self.rotationSpeed = (Math.random() - 0.5) * 0.2; self.move = function () { self.x += self.speedX; self.y += self.speedY; self.speedY += 0.3; self.rotation += self.rotationSpeed; if (self.y > 2732 + self.height / 2) { self.destroy(); } }; }); var ExplodingOverhangPlate = Container.expand(function (width, direction, color) { var self = Container.call(this); var plateGraphics = self.createAsset('plate', 'Exploding Overhang Plate Graphics', .5, .5); plateGraphics.width = width; plateGraphics.tint = color; self.explode = function () { var explosionSpeed = 15; var numFragments = 10; var numSparkles = 5; for (var i = 0; i < numFragments; i++) { var fragment = self.createAsset('fragment', 'Fragment Graphics', .5, .5); fragment.width = width / numFragments / 2; fragment.tint = color; fragment.x = (i - numFragments / 2) * fragment.width * 2; fragment.speedX = (Math.random() - 0.5) * explosionSpeed; fragment.speedY = -Math.random() * explosionSpeed * 1.5; fragment.rotationSpeed = (Math.random() - 0.5) * 0.3; self.addChild(fragment); } for (var j = 0; j < numSparkles; j++) { var sparkleColor = j % 2 === 0 ? 0xFFFF00 : 0xFFFFFF; // Yellow or White var sparkle = new Sparkle(sparkleColor); sparkle.x = (Math.random() - 0.5) * width; sparkle.y = 0; self.addChild(sparkle); } }; self.move = function () { for (var i = 0; i < self.children.length; i++) { var fragment = self.children[i]; fragment.x += fragment.speedX; fragment.y += fragment.speedY; fragment.speedY += 0.5; fragment.rotation += fragment.rotationSpeed; if (fragment.y > 2732 + fragment.height / 2) { fragment.destroy(); } } }; }); var OverhangPlate = Container.expand(function (width, direction, color) { var self = Container.call(this); var plateGraphics = self.createAsset('plate', 'Overhang Plate Graphics', .5, .5); plateGraphics.width = width; plateGraphics.tint = color; self.speedX = direction === 'right' ? 5 : -5; self.speedY = -20; self.rotationSpeed = direction === 'right' ? 0.01 : -0.01; self.move = function () { self.x += self.speedX; self.y += self.speedY; self.speedY += 0.5; self.speedX *= 0.99; self.rotation += self.rotationSpeed; }; }); var Plate = Container.expand(function (targetWidth) { var self = Container.call(this); var plateGraphics = self.createAsset('plate', 'Plate Graphics', .5, .5); plateGraphics.width = targetWidth; self.colorIndex = 0; self.hsvToRgb = function (h, s, v) { var r, g, b; var i = Math.floor(h * 6); var f = h * 6 - i; var p = v * (1 - s); var q = v * (1 - f * s); var t = v * (1 - (1 - f) * s); switch (i % 6) { case 0: r = v, g = t, b = p; break; case 1: r = q, g = v, b = p; break; case 2: r = p, g = v, b = t; break; case 3: r = p, g = q, b = v; break; case 4: r = t, g = p, b = v; break; case 5: r = v, g = p, b = q; break; } return (r * 255 << 16) + (g * 255 << 8) + b * 255; }; self.updateColor = function () { var h = self.colorIndex / 32; var s = 1; var v = 1; self.color = self.hsvToRgb(h, s, v); plateGraphics.tint = self.color; self.colorIndex = (self.colorIndex + 1) % 32; var bgColor = self.hsvToRgb(h, s, v / 3); game.setBackgroundColor(bgColor); }; self.updateColor(); self.speed = 22.5; self.move = function () { self.x -= self.speed; }; self.stack = function () { self.speed = 0; }; self.slide = function () { self.x = 2048 + self.width / 2; }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ var scoreTxt = new Text2('0', { size: 150, fill: '#ffffff', font: 'Impact' }); scoreTxt.anchor.set(.5, 0); LK.gui.topCenter.addChild(scoreTxt); var plateContainer = new Container(); plateContainer.targetY = 0; game.addChild(plateContainer); var currentPlateWidth = 1000; var plates = []; var plateColorIndex = 0; var firstPlate = new Plate(currentPlateWidth); firstPlate.x = 2048 / 2; firstPlate.y = 2732 - firstPlate.height / 2; firstPlate.speed = 0; firstPlate.colorIndex = plateColorIndex; firstPlate.updateColor(); plates.push(firstPlate); plateContainer.addChild(firstPlate); var newPlate = new Plate(currentPlateWidth); newPlate.slide(); newPlate.y = 2732 - plates.length * newPlate.height - newPlate.height / 2; plateColorIndex++; newPlate.colorIndex = plateColorIndex; newPlate.updateColor(); plates.push(newPlate); plateContainer.addChild(newPlate); game.on('down', function (obj) { var topPlate = plates[plates.length - 2]; if (newPlate.x < topPlate.x + topPlate.width && newPlate.x + newPlate.width > topPlate.x) { var overhang = newPlate.x + newPlate.width / 2 - (topPlate.x + topPlate.width / 2); var overhangSide = overhang > 0 ? 'right' : 'left'; overhang = Math.abs(overhang); newPlate.stack(); currentPlateWidth -= overhang; var overhangPlate = new ExplodingOverhangPlate(overhang, overhangSide, newPlate.color); overhangPlate.x = overhangSide === 'right' ? newPlate.x + newPlate.width / 2 : newPlate.x - newPlate.width / 2; overhangPlate.y = newPlate.y; overhangPlate.explode(); plateContainer.addChildAt(overhangPlate, 0); newPlate.width -= overhang; if (overhangSide === 'right') { newPlate.x -= overhang / 2; overhangPlate.x -= overhang / 2; } else { newPlate.x += overhang / 2; overhangPlate.x += overhang / 2; } newPlate = new Plate(currentPlateWidth); newPlate.slide(); newPlate.y = 2732 - plates.length * newPlate.height - newPlate.height / 2; plateColorIndex++; newPlate.colorIndex = plateColorIndex; newPlate.updateColor(); plates.push(newPlate); plateContainer.addChild(newPlate); if (plates.length > 17) { plateContainer.targetY += newPlate.height; } scoreTxt.setText(plates.length - 2); } else { LK.showGameOver(); } }); LK.on('tick', function () { for (var i = 0; i < plateContainer.children.length; i++) { var plate = plateContainer.children[i]; plate.move(); if (plate instanceof OverhangPlate && (plate.x < -plate.width / 2 || plate.x > 2048 + plate.width / 2 || plate.y > 2732 + plate.height / 2)) { plate.destroy(); } if (plate instanceof Plate && plate.x < -plate.width / 2) { LK.showGameOver(); } } if (plateContainer.y !== plateContainer.targetY) { plateContainer.y += (plateContainer.targetY - plateContainer.y) * 0.1; } });