Developer Hisashi is pissed off that the Animal School Simulator update didnt come.'s game

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

No:2288

1394

←

Prev Next

→

Developer Hisashi is pissed off that the Animal Sc..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/20 20:58:40
Build time 31.852 sec｜Game capacity 2.131KB｜

Script

このプログラムは、1枚のHTMLファイルで実装されています。また、JavaScriptも含んでいます。このゲームは、ライオンを操作して、画面内を動き回ることが目的です。アップデートされない動物スクールシミュレーターに対する不満を解消するために作られました。スマホでも操作可能で、絵文字も多く使われています。プレイヤーは、矢印キーを使ってライオンを動かして、マップ上を進むことができます。ライオンはオレンジ色で表示され、画面外に出ないように気をつけてください。楽しんでプレイしてください！

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>ライオンゲーム</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      #canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas"></canvas>
    <script>
      const canvas = document.querySelector('#canvas');
      const ctx = canvas.getContext('2d');
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      let x = canvas.width/2;
      let y = canvas.height/2;
      let size = 50;
      let speed = 10;
      
      function drawLion() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.beginPath();
        ctx.arc(x, y, size, 0, Math.PI*2);
        ctx.fillStyle = 'orange';
        ctx.fill();
      }
      
      function moveLion(event) {
        if (event.key === 'ArrowLeft' && x > size) {
          x -= speed;
        } else if (event.key === 'ArrowRight' && x < canvas.width - size) {
          x += speed;
        } else if (event.key === 'ArrowUp' && y > size) {
          y -= speed;
        } else if (event.key === 'ArrowDown' && y < canvas.height - size) {
          y += speed;
        }
      }
      
      function playGame() {
        document.addEventListener('keydown', moveLion);
        setInterval(drawLion, 50);
      }
      
      playGame();
    </script>
  </body>
</html>