User prompt
Ability to hold arrow
User prompt
Flip the Player asset image sideward
User prompt
Flip the CPU asset image sideward
User prompt
Increase size of CPU, player and finish line
User prompt
Increase player movement
User prompt
Increase left and right arrows size
User prompt
Press the left and right asset to make player car move
User prompt
Add asset for left and right arrow keyboard
User prompt
Fix Bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'addEventListener')' in this line: 'window.addEventListener('keydown', function (event) {' Line Number: 38
User prompt
Left and right arrow movements for Player
User prompt
Extend the length of finish line
User prompt
CPU can move by itself
Initial prompt
Car Racing
var Player = Container.expand(function () { var self = Container.call(this); var playerGraphics = self.createAsset('player', 'Player Graphics', .5, .5); playerGraphics.scale.set(2); playerGraphics.scale.x *= -1; self.speed = 10; self.move = function (direction) { if (direction === 'left') { self.x -= self.speed; } else if (direction === 'right') { self.x += self.speed; } }; }); var CPU = Container.expand(function () { var self = Container.call(this); var cpuGraphics = self.createAsset('cpu', 'CPU Graphics', .5, .5); cpuGraphics.scale.set(2); cpuGraphics.scale.x *= -1; self.speed = 4; self.move = function () { self.x += self.speed; }; }); var FinishLine = Container.expand(function () { var self = Container.call(this); var finishLineGraphics = self.createAsset('finishLine', 'Finish Line Graphics', .5, 1); finishLineGraphics.scale.set(2); }); var Game = Container.expand(function () { var self = Container.call(this); LK.stageContainer.setBackgroundColor(0x000000); var player = self.addChild(new Player()); player.x = 200; player.y = 2732 / 2; var cpu = self.addChild(new CPU()); cpu.x = 200; cpu.y = 2732 / 2 - 100; var finishLine = self.addChild(new FinishLine()); finishLine.x = 2048 - 200; finishLine.y = 2732 / 2; var leftArrow = self.createAsset('leftArrow', 'Left Arrow', .5, .5); leftArrow.scale.set(2); leftArrow.x = 100; leftArrow.y = 2732 - 100; leftArrow.on('move', function () { player.move('left'); }); var rightArrow = self.createAsset('rightArrow', 'Right Arrow', .5, .5); rightArrow.scale.set(2); rightArrow.x = 2048 - 100; rightArrow.y = 2732 - 100; rightArrow.on('move', function () { player.move('right'); }); var isGameOver = false; LK.on('tick', function () { cpu.move(); if (player.intersects(finishLine)) { isGameOver = true; console.log("Player Wins!"); } if (cpu.intersects(finishLine)) { isGameOver = true; console.log("CPU Wins!"); } if (isGameOver) { LK.effects.flashScreen(0xff0000, 1000); LK.showGameOver(); } }); });
===================================================================
--- original.js
+++ change.js
@@ -42,16 +42,16 @@
var leftArrow = self.createAsset('leftArrow', 'Left Arrow', .5, .5);
leftArrow.scale.set(2);
leftArrow.x = 100;
leftArrow.y = 2732 - 100;
- leftArrow.on('down', function () {
+ leftArrow.on('move', function () {
player.move('left');
});
var rightArrow = self.createAsset('rightArrow', 'Right Arrow', .5, .5);
rightArrow.scale.set(2);
rightArrow.x = 2048 - 100;
rightArrow.y = 2732 - 100;
- rightArrow.on('down', function () {
+ rightArrow.on('move', function () {
player.move('right');
});
var isGameOver = false;
LK.on('tick', function () {