A game where you have to get to the top to win's game

Click here for free DL of the app version that can save data.

No:50049

←

Prev Next

→

A game where you have to get to the top to win
Developer User21218｜Date and time 24/3/7 14:35:50
Build time 7.386 sec｜Game capacity 1.755KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
  <head>
    <title>Top Climber Game</title>
    <style>
      #player {
        position: relative;
        left: 50px;
        top: 450px;
      }
      #platform {
        position: relative;
        left: 20px;
        top: 500px;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
      const canvas = document.getElementById('gameCanvas');
      const context = canvas.getContext('2d');

let playerX = 50;
      let playerY = 450;
      let platformX = 20;
      let platformY = 500;

function drawPlayer() {
        context.fillStyle = 'blue';
        context.fillRect(playerX, playerY, 30, 30);
      }

function drawPlatform() {
        context.fillStyle = 'green';
        context.fillRect(platformX, platformY, 200, 20);
      }

function clearCanvas() {
        context.clearRect(0, 0, canvas.width, canvas.height);
      }

function draw() {
        clearCanvas();
        drawPlayer();
        drawPlatform();
      }

function movePlayer(direction) {
        if (direction === 'left' && playerX > 0) {
          playerX -= 10;
        } else if (direction === 'right' && playerX < canvas.width - 30) {
          playerX += 10;
        }

if (playerX > platformX && playerX < platformX + 200 && playerY === 450) {
          playerY = 480;
        } else if (playerY > 450) {
          playerY -= 10;
        }

draw();
      }

draw();
    </script>
  </body>
</html>