User prompt
Make arrows twice as tall
User prompt
Make block_obstacle move faster and faster as it falls
User prompt
Extend arrows to be as tall as the screen
User prompt
Extend arrow size higher
User prompt
Make arrows complete cover the screen
User prompt
Make arrows take up half of the screen each against the sides
User prompt
Delete right_arrow and left_arrow assets
User prompt
Undo arrow movement
User prompt
Fix Bug: 'TypeError: LK.requestAnimationFrame is not a function. (In 'LK.requestAnimationFrame(movePlayerRight)', 'LK.requestAnimationFrame' is undefined)' in this line: 'LK.requestAnimationFrame(movePlayerRight);' Line Number: 98
User prompt
Make arrows control player movement by tap and hold
User prompt
Make arrows transparent
User prompt
Make arrow display against the sides of the screen
User prompt
Make arrows take of half of the screen each
User prompt
Hold arrows instead of tap
User prompt
Add arrows on either side to control movement
User prompt
Delete joystick
User prompt
Add joysticks to control player movement
User prompt
If either side of the screen is tapped or held on, move the player left or right
User prompt
Make player move when holding
User prompt
Make player move when either side of the screen is held
User prompt
Change Tap control to Hold
/**** * Classes ****/ // Player class var Player = Container.expand(function () { var self = Container.call(this); var playerGraphics = self.createAsset('player', 'Player character', 0.5, 0.5); self.speed = 5; self.moveLeft = function () { self.x = Math.max(self.width / 2, self.x - self.speed); }; self.moveRight = function () { self.x = Math.min(2048 - self.width / 2, self.x + self.speed); }; self.update = function () { // Player update logic }; }); // Arrow class var Arrow = Container.expand(function (direction) { var self = Container.call(this); var arrowGraphics = self.createAsset('arrow_' + direction, 'Arrow for ' + direction + ' movement', 0.5, 0); arrowGraphics.height = 2732 * 2; self.direction = direction; self.on('down', function () { self.isHeld = true; }); self.on('up', function () { self.isHeld = false; }); self.on('out', function () { self.isHeld = false; }); self.update = function (player) { if (self.isHeld) { if (self.direction === 'left') { player.moveLeft(); } else if (self.direction === 'right') { player.moveRight(); } } // Check if player's y position is less than arrow's y position self.alpha = 0; // Make arrow completely see-through }; }); // Stopwatch class var Stopwatch = Container.expand(function () { var self = Container.call(this); var timeText = new Text2('00:00', { size: 100, fill: '#ffffff' }); timeText.anchor.set(0.5, 0); LK.gui.top.addChild(timeText); var startTime = Date.now(); self.updateTime = function () { var elapsed = Date.now() - startTime; var minutes = Math.floor(elapsed / 60000).toString().padStart(2, '0'); var seconds = (Math.floor(elapsed / 1000) % 60).toString().padStart(2, '0'); timeText.setText(minutes + ':' + seconds); }; }); // BlockObstacle class var BlockObstacle = Container.expand(function () { var self = Container.call(this); var obstacleGraphics = self.createAsset('block_obstacle', 'Block obstacle', 0.5, 1); self.speed = Math.random() * 3 + 2; // Random speed between 2 and 5 self.speedMultiplier = 1; self.increaseSpeed = function () { self.speedMultiplier += 0.001; }; self.move = function () { self.speedMultiplier += 0.001; self.y += self.speed * self.speedMultiplier; }; }); // GameStats class to keep track of game statistics var GameStats = Container.expand(function () { var self = Container.call(this); self.gamesPlayed = 0; self.incrementGamesPlayed = function () { self.gamesPlayed++; }; self.getGamesPlayed = function () { return self.gamesPlayed; }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 // Init game with black background }); /**** * Game Code ****/ // Game variables var player = game.addChild(new Player()); player.x = 1024; // Center of the screen player.y = 2732 - 100; // Near the bottom of the screen var obstacles = []; var isGameOver = false; var gameStats = game.addChild(new GameStats()); var stopwatch = game.addChild(new Stopwatch()); // Create left and right arrow objects var leftArrow = game.addChild(new Arrow('left')); leftArrow.width = 1024; // Half of the screen width leftArrow.x = leftArrow.width / 2; leftArrow.y = player.y - player.height * 3 - leftArrow.height / 2; var rightArrow = game.addChild(new Arrow('right')); rightArrow.width = 1024; // Half of the screen width rightArrow.x = 2048 - rightArrow.width / 2; rightArrow.y = player.y - player.height * 3 - rightArrow.height / 2; // Touch event handlers // Add touch event listener to the game // Game tick event LK.on('tick', function () { if (isGameOver) { LK.effects.flashScreen(0x00ff00, 1000); LK.showGameOver(); return; } // Update player and arrows player.update(); leftArrow.update(player); rightArrow.update(player); stopwatch.updateTime(); // Generate obstacles if (LK.ticks % 60 == 0) { // Every 1 second var newObstacle = new BlockObstacle(); newObstacle.x = Math.random() * (2048 - newObstacle.width) + newObstacle.width / 2; newObstacle.y = -newObstacle.height; obstacles.push(newObstacle); game.addChild(newObstacle); } // Move obstacles and check for collisions for (var i = obstacles.length - 1; i >= 0; i--) { obstacles[i].move(); obstacles[i].increaseSpeed(); if (obstacles[i].y > 2732) { obstacles[i].destroy(); obstacles.splice(i, 1); } else if (player.intersects(obstacles[i])) { isGameOver = true; gameStats.incrementGamesPlayed(); } } });
===================================================================
--- original.js
+++ change.js
@@ -19,9 +19,9 @@
// Arrow class
var Arrow = Container.expand(function (direction) {
var self = Container.call(this);
var arrowGraphics = self.createAsset('arrow_' + direction, 'Arrow for ' + direction + ' movement', 0.5, 0);
- arrowGraphics.height = 2732;
+ arrowGraphics.height = 2732 * 2;
self.direction = direction;
self.on('down', function () {
self.isHeld = true;
});