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

No:4646

376

←

Prev Next

→

Dancing and eating of kokinchan
Developer AI絵師｜Date and time 23/6/28 14:04:23
Build time 19.655 sec｜Game capacity 1.716KB｜

Script

了解です。コキンちゃんの踊り食いというゲームを作ってみます。以下が実装例です。

コキンちゃんの踊り食い

スコア: 0

このゲームでは、クッキーがランダムな位置に表示されます。クッキーをクリックするとスコアが増え、クッキーの位置が再設定されます。スコアは画面上部に表示されます。スマホでもプレイ可能で、絵文字としてはクッキーの画像を使用しています。注意：この実装例ではクッキーの画像（cookie.png）が必要です。また、画面上にクッキーが正しく表示されない場合は、適切なパスを指定しているか確認してください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解です。コキンちゃんの踊り食いというゲームを作ってみます。
以下が実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>コキンちゃんの踊り食い</title>
</head>
<body>
  <h1>コキンちゃんの踊り食い</h1>
  <p id="score">スコア: 0</p>
  <div id="game-area">
    <img src="image/cookie.png" alt="クッキー" id="cookie" style="position: absolute; left: 0; top: 0;">
  </div>
  
  <script>
    // クッキーの初期位置とスコアを設定
    let cookieLeft = 0;
    let cookieTop = 0;
    let score = 0;
    
    // クッキーをクリックしたときの処理
    document.getElementById("cookie").addEventListener("click", function(){
      score++;
      document.getElementById("score").textContent = "スコア: " + score;
      
      // クッキーの位置を乱数で更新
      cookieLeft = Math.floor(Math.random() * 80);
      cookieTop = Math.floor(Math.random() * 80);
      document.getElementById("cookie").style.left = cookieLeft + "%";
      document.getElementById("cookie").style.top = cookieTop + "%";
    });
  </script>
</body>
</html>
```

このゲームでは、クッキーがランダムな位置に表示されます。クッキーをクリックするとスコアが増え、クッキーの位置が再設定されます。スコアは画面上部に表示されます。
スマホでもプレイ可能で、絵文字としてはクッキーの画像を使用しています。

注意：この実装例ではクッキーの画像（cookie.png）が必要です。また、画面上にクッキーが正しく表示されない場合は、適切なパスを指定しているか確認してください。