Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
A game in which a brave man buries a demon king's game | AI game creator

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

No:1106

257

←

Prev Next

→

A game in which a brave man buries a demon king
Developer User3248｜Date and time 23/6/18 3:27:11
Build time 47.543 sec｜Game capacity 4.189KB｜

Script

勇者が魔王を埋めるゲーム

勇者は魔王を倒した後、埋める場所を探すことになりました。しかし、魔王の強い魔力により墓を作ることはできません。勇者は魔法を使って埋めることにしました。

指定された場所に魔法を唱え、魔王を完全に埋めることが目標です。

操作方法: スマホを傾けて魔法の方向を決めてください。スマホをタップして魔法を発射してください。魔法に当たると魔王が埋まります。

←

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>
</head>

<body style="text-align: center;">
  <h1 style="font-size: 5rem;">勇者が魔王を埋めるゲーム</h1>
  <p style="font-size: 2rem;">勇者は魔王を倒した後、埋める場所を探すことになりました。しかし、魔王の強い魔力により墓を作ることはできません。勇者は魔法を使って埋めることにしました。</p>
  <p style="font-size: 2rem;">指定された場所に魔法を唱え、魔王を完全に埋めることが目標です。</p>
  <p style="font-size: 2rem;">操作方法: スマホを傾けて魔法の方向を決めてください。スマホをタップして魔法を発射してください。魔法に当たると魔王が埋まります。</p>

window.onload = function() {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');

let framePerSecond = 30;
      setInterval(function() {
        moveEverything();
        drawEverything();
      }, 1000 / framePerSecond);

canvas.addEventListener('click', function(event) {
        if (!isMagicFired) {
          magicX = wizardX + wizardWidth / 2;
          magicY = wizardY;
          isMagicFired = true;
        }
      });

window.addEventListener('deviceorientation', function(event) {
        wizardSpeedX = event.gamma / 45 * wizardMaxSpeed;
        wizardSpeedY = event.beta / 45 * wizardMaxSpeed;
      });
    };

function moveEverything() {
      if (monsterX == undefined || monsterY == undefined) {
        monsterX = Math.floor(Math.random() * (canvas.width - monsterWidth));
        monsterY = Math.floor(Math.random() * (canvas.height - monsterHeight));
      }

wizardX += wizardSpeedX;
      wizardY += wizardSpeedY;

if (wizardX < 0) {
        wizardX = 0;
      }
      if (wizardX > canvas.width - wizardWidth) {
        wizardX = canvas.width - wizardWidth;
      }
      if (wizardY < 0) {
        wizardY = 0;
      }
      if (wizardY > canvas.height - wizardHeight) {
        wizardY = canvas.height - wizardHeight;
      }

if (isMagicFired) {
        magicY += magicSpeedY;
        if (magicY < 0 || magicY > canvas.height) {
          isMagicFired = false;
        }
        if (collision(magicX, magicY, magicWidth, magicHeight, monsterX, monsterY, monsterWidth, monsterHeight)) {
          monsterX = undefined;
          monsterY = undefined;
          isMagicFired = false;
        }
      }
    }

function drawEverything() {
      // draw background
      colorRect(0, 0, canvas.width, canvas.height, 'lightblue');

// draw wizard
      colorRect(wizardX, wizardY, wizardWidth, wizardHeight, 'green');

// draw monster
      if (monsterX != undefined && monsterY != undefined) {
        colorRect(monsterX, monsterY, monsterWidth, monsterHeight, 'red');
      }

// draw magic
      if (isMagicFired) {
        colorRect(magicX, magicY, magicWidth, magicHeight, 'purple');
      }

// draw text
      canvasContext.font = '2rem Arial';
      canvasContext.fillStyle = 'black';
      canvasContext.fillText('勇者が魔法を発射して魔王を埋めよう！', canvas.width / 2, 50);
    }

function colorRect(x, y, width, height, color) {
      canvasContext.fillStyle = color;
      canvasContext.fillRect(x, y, width, height);
    }

function collision(x1, y1, w1, h1, x2, y2, w2, h2) {
      if (x1 + w1 < x2 || x1 > x2 + w2 || y1 + h1 < y2 || y1 > y2 + h2) {
        return false;
      }
      return true;
    }
  </script>
</body>

</html>