User prompt
Migrate to the latest version of LK
User prompt
Fix Bug: 'TypeError: requestAnimationFrame is not a function' in this line: 'requestAnimationFrame(self.update);' Line Number: 29
User prompt
improve the fps counter
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.gameInstance.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.gameInstance.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.gameInstance.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 85
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.gameInstance.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.gameInstance.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 82
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 81
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 80
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 79
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 79
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 79
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 80
User prompt
Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'removeEnemy')' in this line: 'self.game.removeEnemy(self);' Line Number: 80
/**** * Classes ****/ var FrameRateCounter = Container.expand(function () { var self = Container.call(this); self.lastTime = Date.now(); self.frameCount = 0; self.framerate = 0; self.display = new Text2('FPS: 0', { size: 150, fill: '#000000' }); self.display.anchor.set(1, 0); self.updateDisplay = function () { self.display.setText('FPS: ' + Math.round(self.framerate).toString()); }; self.update = function (timestamp) { if (!self.lastTime) { self.lastTime = timestamp; } var delta = timestamp - self.lastTime; self.frameCount++; if (delta >= 1000) { self.framerate = self.frameCount; self.updateDisplay(); self.frameCount = 0; self.lastTime = timestamp; } // LK engine's tick event replaces requestAnimationFrame LK.on('tick', self.update); }; }); var Plain = Container.expand(function () { var self = Container.call(this); var plainGraphics = self.createAsset('correct_plain_asset_id', 'Correct Plain Graphics Description', .5, .5); plainGraphics.scale.x = 2; plainGraphics.scale.y = 2; plainGraphics.alpha = 1; self.shoot = function (enemies, bulletsContainer) { if (self.cooldownTimer <= 0 && enemies.length > 0) { var bullet = new Bullet(self); bullet.x = self.x; bullet.y = self.y; bulletsContainer.addChild(bullet); self.cooldownTimer = self.cooldown; } self.cooldownTimer--; }; }); var Tower = Container.expand(function (gameInstance) { var self = Container.call(this); self.game = gameInstance; self.game = gameInstance; var towerGraphics = self.createAsset('tower', 'Tower Graphics', .5, .5); self.cooldown = 2.5; self.cooldownTimer = 0; self.shoot = function (enemies, bullets) { if (self.cooldownTimer <= 0 && enemies.length > 0) { self.fireBullet(bullets); } self.cooldownTimer--; }; self.fireBullet = function (bullets) { var bullet = new Bullet(self.game); bullet.x = self.x; bullet.y = self.y; gameInstance.bulletsContainer.addChild(bullet); gameInstance.bullets.push(bullet); self.cooldownTimer = self.cooldown; }; }); var Enemy = Container.expand(function (gameInstance) { var self = Container.call(this); self.game = gameInstance; var enemyGraphics = self.createAsset('enemy', 'Enemy Graphics', .5, .5); self.move = function () { self.y += 12.8; if (self.y > 2732) { self.destroy(); } }; }); var Bullet = Container.expand(function (gameInstance) { var self = Container.call(this); self.game = gameInstance; self.game = gameInstance; var bulletGraphics = self.createAsset('bullet', 'Bullet Graphics', .5, .5); self.move = function () { self.x += 120; if (self.x > 2048) { self.destroy(); } }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ game.spawnEnemies = function () { enemiesSpawnedLastRound += 6; for (var i = 0; i < enemiesSpawnedLastRound; i++) { var newEnemy = new Enemy(); newEnemy.x = Math.random() * 2048; newEnemy.y = -50 * (i + 1); game.enemies.push(newEnemy); game.addChild(newEnemy); } game.enemyCounterTxt.setText('Enemies: ' + game.enemies.length.toString()); }; game.updateEnemyCounter = function () {}; game.score = 0; game.gold = 100; game.incrementScore = function () { this.score++; }; game.frameRateCounter = new FrameRateCounter(); LK.gui.topRight.addChild(game.frameRateCounter.display); var enemiesSpawnedLastRound = 1; game.scoreTxt = new Text2(game.score.toString(), { size: 150, fill: "#ffffff" }); game.scoreTxt.anchor.set(0.5, 0); LK.gui.topCenter.addChild(game.scoreTxt); game.goldTxt = new Text2(game.gold.toString(), { size: 150, fill: "#ffff00" }); game.goldTxt.anchor.set(0, 0); LK.gui.topLeft.addChild(game.goldTxt); game.enemies = []; game.enemyCounterTxt = new Text2('Enemies: ' + game.enemies.length.toString(), { size: 150, fill: "#ff0000" }); game.enemyCounterTxt.anchor.set(0, 1); LK.gui.bottomLeft.addChild(game.enemyCounterTxt); game.setBackgroundColor(0xFFFFFF); var towers = []; game.bullets = []; game.bulletsContainer = game.addChild(new Container()); game.enemies = []; var initialTower = new Tower(game); initialTower.x = 0 + initialTower.width / 2 - 130; initialTower.y = 500 + initialTower.height / 2 + 300; towers.push(initialTower); game.addChild(initialTower); var plain = game.addChild(new Plain()); plain.x = 2048 / 2; plain.y = 2732 / 2; game.addChild(plain); var enemy = new Enemy(); enemy.x = 2048 / 2; enemy.y = -enemy.height / 2; game.enemies.push(enemy); game.addChild(enemy); game.on('down', function (obj) { var event = obj.event; var pos = event.getLocalPosition(game); if (game.gold >= 50) { var newTower = new Tower(game); newTower.x = pos.x; newTower.y = pos.y; game.addChild(newTower); towers.push(newTower); game.gold -= 50; game.goldTxt.setText(game.gold.toString()); } }); LK.on('tick', function () { game.frameRateCounter.update(); if (game.enemies.length === 0) { game.spawnEnemies(); } else { towers.forEach(function (tower) { tower.shoot(game.enemies, game.bullets); }); } game.enemies.forEach(function (enemy) { enemy.move(); }); game.bullets.forEach(function (bullet, index) { bullet.move(); for (var j = game.enemies.length - 1; j >= 0; j--) { if (bullet.intersects(game.enemies[j])) { game.enemies[j].destroy(); game.enemies.splice(j, 1); game.incrementScore(); game.scoreTxt.setText(game.score.toString()); game.gold += 50; bullet.destroy(); game.enemyCounterTxt.setText('Enemies: ' + game.enemies.length.toString()); break; } } if (bullet.x > 2048) { bullet.destroy(); game.bullets.splice(index, 1); } }); });
===================================================================
--- original.js
+++ change.js
@@ -25,9 +25,10 @@
self.updateDisplay();
self.frameCount = 0;
self.lastTime = timestamp;
}
- requestAnimationFrame(self.update);
+ // LK engine's tick event replaces requestAnimationFrame
+ LK.on('tick', self.update);
};
});
var Plain = Container.expand(function () {
var self = Container.call(this);
A plain in a comic style with a dirt road with 4 turn staring to top to the botom see from a top and 50 meter high view Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
A tower shooting at enemy in a modern style Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
A single soldat walking downard in a 16 bit style Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.