Evil spirits extinguished! Evil Spirits Dispel! When you are in trouble with ghosts, evil spirits, and monsters, DOMAN! Seman! Doman! Seman! Lets call it immediately, Yin-Yang Master! (Lets go!)'s game

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

No:10792

←

Prev Next

→

Evil spirits extinguished! Evil Spirits Dispel! Wh..ALL
Developer User4636｜Date and time 23/8/3 1:04:50
Build time 33.052 sec｜Game capacity 3.292KB｜

Script

了解です。以下に実際のプログラムを記述しました。このプログラムは、スマートフォンで遊べるゲームです。プレイヤーは悪霊を退治する陰陽師となり、スラッシュモーションで悪霊を倒すことが目的です。絵文字や効果音を使用しています。

👺

このゲームは、画面上に表示される悪霊をスラッシュモーションで倒していくゲームです。画面をタップすると、クリックした位置に存在する悪霊を倒すことができます。倒した悪霊の数が表示され、10体倒すとゲームが終了します。ご自身でウェブブラウザで上記のコードを実行していただくと、ゲームがプレイできます。スマホの場合、画面をタップすると悪霊を倒すことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>悪霊退散ゲーム</title>
  <style>
    #game-board {
      width: 100vw;
      height: 100vh;
      background-color: black;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 50px;
      color: white;
      overflow: hidden;
    }
  </style>
</head>
<body>
  <div id="game-board">👺</div>

function startGame() {
      score = 0;
      gameLoop();
    }

function gameLoop() {
      const gameBoard = document.getElementById("game-board");

gameBoard.addEventListener("animationend", handleAnimationEnd);
      gameBoard.addEventListener("click", handleSlash);

createEvilSpirit();

timeoutId = setTimeout(() => {
        gameLoop();
      }, 1000);
    }

function createEvilSpirit() {
      const gameBoard = document.getElementById("game-board");

const evilSpirit = document.createElement("div");
      evilSpirit.innerHTML = "👹";
      evilSpirit.style.position = "absolute";
      evilSpirit.style.left = `${getRandomPosition()}%`;
      evilSpirit.style.top = `${getRandomPosition()}%`;

gameBoard.appendChild(evilSpirit);
    }

function getRandomPosition() {
      return Math.floor(Math.random() * 90);
    }

function handleSlash(event) {
      const x = event.clientX;
      const y = event.clientY;

const elements = document.elementsFromPoint(x, y);
      elements.forEach(element => {
        if (element.innerHTML === "👹") {
          element.style.animationPlayState = "paused";
          element.style.visibility = "hidden";
          incrementScore();
        }
      });
    }

function incrementScore() {
      const gameBoard = document.getElementById("game-board");
      score++;
      gameBoard.innerHTML = `悪霊退散！ ${score}体退治`;

if (score >= 10) {
        endGame();
      }
    }

function handleAnimationEnd(event) {
      event.target.remove();
    }

function endGame() {
      clearTimeout(timeoutId);
      const gameBoard = document.getElementById("game-board");

gameBoard.removeEventListener("animationend", handleAnimationEnd);
      gameBoard.removeEventListener("click", handleSlash);

gameBoard.innerHTML = "ゲーム終了！お疲れさまでした！";
    }

startGame();
  </script>
</body>
</html>
```

このゲームは、画面上に表示される悪霊をスラッシュモーションで倒していくゲームです。画面をタップすると、クリックした位置に存在する悪霊を倒すことができます。倒した悪霊の数が表示され、10体倒すとゲームが終了します。

ご自身でウェブブラウザで上記のコードを実行していただくと、ゲームがプレイできます。スマホの場合、画面をタップすると悪霊を倒すことができます。