/**** * Classes ****/ // Agent class var Agent = Container.expand(function () { var self = Container.call(this); var agentGraphics = self.attachAsset('agent', { anchorX: 0.5, anchorY: 0.5 }); self.speed = 4; self.update = function () { // Agent update logic }; }); // Bullet class var Bullet = Container.expand(function () { var self = Container.call(this); var bulletGraphics = self.attachAsset('bullet', { anchorX: 0.5, anchorY: 0.5 }); self.speed = 10; self.update = function () { self.y -= self.speed; }; }); // Enemy class var Enemy = Container.expand(function () { var self = Container.call(this); self.numbers = []; // Initialize numbers array var enemyGraphics = self.attachAsset('enemy', { anchorX: 0.5, anchorY: 0.5 }); self.speed = 3; self.update = function () { // Update numbers for (var i = self.numbers.length - 1; i >= 0; i--) { var number = self.numbers[i]; number.y += self.speed; // Remove number if it goes below the w2 line if (number.y > 2732) { number.visible = false; self.numbers.splice(i, 1); number.destroy(); // Remove number from memory } } // Add new number at the top if (Math.random() < 0.1) { var newNumber = new Text2(Math.round(Math.random()).toString(), { size: 40, fill: 0x00FF00 }); newNumber.x = Math.random() * self.width; newNumber.y = -newNumber.height; self.numbers.push(newNumber); self.addChild(newNumber); } // Load w1w2 effect and disappear when it touches the w2 line if (self.y <= self.parent.w2.y) { self.visible = true; } else { self.visible = false; } }; }); // // Player class var Player = Container.expand(function () { var self = Container.call(this); var playerGraphics = self.attachAsset('player', { anchorX: 0.5, anchorY: 0.5 }); self.speed = 5; self.update = function () { // Player update logic }; }); // Rectangle class var Rectangle = Container.expand(function () { var self = Container.call(this); self.parent = game; var rectangleGraphics = self.attachAsset('rectangle', { anchorX: 0.5, anchorY: 0.5, width: 333, height: 500 }); rectangleGraphics.alpha = 0.5; // Add green frames to the rectangle var leftLine = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, height: rectangleGraphics.height }); leftLine.x = -rectangleGraphics.width / 2; leftLine.y = -rectangleGraphics.height / 2; var rightLine = self.attachAsset('greenLine', { anchorX: 1.0, anchorY: 0.0, height: rectangleGraphics.height }); rightLine.x = rectangleGraphics.width / 2; rightLine.y = -rectangleGraphics.height / 2; // Add vertical green line 200 units to the left of the rectangle var leftVerticalLine = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, height: rectangleGraphics.height + 100 }); leftVerticalLine.x = -rectangleGraphics.width / 2 - 100; leftVerticalLine.y = -rectangleGraphics.height / 2; // Add another vertical green line 200 units to the left of the last left vertical line var ld2 = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, height: rectangleGraphics.height + 485 }); ld2.x = leftVerticalLine.x - 200; ld2.y = -rectangleGraphics.height / 2 - 185; // Define leftMostVerticalLine as ld2 var leftMostVerticalLine = ld2; // Add a thin horizontal line to the top of the leftMostVerticalLine var topHorizontalLine = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, width: 275, // Set the width of the horizontal line // Set the width of the horizontal line height: 1 }); topHorizontalLine.x = leftMostVerticalLine.x; topHorizontalLine.y = leftMostVerticalLine.y - 5; topHorizontalLine.rotation = 44 * (Math.PI / 180); // Rotate by 44 degrees // Add vertical green line 200 units to the right of the rectangle var rightVerticalLine = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, height: rectangleGraphics.height + 100 }); rightVerticalLine.x = rectangleGraphics.width / 2 + 100; rightVerticalLine.y = -rectangleGraphics.height / 2; // Add another vertical green line 200 units to the right of the last right vertical line var rd2 = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, height: rectangleGraphics.height + 485 }); rd2.x = rightVerticalLine.x + 200; rd2.y = -rectangleGraphics.height / 2 - 185; // Define rightMostVerticalLine as rd2 var rightMostVerticalLine = rd2; // Create a mirrored copy of the topHorizontalLine on the right side var mirroredTopHorizontalLine = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, width: 277, height: 1 }); mirroredTopHorizontalLine.x = rightMostVerticalLine.x - 200; mirroredTopHorizontalLine.y = rightMostVerticalLine.y + 186; mirroredTopHorizontalLine.rotation = -44 * (Math.PI / 180); // Mirror the rotation of topHorizontalLine var topLine = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, width: rectangleGraphics.width, height: 1 }); topLine.x = -rectangleGraphics.width / 2; topLine.y = -rectangleGraphics.height / 2; var bottomLine = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 1.0, width: rectangleGraphics.width, height: 1 }); bottomLine.x = -rectangleGraphics.width / 2; bottomLine.y = rectangleGraphics.height / 2; // Create a line from the bottom right corner of the map to the bottom right corner of the rectangle and name it w2 self.parent.w2 = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, width: 2048 - rightLine.x, height: 1 }); self.parent.w2.x = rightLine.x; self.parent.w2.y = bottomLine.y; // Rotate the line w2 by 45 degrees self.parent.w2.rotation = Math.PI / 4; // Create a line from the top left corner of the map to the top left corner of the rectangle and name it w4 self.parent.w4 = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, width: leftLine.x + 2048, height: 1 }); self.parent.w4.x = leftLine.x; self.parent.w4.y = topLine.y; // Rotate the line w4 right by 45 degrees self.parent.w4.rotation = Math.PI + Math.PI / 4; // Create a line from the top right corner of the map to the top right corner of the rectangle and name it w1 self.parent.w1 = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, width: 2048 - rightLine.x, height: 1 }); self.parent.w1.x = rightLine.x; self.parent.w1.y = topLine.y; // Rotate the line w1 by 45 degrees self.parent.w1.rotation = -Math.PI / 4; // Create a line from the bottom left corner of the map to the bottom left corner of the rectangle and name it w3 self.parent.w3 = self.attachAsset('greenLine', { anchorX: 0.0, anchorY: 0.0, width: leftLine.x + 2048, height: 1 }); self.parent.w3.x = leftLine.x; self.parent.w3.y = bottomLine.y; // Rotate the line w3 left by 45 degrees self.parent.w3.rotation = Math.PI - Math.PI / 4; // Add a vertical green line to the center of the map var centerLine = self.attachAsset('greenLine', { anchorX: 0.5, anchorY: 0.0, height: rectangleGraphics.height }); centerLine.x = -rectangleGraphics.width / 2; centerLine.y = -rectangleGraphics.height / 2; // Add falling numbers effect to the center line self.centerNumbers = []; self.secondLineNumbers = []; self.thirdLineNumbers = []; // Initialize thirdLineNumbers array self.leftLineNumbers = []; // Initialize leftLineNumbers array self.update = function () { for (var i = self.centerNumbers.length - 1; i >= 0; i--) { var number = self.centerNumbers[i]; number.y += 2; // Speed of falling numbers if (number.y > 2732) { number.visible = false; self.centerNumbers.splice(i, 1); number.destroy(); // Remove number from memory } } if (Math.random() < 0.03) { var newNumber; if (numberPool.length > 0) { newNumber = numberPool.pop(); newNumber.x = self.parent.w4.x + 10; newNumber.y = centerLine.y; newNumber.visible = true; } else { newNumber = new Text2(Math.round(Math.random()).toString(), { size: 20, fill: 0x00FF00 }); newNumber.x = self.parent.w4.x + 10; newNumber.y = centerLine.y; self.addChild(newNumber); } self.centerNumbers.push(newNumber); } // Add falling numbers effect to the second line for (var i = self.secondLineNumbers.length - 1; i >= 0; i--) { var number = self.secondLineNumbers[i]; number.y += 2; // Speed of falling numbers if (number.y > 2732) { number.visible = false; self.secondLineNumbers.splice(i, 1); number.destroy(); // Remove number from memory } } if (Math.random() < 0.04) { var newNumber = new Text2(Math.round(Math.random()).toString(), { size: 20, fill: 0x00FF00 }); newNumber.x = centerLine.x + 25; // Position next to the first line, reduced distance newNumber.y = centerLine.y; self.secondLineNumbers.push(newNumber); self.addChild(newNumber); } // Add falling numbers effect to the third line for (var i = self.thirdLineNumbers.length - 1; i >= 0; i--) { var number = self.thirdLineNumbers[i]; number.y += 2; // Speed of falling numbers if (number.y > 2732) { number.visible = false; self.thirdLineNumbers.splice(i, 1); number.destroy(); // Remove number from memory } } if (Math.random() < 0.04) { var newNumber = new Text2(Math.round(Math.random()).toString(), { size: 20, fill: 0x00FF00 }); newNumber.x = centerLine.x + 50; // Position next to the second line newNumber.y = centerLine.y; self.thirdLineNumbers.push(newNumber); self.addChild(newNumber); } // Add falling numbers effect to additional lines for (var lineIndex = 4; lineIndex <= 13; lineIndex++) { if (!self["lineNumbers".concat(lineIndex)]) { self["lineNumbers".concat(lineIndex)] = []; } for (var i = self["lineNumbers".concat(lineIndex)].length - 1; i >= 0; i--) { var number = self["lineNumbers".concat(lineIndex)][i]; number.y += 2; // Speed of falling numbers if (number.y > 2732) { number.visible = false; self["lineNumbers".concat(lineIndex)].splice(i, 1); number.destroy(); // Remove number from memory } } if (Math.random() < 0.04) { var newNumber = new Text2(Math.round(Math.random()).toString(), { size: 20, fill: 0x00FF00 }); newNumber.x = centerLine.x + (lineIndex - 1) * 25; // Position next to the previous line newNumber.y = centerLine.y; self["lineNumbers".concat(lineIndex)].push(newNumber); self.addChild(newNumber); } } // Add falling numbers effect to the left line for (var i = self.leftLineNumbers.length - 1; i >= 0; i--) { var number = self.leftLineNumbers[i]; number.y += 2; // Speed of falling numbers if (number.y > 2732) { number.visible = false; self.leftLineNumbers.splice(i, 1); number.destroy(); // Remove number from memory } } if (Math.random() < 0.04) { var newNumber = new Text2(Math.round(Math.random()).toString(), { size: 20, fill: 0x00FF00 }); newNumber.x = self.parent.w4.x - 25; // Position on the left side of the map newNumber.y = centerLine.y; self.leftLineNumbers.push(newNumber); self.addChild(newNumber); } // Add falling numbers effect to another line on the left side of the last one if (!self.leftMostLineNumbers) { self.leftMostLineNumbers = []; } for (var i = self.leftMostLineNumbers.length - 1; i >= 0; i--) { var number = self.leftMostLineNumbers[i]; number.y += 2; // Speed of falling numbers if (number.y > 2732) { number.visible = false; self.leftMostLineNumbers.splice(i, 1); number.destroy(); // Remove number from memory } } if (Math.random() < 0.04) { var newNumber = new Text2(Math.round(Math.random()).toString(), { size: 20, fill: 0x00FF00 }); newNumber.x = self.parent.w4.x - 50; // Position further left newNumber.y = centerLine.y; self.leftMostLineNumbers.push(newNumber); self.addChild(newNumber); } // Add matrix animation next to the last animation's left side if (!self.matrixLineNumbers) { self.matrixLineNumbers = []; } for (var i = self.matrixLineNumbers.length - 1; i >= 0; i--) { var number = self.matrixLineNumbers[i]; number.y += 2; // Speed of falling numbers if (number.y > 2732) { number.visible = false; self.matrixLineNumbers.splice(i, 1); number.destroy(); // Remove number from memory } } if (Math.random() < 0.04) { var newNumber = new Text2(Math.round(Math.random()).toString(), { size: 20, fill: 0x00FF00 }); newNumber.x = self.parent.w4.x - 75; // Position further left newNumber.y = centerLine.y - 30; self.matrixLineNumbers.push(newNumber); self.addChild(newNumber); } // Add matrix animation lines to the right side of the rectangle reaching the right edge of the map if (!self.matrixLineNumbersRight) { self.matrixLineNumbersRight = []; } for (var i = self.matrixLineNumbersRight.length - 1; i >= 0; i--) { var number = self.matrixLineNumbersRight[i]; number.y += 2; // Speed of falling numbers if (number.y > 2732) { number.visible = false; self.matrixLineNumbersRight.splice(i, 1); number.destroy(); // Remove number from memory } } if (Math.random() < 0.07) { var newNumber = new Text2(Math.round(Math.random()).toString(), { size: 20, fill: 0x00FF00 }); newNumber.x = self.parent.w1.x + 25; // Adjust position to reach the right edge newNumber.y = centerLine.y - 30; self.matrixLineNumbersRight.push(newNumber); self.addChild(newNumber); } // Add 77 more matrix animation lines to the left side for (var lineIndex = 1; lineIndex <= 77; lineIndex++) { if (!self["matrixLineNumbersLeft".concat(lineIndex)]) { self["matrixLineNumbersLeft".concat(lineIndex)] = []; } for (var i = self["matrixLineNumbersLeft".concat(lineIndex)].length - 1; i >= 0; i--) { var number = self["matrixLineNumbersLeft".concat(lineIndex)][i]; number.y += 2; // Speed of falling numbers if (number.y > 2732) { number.visible = false; self["matrixLineNumbersLeft".concat(lineIndex)].splice(i, 1); number.destroy(); // Remove number from memory } } if (Math.random() < 0.05) { var newNumber = new Text2(Math.round(Math.random()).toString(), { size: 20, fill: 0x00FF00 }); newNumber.x = self.parent.w4.x - 75 - lineIndex * 25; // Position further left newNumber.y = centerLine.y - 30 - lineIndex * 25; // Start falling at a 45-degree angle self["matrixLineNumbersLeft".concat(lineIndex)].push(newNumber); self.addChild(newNumber); } } // Add 77 more matrix animation lines to the right side for (var lineIndex = 1; lineIndex <= 77; lineIndex++) { if (!self["matrixLineNumbersRight".concat(lineIndex)]) { self["matrixLineNumbersRight".concat(lineIndex)] = []; } for (var i = self["matrixLineNumbersRight".concat(lineIndex)].length - 1; i >= 0; i--) { var number = self["matrixLineNumbersRight".concat(lineIndex)][i]; number.y += 2; // Speed of falling numbers if (number.y > 2732) { number.visible = false; self["matrixLineNumbersRight".concat(lineIndex)].splice(i, 1); number.destroy(); // Remove number from memory } } if (Math.random() < 0.04) { var newNumber = new Text2(Math.round(Math.random()).toString(), { size: 20, fill: 0x00FF00 }); newNumber.x = self.parent.w1.x + 25 + lineIndex * 25; // Position further right newNumber.y = centerLine.y - 30 - lineIndex * 25; // Start falling at a 45-degree angle self["matrixLineNumbersRight".concat(lineIndex)].push(newNumber); self.addChild(newNumber); } } }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ // Initialize player var player = game.addChild(new Player()); player.x = 2048 / 2; player.y = 2732 - 150; // Initialize rectangle var rectangle = game.addChild(new Rectangle()); rectangle.x = 2048 / 2; rectangle.y = 2732 / 2; // Initialize agents var agents = [{ agent: game.addChild(new Agent()), x: 2048 / 2, y: 2732 / 2 + 20 }, // Center agent { agent: game.addChild(new Agent()), x: 2048 / 3 + 12.5, y: 2732 / 2 + 112, scaleX: 1.5, scaleY: 1.5 }, // Left agent { agent: game.addChild(new Agent()), x: 2048 * 2 / 3 - 12.5, y: 2732 / 2 + 112, scaleX: 1.5, scaleY: 1.5 } // Right agent ]; // Randomly select two agents to be visible function randomizeAgentsVisibility() { // Hide all agents initially agents.forEach(function (agentObj) { agentObj.agent.visible = false; }); // Randomly select two different agents to be visible var firstIndex = Math.floor(Math.random() * agents.length); var secondIndex; do { secondIndex = Math.floor(Math.random() * agents.length); } while (secondIndex === firstIndex); // Set the selected agents to be visible agents[firstIndex].agent.visible = true; agents[secondIndex].agent.visible = true; } // Set initial positions and visibility agents.forEach(function (agentObj) { agentObj.agent.x = agentObj.x; agentObj.agent.y = agentObj.y; if (agentObj.scaleX) { agentObj.agent.scaleX = agentObj.scaleX; } if (agentObj.scaleY) { agentObj.agent.scaleY = agentObj.scaleY; } }); // Randomize visibility at the start randomizeAgentsVisibility(); // Initialize w1w2 // Initialize enemies var enemies = []; var enemy = new Enemy(); enemy.x = 2048 / 2; // Center of the map enemy.y = 2732 / 2; // Center of the map enemies.push(enemy); game.addChild(enemy); // Initialize bullets var bulletPool = []; var activeBullets = []; // Initialize number pool var numberPool = []; // Handle player movement game.move = function (x, y, obj) { player.x = x; player.y = y; }; // Handle shooting game.down = function (x, y, obj) { var bullet; if (bulletPool.length > 0) { bullet = bulletPool.pop(); bullet.x = player.x; bullet.y = player.y; bullet.visible = true; } else { bullet = new Bullet(); bullet.x = player.x; bullet.y = player.y; game.addChild(bullet); } activeBullets.push(bullet); }; // Update game state game.update = function () { // Update bullets for (var i = activeBullets.length - 1; i >= 0; i--) { var bullet = activeBullets[i]; bullet.update(); if (bullet.y < -50) { activeBullets.splice(i, 1); bullet.visible = false; bulletPool.push(bullet); } } // Remove all enemies from the map for (var j = enemies.length - 1; j >= 0; j--) { var enemy = enemies[j]; if (enemy.y > 2732) { enemy.visible = false; enemies.splice(j, 1); } } };

Matrix shooter by JZU

Images