Exponential function corpse RPG's game | AI game creator

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

No:3009

171

Exponential function corpse RPG
Developer User3649｜Date and time 23/6/23 11:44:02
Build time 32.024 sec｜Game capacity 3.892KB｜

→ 　

1　

0　

　
　
　
　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>指数関数 屍 RPG</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    
    canvas {
      display: block;
    }
  </style>
</head>

<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
    var playerCharacter = {
      x: 50,
      y: 50,
      size: 50,
      speed: 5,
      color: "😈"
    };
    var enemyCharacter = {
      x: 700,
      y: 500,
      size: 50,
      speed: 3,
      color: "💀"
    };
    var playerXP = 0;
    var playerLevel = 1;
    var enemyKilled = 0;

function drawCharacter(character) {
      ctx.fillStyle = character.color;
      ctx.fillText(character.color, character.x, character.y);
    }

function isColliding(character1, character2) {
      var distance = Math.sqrt((character1.x - character2.x) ** 2 + (character1.y - character2.y) ** 2);
      if (distance < (character1.size + character2.size) / 2) {
        return true;
      }
      return false;
    }

function enemyAI() {
      var randomMove = Math.floor(Math.random() * 4);
      if (randomMove == 0) {
        enemyCharacter.y -= enemyCharacter.speed;
      } else if (randomMove == 1) {
        enemyCharacter.x += enemyCharacter.speed;
      } else if (randomMove == 2) {
        enemyCharacter.y += enemyCharacter.speed;
      } else if (randomMove == 3) {
        enemyCharacter.x -= enemyCharacter.speed;
      }
      if (enemyCharacter.x > canvas.width - enemyCharacter.size) {
        enemyCharacter.x = canvas.width - enemyCharacter.size;
      } else if (enemyCharacter.x < 0) {
        enemyCharacter.x = 0;
      }
      if (enemyCharacter.y > canvas.height - enemyCharacter.size) {
        enemyCharacter.y = canvas.height - enemyCharacter.size;
      } else if (enemyCharacter.y < 0) {
        enemyCharacter.y = 0;
      }
    }

function update() {
      enemyAI();
      if (isColliding(playerCharacter, enemyCharacter)) {
        playerXP += 10;
        enemyKilled += 1;
        enemyCharacter.x = Math.floor(Math.random() * (canvas.width - enemyCharacter.size));
        enemyCharacter.y = Math.floor(Math.random() * (canvas.height - enemyCharacter.size));
      }
      if (playerXP >= 100 * playerLevel) {
        playerLevel += 1;
        playerXP = 0;
        playerCharacter.speed += 2;
      }
    }

function render() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawCharacter(playerCharacter);
      drawCharacter(enemyCharacter);
      ctx.font = "30px Arial";
      ctx.fillStyle = "white";
      ctx.fillText("Level: " + playerLevel, 25, 50);
      ctx.fillText("XP: " + playerXP, 25, 90);
      ctx.fillText("Enemies Killed: " + enemyKilled, 25, 130);
    }

document.addEventListener('keydown', (event) => {
      if (event.code === 'ArrowUp') {
        playerCharacter.y -= playerCharacter.speed;
      } else if (event.code === 'ArrowRight') {
        playerCharacter.x += playerCharacter.speed;
      } else if (event.code === 'ArrowDown') {
        playerCharacter.y += playerCharacter.speed;
      } else if (event.code === 'ArrowLeft') {
        playerCharacter.x -= playerCharacter.speed;
      }
      if (playerCharacter.x > canvas.width - playerCharacter.size) {
        playerCharacter.x = canvas.width - playerCharacter.size;
      } else if (playerCharacter.x < 0) {
        playerCharacter.x = 0;
      }
      if (playerCharacter.y > canvas.height - playerCharacter.size) {
        playerCharacter.y = canvas.height - playerCharacter.size;
      } else if (playerCharacter.y < 0) {
        playerCharacter.y = 0;
      }
    });

function gameLoop() {
      update();
      render();
      window.requestAnimationFrame(gameLoop);
    }

gameLoop();
  </script>
</body>

</html>