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

No:842

174

This is a 2D game in which the player-controlled c..ALL
Developer User3154｜Date and time 23/6/17 20:13:53
Build time 24.361 sec｜Game capacity 2.672KB｜

ウルフラン

🐺

→ 　

0　

0　

　
　
　
　

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

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>ウルフラン</title>
  </head>
  <body>
    <style>
      #player {
        position: absolute;
        left: 50px;
        top: 50px;
        font-size: 40px;
      }
      .wolf {
        position: absolute;
        font-size: 40px;
      }
    </style>
    <h1>ウルフラン</h1>
    <div id="player">🐺</div>
    <script>
      const playerSpeed = 10;
      const wolfSpeed = 5;
      let score = 0;
      let gameover = false;
      const wolves = [];

document.addEventListener('keydown', function(event) {
        if(gameover) {
          return;
        }
        switch(event.key) {
          case 'ArrowLeft':
            player.style.left = parseInt(player.style.left) - playerSpeed + 'px';
            break;
          case 'ArrowUp':
            player.style.top = parseInt(player.style.top) - playerSpeed + 'px';
            break;
          case 'ArrowRight':
            player.style.left = parseInt(player.style.left) + playerSpeed + 'px';
            break;
          case 'ArrowDown':
            player.style.top = parseInt(player.style.top) + playerSpeed + 'px';
            break;
        }
      });

function addWolf() {
        const wolf = document.createElement('div');
        wolf.classList.add('wolf');
        wolf.innerHTML = '🐺';
        wolf.style.left = Math.round(Math.random() * (window.innerWidth - 80)) + 'px';
        wolf.style.top = Math.round(Math.random() * (window.innerHeight - 80)) + 'px';
        wolves.push(wolf);
        document.body.appendChild(wolf);
      }

function update() {
        if(gameover) {
          return;
        }
        score++;
        document.title = 'ウルフラン - ' + score;
        if(Math.random() < 0.1) {
          addWolf();
        }
        for(let i = 0; i < wolves.length; i++) {
          const wolf = wolves[i];
          const dx = parseInt(player.style.left) - parseInt(wolf.style.left);
          const dy = parseInt(player.style.top) - parseInt(wolf.style.top);
          const distance = Math.sqrt(dx * dx + dy * dy);
          if(distance < 80) {
            gameover = true;
            alert('ゲームオーバー\nあなたのスコアは' + score + 'です。');
            break;
          }
          const angle = Math.atan2(dy, dx);
          const vx = wolfSpeed * Math.cos(angle);
          const vy = wolfSpeed * Math.sin(angle);
          wolf.style.left = parseInt(wolf.style.left) + vx + 'px';
          wolf.style.top = parseInt(wolf.style.top) + vy + 'px';
        }
        setTimeout(update, 1000);
      }

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