AI game creator

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

No:16579

110

←

Prev Next

→

Sans fight
Developer User7380｜Date and time 23/9/19 16:17:01
Build time 30.13 sec｜Game capacity 2.761KB｜

Script

Sure! Here's a simple implementation of the Sans fight game using JavaScript and HTML in a single HTML file. In this game, you can control a character and try to avoid Sans' attacks.

Save the above code in a file with the extension ".html" and open it in a web browser. You will see a rectangular game area with a white player block at the bottom and a red enemy block at the top. Use the left and right arrow keys to move the player and avoid the enemy. If the player collides with the enemy, a game over alert will be shown, and the game will reset.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a simple implementation of the Sans fight game using JavaScript and HTML in a single HTML file. In this game, you can control a character and try to avoid Sans' attacks.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sans Fight</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #000;
    }

#game {
      width: 400px;
      height: 400px;
      position: relative;
      border: 1px solid #fff;
    }

#player {
      position: absolute;
      bottom: 0;
      left: 180px;
      width: 40px;
      height: 40px;
      background-color: #fff;
    }

#enemy {
      position: absolute;
      top: 0;
      left: 180px;
      width: 40px;
      height: 40px;
      background-color: #ff0000;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
    <div id="enemy"></div>
  </div>

// Event listeners
    document.addEventListener("keydown", movePlayer);

// Game loop
    setInterval(updateGame, 100);

// Move player function
    function movePlayer(event) {
      if (event.key === "ArrowLeft" && positionX > 0) {
        positionX -= 20;
      } else if (event.key === "ArrowRight" && positionX < 360) {
        positionX += 20;
      }
    }

// Update game function
    function updateGame() {
      player.style.left = positionX + "px";
      enemy.style.top = score + "px";
      
      if (score > 360) {
        score = 0;
      } else {
        score += 20;
      }

if (checkCollision()) {
        alert("Game Over!");
        resetGame();
      }
    }

// Check collision between player and enemy
    function checkCollision() {
      var playerRect = player.getBoundingClientRect();
      var enemyRect = enemy.getBoundingClientRect();

return (
        playerRect.left < enemyRect.right &&
        playerRect.right > enemyRect.left &&
        playerRect.top < enemyRect.bottom &&
        playerRect.bottom > enemyRect.top
      );
    }

// Reset game function
    function resetGame() {
      positionX = 180;
      score = 0;
    }
  </script>
</body>
</html>
```