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

No:6877

←

Prev Next

→

comiket
Developer User3932｜Date and time 23/7/4 1:44:11
Build time 19.596 sec｜Game capacity 1.645KB｜

Script

了解です。ゲームとしてプログラムを作成して、それを1枚のHTMLファイルに含めます。また、必ずJavaScriptを使い、処理を実行開始するようにします。スマートフォンの操作を前提とし、可能な限り絵文字を使用します。それではゲームを作成しましょう。以下は、シンプルなフルーツタッチゲームの例です。

Fruit Touch Game

Score: 0

🍎 🍌 🍇 🍊 🍓

このプログラムは、5つのフルーツ(絵文字)が表示されます。プレイヤーはそのフルーツをタップすることでスコアを増やすことができます。スコアは画面上部に表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解です。ゲームとしてプログラムを作成して、それを1枚のHTMLファイルに含めます。また、必ずJavaScriptを使い、処理を実行開始するようにします。スマートフォンの操作を前提とし、可能な限り絵文字を使用します。それではゲームを作成しましょう。

以下は、シンプルなフルーツタッチゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Fruit Touch Game</title>
  <style>
    body {
      text-align: center;
    }
    
    #score {
      font-size: 24px;
      margin-bottom: 20px;
    }
    
    .fruit {
      font-size: 48px;
      cursor: pointer;
      user-select: none;
    }
  </style>
</head>
<body>
  <h1>Fruit Touch Game</h1>
  
  <div id="score">Score: 0</div>
  
  <div id="fruits">
    <span class="fruit">🍎</span>
    <span class="fruit">🍌</span>
    <span class="fruit">🍇</span>
    <span class="fruit">🍊</span>
    <span class="fruit">🍓</span>
  </div>
  
  <script>
    var fruits = document.getElementsByClassName("fruit");
    var score = 0;
    
    function increaseScore() {
      score++;
      document.getElementById("score").textContent = "Score: " + score;
    }
    
    for (var i = 0; i < fruits.length; i++) {
      fruits[i].addEventListener("click", increaseScore);
    }
  </script>
</body>
</html>
```