AI game creator

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

No:2390

1415

←

Prev Next

→

flanker task
Developer User3153｜Date and time 23/6/21 9:00:12
Build time 20.329 sec｜Game capacity 2.07KB｜

Script

この課題に取り組んでみました。 HTMLファイル内にJavaScriptを埋め込んで、シンプルなゲームを作りました。このゲームでは、スマホで操作することが前提となっています。以下が、実際のプログラムです。

Score: 0

このゲームでは、キャンバス上にランダムに絵文字が表示されます。プレイヤーは絵文字をクリックして、スコアを稼ぎます。スマホでも十分に遊べるよう、絵文字のサイズを大きめに設定しました。また、スコアは画面下部に表示されます。以上が、私が作成したゲームのプログラムです。

←

Prev　Next

→ 　

Back　

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

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

この課題に取り組んでみました。

HTMLファイル内にJavaScriptを埋め込んで、シンプルなゲームを作りました。このゲームでは、スマホで操作することが前提となっています。

以下が、実際のプログラムです。

```
<!DOCTYPE html>
<html>
  <head>
    <title>スマホゲーム</title>
  </head>
  <body>
    <canvas id="myCanvas"></canvas>
    <script>
      var canvas = document.getElementById("myCanvas");
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;

var ctx = canvas.getContext("2d");
      ctx.font = "30px Arial";

var score = 0;

var emojis = ["😀", "😂", "😍", "😎", "😜", "😘", "🤑"];
      var emojiSize = 60;

function spawnEmoji() {
        var x = Math.random() * canvas.width;
        var y = Math.random() * canvas.height;
        var emoji = emojis[Math.floor(Math.random() * emojis.length)];

ctx.fillStyle = "black";
        ctx.fillText(emoji, x, y);

setTimeout(function() {
          ctx.clearRect(x, y - emojiSize, emojiSize, emojiSize + ctx.lineWidth * 2);
          spawnEmoji();
        }, 2000);
      }

function handleClick(event) {
        var x = event.clientX;
        var y = event.clientY;

for (var i = 0; i < emojis.length; i++) {
          if (ctx.isPointInPath(x, y)) {
            score++;
            document.getElementById("score").innerHTML = "Score: " + score;
            break;
          }
        }
      }

spawnEmoji();
      canvas.addEventListener("click", handleClick);
    </script>
    <div id="score">Score: 0</div>
  </body>
</html>
```

このゲームでは、キャンバス上にランダムに絵文字が表示されます。プレイヤーは絵文字をクリックして、スコアを稼ぎます。スマホでも十分に遊べるよう、絵文字のサイズを大きめに設定しました。また、スコアは画面下部に表示されます。

以上が、私が作成したゲームのプログラムです。