const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let playerX = 50; let playerY = 50; let playerWidth = 20; let playerHeight = 20; let playerSpeed = 5; let playerJump = 15; let playerJumping = false; let playerJumpCount = 0; let playerAlive = true; let enemyX = 350; let enemyY = 350; let enemyWidth = 20; let enemyHeight = 20; let enemySpeed = 3; let goalX = 200; let goalY = 50; let goalWidth = 20; let goalHeight = 20; let platforms = [ {x: 0, y: 380, width: 400, height: 20}, {x: 100, y: 300, width: 100, height: 20}, {x: 200, y: 220, width: 100, height: 20}, {x: 100, y: 140, width: 100, height: 20}, {x: 0, y: 60, width: 100, height: 20}, {x: 300, y: 60, width: 100, height: 20}, ]; function drawPlayer() { ctx.fillStyle = 'blue'; ctx.fillRect(playerX, playerY, playerWidth, playerHeight); } function drawEnemy() { ctx.fillStyle = 'red'; ctx.fillRect(enemyX, enemyY, enemyWidth, enemyHeight); } function drawGoal() { ctx.fillStyle = 'green'; ctx.fillRect(goalX, goalY, goalWidth, goalHeight); } function drawPlatforms() { ctx.fillStyle = 'black'; for (let i = 0; i < platforms.length; i++) { ctx.fillRect(platforms[i].x, platforms[i].y, platforms[i].width, platforms[i].height); } } function movePlayer() { if (playerAlive) { if (keys[37]) { // left arrow playerX -= playerSpeed; } if (keys[39]) { // right arrow playerX += playerSpeed; } if (keys[38] && !playerJumping) { // up arrow playerJumping = true; playerJumpCount = playerJump; } if (playerJumping) { playerY -= playerJumpCount / 2; playerJumpCount--; if (playerJumpCount == 0) { playerJumping = false; } } if (playerY > canvas.height) { playerAlive = false; } } } function moveEnemy() { if (enemyX < playerX) { enemyX += enemySpeed; } if (enemyX > playerX) { enemyX -= enemySpeed; } if (enemyY < playerY) { enemyY += enemySpeed; } if (enemyY > playerY) { enemyY -= enemySpeed; } } function checkCollisions() { // player-enemy collision if (playerAlive && enemyX < playerX + playerWidth && enemyX + enemyWidth > playerX && enemyY < playerY + playerHeight && enemyY + enemyHeight > playerY) { playerAlive = false; } // player-goal collision if (playerAlive && goalX < playerX + playerWidth && goalX + goalWidth > playerX && goalY < playerY + playerHeight && goalY + goalHeight > playerY) { alert('You win!'); document.location.reload(); } // player-platform collision for (let i = 0; i < platforms.length; i++) { if (playerAlive && playerY + playerHeight > platforms[i].y && playerY < platforms[i].y + platforms[i].height && playerX + playerWidth > platforms[i].x && playerX < platforms[i].x + platforms[i].width) { playerY = platforms[i].y - playerHeight; playerJumping = false; } } } function gameLoop() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawPlatforms(); drawPlayer(); drawEnemy(); drawGoal(); movePlayer(); moveEnemy(); checkCollisions(); requestAnimationFrame(gameLoop); } let keys = {}; window.addEventListener('keydown', function(e) { keys[e.keyCode] = true; }); window.addEventListener('keyup', function(e) { delete keys[e.keyCode]; }); gameLoop();

GPTgame

Sign up for free tokens!

Make A Platformer with platforms, ai Enemys and a Goal

GPTgame