Batman in city platformer game batman joker fighting games's game | AI game creator

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

No:49933

63

Batman in city platformer game batman joker fighti..ALL
Developer User21169｜Date and time 24/3/6 21:33:20
Build time 10.976 sec｜Game capacity 1.736KB｜

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<script>
  const canvas = document.createElement("canvas");
  const ctx = canvas.getContext("2d");
  
  canvas.width = 800;
  canvas.height = 600;
  
  document.body.appendChild(canvas);
  
  const batman = {
    x: 50,
    y: 500,
    width: 50,
    height: 50,
    speed: 5,
    isJumping: false,
    jumpHeight: 100,
    isFalling: false,
    fallSpeed: 1
  };
  
  const joker = {
    x: 700,
    y: 500,
    width: 50,
    height: 50,
    speed: 3,
    isMovingLeft: true
  };
  
  function drawBatman() {
    ctx.fillStyle = "black";
    ctx.fillRect(batman.x, batman.y, batman.width, batman.height);
  }
  
  function drawJoker() {
    ctx.fillStyle = "purple";
    ctx.fillRect(joker.x, joker.y, joker.width, joker.height);
  }
  
  function clear() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
  }
  
  function update() {
    if (batman.isJumping) {
      batman.y -= 5;
      if (batman.y <= canvas.height - batman.jumpHeight) {
        batman.isJumping = false;
        batman.isFalling = true;
      }
    } else if (batman.isFalling) {
      batman.y += batman.fallSpeed;
      if (batman.y >= canvas.height - batman.height) {
        batman.y = canvas.height - batman.height;
        batman.isFalling = false;
      }
    }
    
    if (joker.isMovingLeft) {
      joker.x -= joker.speed;
      if (joker.x <= 0) {
        joker.isMovingLeft = false;
      }
    } else {
      joker.x += joker.speed;
      if (joker.x >= canvas.width - joker.width) {
        joker.isMovingLeft = true;
      }
    }
  }
  
  function render() {
    clear();
    drawBatman();
    drawJoker();
  }
  
  function gameLoop() {
    update();
    render();
    
    requestAnimationFrame(gameLoop);
  }
  
  gameLoop();
</script>