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

No:8902

102

←

Prev Next

→

work cat
Developer User3840｜Date and time 23/7/19 12:45:10
Build time 27.899 sec｜Game capacity 3.127KB｜

Script

了解しました。以下に、簡単なゲームをモチーフにしたプログラムを示します。このプログラムは、スマホで遊ぶことを前提としています。

仕事猫ゲーム

スコア: 0

このプログラムは、「仕事猫ゲーム」というタイトルのゲームを提供します。プレイヤーが猫のアイコンをスワイプして画面内を移動させ、画面の端に触れるとゲームオーバーになります。プレイヤーは画面内に表示される仕事にぶつかるとスコアが加算されます。プログラムはHTMLファイルの中に記述されており、JavaScriptは `
` タグで囲まれています。また、`startGame()` 関数を呼び出すことで処理が実行され、ゲームがスタートします。スマートフォンで実行する場合は、ブラウザでHTMLファイルを開いてゲームをお楽しみください。

←

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>
</head>

<body>
    <h1>仕事猫ゲーム</h1>
    <button onclick="startGame()">スタート</button>
    <p id="score">スコア: 0</p>
    <div id="gameArea"></div>

var score = 0;
            var scoreElement = document.getElementById("score");
            scoreElement.innerHTML = "スコア: " + score;

var cat = document.createElement("span");
            cat.innerHTML = "🐱";
            cat.style.fontSize = "40px";
            cat.style.position = "absolute";
            cat.style.top = "50%";
            cat.style.left = "50%";

gameArea.appendChild(cat);

function moveCat(event) {
                var x = event.touches[0].clientX;
                var y = event.touches[0].clientY;

cat.style.transform = "translate(" + (x - 20) + "px, " + (y - 20) + "px)";
                checkCollision();
            }

function checkCollision() {
                var catRect = cat.getBoundingClientRect();
                var gameAreaRect = gameArea.getBoundingClientRect();

if (catRect.top <= gameAreaRect.top || catRect.bottom >= gameAreaRect.bottom || catRect.left <= gameAreaRect.left || catRect.right >= gameAreaRect.right) {
                    gameOver();
                }
            }

function handleCollision(event) {
                event.stopPropagation();
                score++;
                scoreElement.innerHTML = "スコア: " + score;
            }

function gameOver() {
                gameArea.removeEventListener("touchmove", moveCat);
                gameArea.removeEventListener("touchstart", handleCollision);

alert("ゲームオーバー！スコア: " + score);

startGame();
            }

gameArea.addEventListener("touchmove", moveCat);
            gameArea.addEventListener("touchstart", handleCollision);
        }
    </script>
</body>

</html>
```

このプログラムは、「仕事猫ゲーム」というタイトルのゲームを提供します。プレイヤーが猫のアイコンをスワイプして画面内を移動させ、画面の端に触れるとゲームオーバーになります。プレイヤーは画面内に表示される仕事にぶつかるとスコアが加算されます。

プログラムはHTMLファイルの中に記述されており、JavaScriptは `<script>` タグで囲まれています。また、`startGame()` 関数を呼び出すことで処理が実行され、ゲームがスタートします。スマートフォンで実行する場合は、ブラウザでHTMLファイルを開いてゲームをお楽しみください。