どうぶつスクールシミュレーターアップデートの復讐

開発者ひさしがアップデートを放置したので、彼を地獄に落とそう！

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>どうぶつスクールシミュレーターアップデートの復讐</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
        background-color: #F5DEB3;
      }
      h1 {
        font-size: 3rem;
        margin-top: 2rem;
      }
      p {
        font-size: 1.5rem;
      }
      button {
        margin: 1rem 0;
        padding: 1rem 2rem;
        font-size: 1.5rem;
        border: none;
        border-radius: 2rem;
        background-color: #87CEFA;
        color: #FFFFFF;
        cursor: pointer;
      }
      img {
        width: 80%;
        max-width: 400px;
        margin-top: 2rem;
      }
    </style>
  </head>
  <body>
    <h1>どうぶつスクールシミュレーターアップデートの復讐</h1>
    <p>開発者ひさしがアップデートを放置したので、彼を地獄に落とそう！</p>
    <button id="start-button">スタート</button>
    <div id="game"></div>
    <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/fire_1f525.png" alt="火">
    <script>
      const canvasWidth = 300;
      const canvasHeight = 300;
      const speed = 5;
      const fontStyle = 'bold 16px Arial';
      let canvas;
      let ctx;
      let playerX;
      let playerY;
      let enemyX;
      let enemyY;
      let isPlaying = false;
      
      function init() {
        canvas = document.createElement('canvas');
        canvas.width = canvasWidth;
        canvas.height = canvasHeight;
        ctx = canvas.getContext('2d');
        
        playerX = canvasWidth / 2;
        playerY = canvasHeight - 50;
        enemyX = Math.floor(Math.random() * (canvasWidth - 40));
        enemyY = 10;
        
        document.getElementById('game').appendChild(canvas);
        
        canvas.addEventListener('mousemove', movePlayer);
        
        requestAnimationFrame(mainLoop);
      }
      
      function movePlayer(e) {
        playerX = e.clientX - canvas.offsetLeft;
      }
      
      function mainLoop() {
        ctx.clearRect(0, 0, canvasWidth, canvasHeight);
        
        // enemy
        ctx.fillStyle = '#FFC0CB';
        ctx.fillRect(enemyX, enemyY, 40, 40);
        if (enemyY < canvasHeight - 40) {
          enemyY += speed;
        } else {
          enemyX = Math.floor(Math.random() * (canvasWidth - 40));
          enemyY = 10;
        }
        
        // player
        ctx.fillStyle = '#87CEFA';
        ctx.fillRect(playerX - 20, playerY - 20, 40, 40);
        
        // collision detection
        if (Math.abs(playerX - enemyX) < 20 && Math.abs(playerY - enemyY) < 20) {
          isPlaying = false;
          alert('地獄に堕ちた。再チャレンジ？');
        }
        
        // score
        ctx.fillStyle = '#000000';
        ctx.font = fontStyle;
        ctx.fillText('スコア: ' + Math.floor(enemyY / 10), 10, canvasHeight - 10);
        
        // game end
        if (isPlaying) {
          requestAnimationFrame(mainLoop);
        }
      }
      
      document.getElementById('start-button').addEventListener('click', () => {
        isPlaying = true;
        init();
      });
    </script>
  </body>
</html>