Global warming explodes into an ice age.'s game | AI game creator

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

No:7469

764

Global warming explodes into an ice age.
Developer User3840｜Date and time 23/7/7 23:54:38
Build time 25.175 sec｜Game capacity 4.398KB｜

以下は、JavaScriptを使用したシンプルなゲームの例です。このゲームは、スマートフォンで操作することを前提としています。ゲームのターゲットは、画面内を移動する絵文字のキャラクターを操作し、可能な限り氷山を避けながら氷河期を生き延びることです。

🚀

Score: 0

↑のコードを1枚のHTMLファイルとして保存し、ウェブブラウザで開くとゲームがプレイできます。ゲームエリア（青色の背景）内を指で動かすことで、絵文字のキャラクター（🚀）を操作します。氷山（絵文字の障害物）に触れるとゲームオーバーとなり、スコアがリセットされます。このゲームは、プレイヤーができるだけ長く生き残ることを目指すシンプルなゲームです。ご要望にできるだけ適合するように作成しましたが、もしご自身で初めてのプログラミングの場合は、コードの一部を適宜調整する必要があるかもしれません。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

以下は、JavaScriptを使用したシンプルなゲームの例です。このゲームは、スマートフォンで操作することを前提としています。ゲームのターゲットは、画面内を移動する絵文字のキャラクターを操作し、可能な限り氷山を避けながら氷河期を生き延びることです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>氷河期ゲーム</title>
    <meta charset="UTF-8">
    <style>
        #gameContainer {
            width: 100%;
            height: 100vh;
            background-color: #89cff0;
            position: relative;
            overflow: hidden;
            user-select: none;
        }

#player {
            position: absolute;
            font-size: 24px;
        }

.obstacle {
            position: absolute;
            font-size: 50px;
        }

.score {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
        <div id="player">🚀</div>
        <div class="score">Score: <span id="scoreValue">0</span></div>
    </div>

<script>
        document.addEventListener("DOMContentLoaded", function(event) {
            var player = document.getElementById("player");
            var scoreValue = document.getElementById("scoreValue");
            var score = 0;

function getRandomInterval(min, max) {
                return Math.floor(Math.random() * (max - min + 1) + min);
            }

function createObstacle() {
                var obstacle = document.createElement("div");
                obstacle.classList.add("obstacle");
                obstacle.style.left = "100%";

var obstaclesContainer = document.getElementById("gameContainer");
                obstaclesContainer.appendChild(obstacle);

var obstacleInterval = setInterval(function() {
                    var gameContainerRect = document.getElementById("gameContainer").getBoundingClientRect();
                    var obstacleRect = obstacle.getBoundingClientRect();

if (obstacleRect.left + obstacleRect.width < 0) {
                        clearInterval(obstacleInterval);
                        obstaclesContainer.removeChild(obstacle);
                    }

if (obstacleRect.left < player.getBoundingClientRect().right && obstacleRect.right > player.getBoundingClientRect().left && obstacleRect.top < player.getBoundingClientRect().bottom && obstacleRect.bottom > player.getBoundingClientRect().top) {
                        gameOver();
                    }

obstacle.style.left = obstacleRect.left - 5 + "px";
                }, 10);
            }

function gameOver() {
                alert("ゲームオーバー！スコア: " + score);
                clearInterval(gameInterval);
                score = 0;
                scoreValue.innerText = score;
            }

var gameInterval = setInterval(function() {
                score++;
                scoreValue.innerText = score;

if (score % 50 === 0) {
                    createObstacle();
                }
            }, 1000);

document.addEventListener("touchmove", function(event) {
                event.preventDefault();
                var touchX = event.touches[0].clientX;
                var touchY = event.touches[0].clientY;

player.style.left = touchX + "px";
                player.style.top = touchY + "px";
            });
        });
    </script>
</body>
</html>
```

↑のコードを1枚のHTMLファイルとして保存し、ウェブブラウザで開くとゲームがプレイできます。ゲームエリア（青色の背景）内を指で動かすことで、絵文字のキャラクター（🚀）を操作します。氷山（絵文字の障害物）に触れるとゲームオーバーとなり、スコアがリセットされます。

このゲームは、プレイヤーができるだけ長く生き残ることを目指すシンプルなゲームです。ご要望にできるだけ適合するように作成しましたが、もしご自身で初めてのプログラミングの場合は、コードの一部を適宜調整する必要があるかもしれません。