どうぶつスクールシミュレーター - ライオンゲーム

このゲームでは、あなたはライオンとして動物園にいる観客を喜ばせるよ！

スマホを左右に傾けて、ライオンを動かそう！

制作：匿名の開発者 🐱‍💻

このゲームでは、スマホを左右に傾けてライオンを動かし、動物園の観客を喜ばせることが目的です。回りくどく言うと、スマホをシェイクするとライオンが動きます！ライオンの画像は、🦁絵文字を使って作成しました。制作者は匿名ですが、このゲームがどうぶつスクールシミュレーターのアップデートよりも楽しめますように！

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

をつくっちゃったよ！

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>どうぶつスクールシミュレーター - ライオンゲーム</title>
    <style>
      body {
        font-size: 1.2rem;
        text-align: center;
        background-color: #FFE5B4;
        overflow: hidden;
      }

#lion {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
    </style>
  </head>
  <body>
    <h1>どうぶつスクールシミュレーター - ライオンゲーム</h1>
    <p>このゲームでは、あなたはライオンとして動物園にいる観客を喜ばせるよ！</p>
    <p>スマホを左右に傾けて、ライオンを動かそう！</p>

<p>制作：匿名の開発者 🐱‍💻</p>

let lionX = gameCanvas.width / 2;
      let lionY = gameCanvas.height - 100;
      let lionSpeed = 10;

function drawLion() {
        const lion = document.getElementById('lion');
        ctx.drawImage(lion, lionX - (lion.width / 2), lionY);
      }

function clearCanvas() {
        ctx.clearRect(0, 0, gameCanvas.width, gameCanvas.height);
      }

function gameLoop() {
        clearCanvas();
        drawLion();
      }

window.addEventListener('devicemotion', moveLion);

const lion = document.createElement('img');
      lion.src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/lion-face_1f981.png';
      lion.id = 'lion';
      lion.onload = function() {
        setInterval(gameLoop, 30);
      };
    </script>
  </body>
</html>