/**** * Classes ****/ // Class for individual cubes that can fall var Cube = Container.expand(function () { var self = Container.call(this); self.attachAsset('cube', { anchorX: 0.5, anchorY: 0.5 }); self.isFalling = false; self.velocityY = 0; // Initial vertical velocity for falling cubes self.update = function () { if (self.isFalling) { self.velocityY += 0.75; // Acceleration due to gravity increased by 50% self.y += self.velocityY; // Fall speed with acceleration } }; }); // Class for fast cubes with distinct behavior var FastCube = Container.expand(function () { var self = Container.call(this); self.attachAsset('cube_fast', { anchorX: 0.5, anchorY: 0.5 }); self.isFalling = false; self.velocityY = 0; // Initial vertical velocity for falling cubes self.update = function () { if (self.isFalling) { self.velocityY += 0.75; // Acceleration due to gravity self.y += self.velocityY; // Fall speed with acceleration } }; }); // Class for collapsing cubes with distinct behavior var CollapsingCube = Container.expand(function () { var self = Container.call(this); self.attachAsset('cube_collapse', { anchorX: 0.5, anchorY: 0.5 }); self.isFalling = false; self.velocityY = 0; // Initial vertical velocity for falling cubes self.update = function () { if (self.isFalling) { self.velocityY += 0.75; // Acceleration due to gravity self.y += self.velocityY; // Fall speed with acceleration } }; }); // Class for the poles consisting of cubes var Pole = Container.expand(function () { var self = Container.call(this); self.cubes = []; self.addCube = function (isCollapsing) { var cube; if (poleCounter >= 100) { if (isCollapsing) { cube = new CollapsingCube(); } else if (poleCounter % 12 === 0) { // Every twelfth pole has a fast cube in front of the player cube = new FastCube(); } else { cube = new Cube(); } } else { cube = new Cube(); } cube.y = -(self.cubes.length * 100) - (self.cubes.length - 1) * 2; self.addChild(cube); self.cubes.push(cube); }; self.makeCubesFall = function () { for (var i = self.cubes.length - 1; i >= 0; i--) { (function (index) { LK.setTimeout(function () { self.cubes[index].isFalling = true; }, index * 250); // Delay between each cube falling })(i); } }; self.isSliding = false; self.slideDownUp = function () { if (!self.isSliding) { self.isSliding = true; var initialY = self.y; var step = 1; var distance = 10; var duration = 200; var steps = duration / (1000 / 60); var stepSize = distance / steps; var currentStep = 0; var slideInterval = LK.setInterval(function () { if (currentStep < steps) { self.y += stepSize; currentStep++; } else { LK.clearInterval(slideInterval); self.y = initialY; self.isSliding = false; } }, 1000 / 60); } }; self.getHeight = function () { return self.cubes.length * 100 + (self.cubes.length - 1) * 2; }; }); // Class for the player's hero var Hero = Container.expand(function () { var self = Container.call(this); var heroGraphics = self.attachAsset('hero', { anchorX: 0.5, anchorY: 0.5 }); self.isOnGround = false; self.velocityY = 0; self.jump = function () { if (self.isOnGround) { self.velocityY = -15; self.isOnGround = false; } }; self.update = function () { self.y += self.velocityY; self.velocityY += 0.5; // Gravity effect // Check for collision with cubes and display Alarm or Alarm2 if hit for (var i = 0; i < poles.length; i++) { var pole = poles[i]; for (var j = 0; j < pole.cubes.length; j++) { var cube = pole.cubes[j]; if (cube instanceof CollapsingCube && self.intersects(cube) && !cube.isFalling) { // Make all poles collapse poles.forEach(function (p) { p.makeCubesFall(); }); // Display the Alarm alarmDisplay.show(); break; } else if (cube instanceof FastCube && self.intersects(cube) && !cube.isFalling) { // Display the Alarm2 alarmDisplay2.show(); // Shift the position where cubes start to fall fallStartPositionShift += 250; break; } } } }; }); // Class for the background var Background = Container.expand(function () { var self = Container.call(this); self.attachAsset('background', { anchorX: 0.5, anchorY: 0.5 }); self.x = 2048 / 2; self.y = 2732 / 2; }); // Class for the second background var Background2 = Container.expand(function () { var self = Container.call(this); self.attachAsset('background2', { anchorX: 0.5, anchorY: 0.5 }); self.x = 2048 / 2; self.y = 2732 - self.height / 2; }); // Class for the Alarm display var AlarmDisplay = Container.expand(function () { var self = Container.call(this); self.attachAsset('Alarm', { anchorX: 1.0, // Anchor to the right anchorY: 0.0 // Anchor to the top }); self.x = 2048 - 400; // Position to the left by 400 self.y = 400; // Position down by 400 self.visible = false; // Initially not visible self.show = function () { self.visible = true; var blinkCount = 0; var flashInterval = LK.setInterval(function () { self.visible = !self.visible; if (self.visible) { blinkCount++; } if (blinkCount >= 3) { LK.clearInterval(flashInterval); self.hide(); } }, 1000); }; self.hide = function () { self.visible = false; }; }); // Class for the TimeCounter display var TimeCounter = Container.expand(function () { var self = Container.call(this); self.startTime = Date.now(); self.timeText = new Text2('0', { size: 100, fill: "#ffffff" }); self.addChild(self.timeText); self.timeText.anchor.set(1, 0); // Anchor to the top-right self.timeText.x = 2048; // Position to the right self.timeText.y = 0; // Position at the top self.update = function () { var currentTime = Date.now(); var timeElapsed = ((currentTime - self.startTime) / 1000).toFixed(2); // Time in seconds self.timeText.setText(timeElapsed + 's'); // Update the text display }; }); // Class for the second Alarm display var AlarmDisplay2 = Container.expand(function () { var self = Container.call(this); self.attachAsset('Alarm2', { anchorX: 1.0, anchorY: 0.0 }); self.x = 2048 - 50; // Position to the right by 50 self.y = 350; // Position down by 350 self.visible = false; // Initially not visible self.show = function () { self.visible = true; var blinkCount = 0; var flashInterval = LK.setInterval(function () { self.visible = !self.visible; if (self.visible) { blinkCount++; } if (blinkCount >= 3) { LK.clearInterval(flashInterval); self.hide(); } }, 1000); }; self.hide = function () { self.visible = false; }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 // Init game with black background }); /**** * Game Code ****/ // Instantiate AlarmDisplay var alarmDisplay = game.addChild(new AlarmDisplay()); // Set the zIndex to ensure it's on top alarmDisplay.zIndex = 1; // Instantiate TimeCounter var timeCounter = game.addChild(new TimeCounter()); // Set the zIndex to ensure it's on top of all layers timeCounter.zIndex = 2; // Instantiate AlarmDisplay2 var alarmDisplay2 = game.addChild(new AlarmDisplay2()); // Set the zIndex to ensure it's on top alarmDisplay2.zIndex = 1; // Create the second background var background2 = game.addChild(new Background2()); background2.zIndex = -1; // Create the background var background = game.addChild(new Background()); background.zIndex = 0; // Initialize assets used in the game. // Initialize important asset arrays var poles = []; var poleCounter = 0; var hero; var fallStartPositionShift = 0; var resetFallPositionTimeoutSet = false; // Create the hero hero = game.addChild(new Hero()); hero.x = 2048 / 2; hero.y = 2732 - 150; // Start above the bottom of the screen // Create initial poles function createInitialPoles() { var poleSpacing = 2; var poleWidth = 100 + poleSpacing; var numPoles = Math.ceil(2048 / poleWidth); for (var i = 0; i < numPoles; i++) { var pole = game.addChild(new Pole()); pole.x = i * poleWidth; pole.y = 2732 - 50; // Align base of pole with bottom of the screen and raise by 50 pixels for (var j = 0; j < 10; j++) { // Add 9 cubes to each pole and one collapsing cube every 50 poles var isCollapsing = poleCounter % 17 === 0 && j === 9; // Make the top cube a collapsing cube every 50 poles pole.addCube(isCollapsing); } poleCounter++; poles.push(pole); } } createInitialPoles(); // Event listener for jump action game.on('down', function (obj) { hero.jump(); }); // Game tick update LK.on('tick', function () { timeCounter.update(); hero.update(); // Collision detection with poles for (var i = 0; i < poles.length; i++) { var pole = poles[i]; if (hero.intersects(pole) && hero.velocityY > 0 && hero.y + hero.height / 2 < pole.y) { hero.y = pole.y - pole.getHeight() - hero.height / 2; hero.isOnGround = true; hero.velocityY = 0; pole.slideDownUp(); } } // Remove off-screen poles and create new ones var poleSpacing = 2; var poleWidth = 100 + poleSpacing; if (poles.length > 0 && poles[0].x + poleWidth / 2 < 0) { poles[0].destroy(); poles.shift(); var newPole = game.addChild(new Pole()); newPole.x = poles[poles.length - 1].x + poleWidth; newPole.y = 2732 - 50; var isCollapsingCube = poleCounter % 50 === 0; // Determine if the new pole should have a collapsing cube poleCounter++; var prevPoleHeight = poles[poles.length - 1].cubes.length; var minCubes = Math.max(6, prevPoleHeight - 1); var maxCubes = Math.min(14, prevPoleHeight + 1); var cubesCount = Math.floor(Math.random() * (maxCubes - minCubes + 1)) + minCubes; for (var j = 0; j < cubesCount; j++) { // Add collapsing cube every 50 poles on the top var isCollapsing = isCollapsingCube && j === cubesCount - 1; newPole.addCube(isCollapsing); } poles.push(newPole); } // Move poles to the left to simulate hero running and make cubes fall after passing the middle for (var i = 0; i < poles.length; i++) { poles[i].x -= 5; if (poles[i].x < 2048 / 2 + fallStartPositionShift && !poles[i].hasMadeCubesFall) { poles[i].makeCubesFall(); poles[i].hasMadeCubesFall = true; } // Update each cube in the pole for (var j = 0; j < poles[i].cubes.length; j++) { poles[i].cubes[j].update(); } } // Reset fallStartPositionShift after 20 seconds if (!resetFallPositionTimeoutSet) { resetFallPositionTimeoutSet = true; LK.setTimeout(function () { fallStartPositionShift = 0; resetFallPositionTimeoutSet = false; }, 20000); } // End the game if the hero falls off the bottom of the screen if (hero.y > 2732) { LK.showGameOver(); } });

Platformer by Alex

Images