栄養を食べるゲームプレイヤーは『細胞』を操作します。画面上には、細胞の他に『栄養』と『細菌』が存在しています。細胞は、栄養に触れる事でサイズが大きくなり、スコアが得られます。また、細胞は『細菌』に触れてしまうと、スコアは減りませんが、サイズが一気に小さくなってしまいます。サイズが小さくなり、消滅してしまうとゲームオーバーとなり、集めたスコアが表示されます。's game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
栄養を食べるゲームプレイヤーは『細胞』を操作します。画面上には、細胞の他に『栄養』と『細菌』が存在しています。細胞は、栄養に触れる事でサイズが大きくなり、スコアが得られます。また、細胞は『細菌』に触れてしまうと、スコアは減りませんが、サイズが一気に小さくなってしまいます。サイズが小さくなり、消滅してしまうとゲームオーバーとなり、集めたスコアが表示されます。's game | AI game creator

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

No:5179

2086

←

Prev Next

→

栄養を食べるゲームプレイヤーは『細胞』を操作します。画面上には、細胞の他に『栄養』と『細菌』..ALL
Developer もちきなこ｜Date and time 23/6/29 20:05:05
Build time 41.463 sec｜Game capacity 4.397KB｜

Script

以下は、栄養を食べるゲームの実装例です。プレイヤーはスマホのタッチ操作で細胞を動かし、栄養を集め、細菌に触れないようにします。

このゲームでは、黄色い丸がプレイヤーの細胞を表しています。タッチでプレイヤーを動かし、緑の丸の栄養を集めます（絵文字のハンバーガー）。赤い丸の細菌に触れるとゲームオーバーとなり、集めたスコアがアラートで表示されます（絵文字のスカル）。栄養と細菌の出現は、一定の間隔で発生します。栄養は3つ同時に出現し、細菌は1つずつ出現します。スコアは画面のタイトルにも表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

以下は、栄養を食べるゲームの実装例です。プレイヤーはスマホのタッチ操作で細胞を動かし、栄養を集め、細菌に触れないようにします。

```html
<!DOCTYPE html>
<html>
<head>
    <title>栄養を食べるゲーム</title>
    <style>
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 50px;
            height: 50px;
            background: yellow;
            border-radius: 50%;
            transform: translate(-50%, -50%);
        }
        .food {
            position: absolute;
            width: 20px;
            height: 20px;
            background: green;
            border-radius: 50%;
            font-size: 20px;
            text-align: center;
            line-height: 20px;
        }
        .virus {
            position: absolute;
            width: 30px;
            height: 30px;
            background: red;
            border-radius: 50%;
            font-size: 30px;
            text-align: center;
            line-height: 30px;
        }
    </style>
</head>
<body>

function getRandomPosition() {
        var x = Math.random() * (window.innerWidth - 50);
        var y = Math.random() * (window.innerHeight - 50);
        return [x, y];
    }

function createFood() {
        var food = document.createElement("div");
        food.className = "food";
        var position = getRandomPosition();
        food.style.left = position[0] + "px";
        food.style.top = position[1] + "px";
        food.innerHTML = "🍔";
        document.body.appendChild(food);
    }

function createVirus() {
        var virus = document.createElement("div");
        virus.className = "virus";
        var position = getRandomPosition();
        virus.style.left = position[0] + "px";
        virus.style.top = position[1] + "px";
        virus.innerHTML = "💀";
        document.body.appendChild(virus);
    }

function movePlayer(event) {
        var x = event.touches[0].clientX;
        var y = event.touches[0].clientY;
        player.style.left = x - player.offsetWidth / 2 + "px";
        player.style.top = y - player.offsetHeight / 2 + "px";
        checkCollision();
    }

function checkCollision() {
        var foods = document.getElementsByClassName("food");
        for (var i = 0; i < foods.length; i++) {
            if (isColliding(player, foods[i])) {
                foods[i].parentNode.removeChild(foods[i]);
                score++;
                createFood();
                updateScore();
            }
        }

var viruses = document.getElementsByClassName("virus");
        for (var j = 0; j < viruses.length; j++) {
            if (isColliding(player, viruses[j])) {
                gameover = true;
                clearInterval(gameInterval);
                alert("ゲームオーバー！ スコア：" + score);
                break;
            }
        }
    }

function isColliding(element1, element2) {
        var rect1 = element1.getBoundingClientRect();
        var rect2 = element2.getBoundingClientRect();
        return !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
    }

function updateScore() {
        document.title = "栄養を食べるゲーム - スコア：" + score;
    }

createFood();
    createVirus();
    updateScore();

document.addEventListener("touchmove", movePlayer);

var gameInterval = setInterval(function () {
        if (!gameover) {
            createFood();
            createFood();
            createFood();
            createVirus();
        }
    }, 3000);
</script>

</body>
</html>
```

このゲームでは、黄色い丸がプレイヤーの細胞を表しています。タッチでプレイヤーを動かし、緑の丸の栄養を集めます（絵文字のハンバーガー）。赤い丸の細菌に触れるとゲームオーバーとなり、集めたスコアがアラートで表示されます（絵文字のスカル）。

栄養と細菌の出現は、一定の間隔で発生します。栄養は3つ同時に出現し、細菌は1つずつ出現します。スコアは画面のタイトルにも表示されます。