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

No:11138

148

←

Prev Next

→

Caramel is a silver tooth thief.
Developer User1006｜Date and time 23/8/8 2:18:33
Build time 26.933 sec｜Game capacity 2.264KB｜

Script

了解しました。では、スマートフォンで遊べる銀歯泥棒というゲームを作ってみましょう。

銀歯泥棒

タップして銀歯を集めよう！

スコア: 0

🍬

これは、スマートフォンで遊べる銀歯泥棒というゲームのプログラムです。キャンディのアイコンをタップすると、スコアが1加算されます。キャンディはランダムな位置に移動します。スコアの変化とキャンディの移動は画面上にも反映されます。なお、絵文字 (🍬) を使ってキャンディを表現し、スマートフォンの操作にも対応しています。

←

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>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #candy {
      font-size: 60px;
      cursor: pointer;
    }
    #score {
      font-size: 30px;
    }
  </style>
</head>
<body>
  <h1>銀歯泥棒</h1>
  <p>タップして銀歯を集めよう！</p>
  <p id="score">スコア: 0</p>
  <p id="candy">🍬</p>

// スコアを更新
    function updateScore() {
      const scoreElement = document.getElementById("score");
      scoreElement.textContent = "スコア: " + score;
    }

// キャンディをクリックした時の処理
    function collectCandy() {
      score += 1;
      updateScore();
      moveCandy();
    }

// キャンディを移動
    function moveCandy() {
      const candyElement = document.getElementById("candy");
      const maxWidth = window.innerWidth - 100;  // ウィンドウ横幅 - キャンディの横幅
      const maxHeight = window.innerHeight - 100;  // ウィンドウ縦幅 - キャンディの縦幅
      const newPositionX = Math.floor(Math.random() * maxWidth);
      const newPositionY = Math.floor(Math.random() * maxHeight);
      candyElement.style.left = newPositionX + "px";
      candyElement.style.top = newPositionY + "px";
    }

// 初期化処理
    function init() {
      const candyElement = document.getElementById("candy");
      candyElement.addEventListener("click", collectCandy);
      moveCandy();
    }

// 初期化処理を実行
    init();
  </script>
</body>
</html>
```

これは、スマートフォンで遊べる銀歯泥棒というゲームのプログラムです。キャンディのアイコンをタップすると、スコアが1加算されます。キャンディはランダムな位置に移動します。スコアの変化とキャンディの移動は画面上にも反映されます。

なお、絵文字 (🍬) を使ってキャンディを表現し、スマートフォンの操作にも対応しています。