AI game creator

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

No:5918

2590

←

Prev Next

→

Onyanma vs. wasp
Developer User3840｜Date and time 23/7/1 2:02:06
Build time 44.354 sec｜Game capacity 4.799KB｜

Script

了解です。以下はオニヤンマvsスズメバチというゲームの例です。

🐉

🐝

このゲームでは、プレイヤー（オニヤンマ）を画面上で動かし、スマホのタッチ操作に対応しています。プレイヤーと敵（スズメバチ）が接触するとゲームオーバーです。テキストエディタで新しいファイルを作成し、上記のコードをコピーして保存してください。その後、ブラウザで保存したhtmlファイルを開くことで、実際にプレイすることができます。なお、プレーヤーや敵の表示には絵文字を使用していますが、絵文字が正しく表示されない場合は、他の絵文字に変更するか、テキストで代用してください。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解です。

以下はオニヤンマvsスズメバチというゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>オニヤンマvsスズメバチ</title>
    <style>
        #gameboard {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            position: relative;
        }

.player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            top: 0;
            left: 0;
        }

.enemy {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <div id="gameboard">
        <div id="player" class="player">🐉</div>
        <div id="enemy" class="enemy">🐝</div>
    </div>

var gameboardWidth = gameboard.clientWidth;
        var gameboardHeight = gameboard.clientHeight;
        var playerWidth = player.clientWidth;
        var playerHeight = player.clientHeight;

// プレイヤーの初期位置を画面中央に設定
        var playerPositionX = (gameboardWidth - playerWidth) / 2;
        var playerPositionY = (gameboardHeight - playerHeight) / 2;
        player.style.left = playerPositionX + "px";
        player.style.top = playerPositionY + "px";

// スマホのタッチ操作に対応
        gameboard.addEventListener("touchstart", handleTouchStart, false);
        gameboard.addEventListener("touchmove", handleTouchMove, false);
        gameboard.addEventListener("touchend", handleTouchEnd, false);

var touchStartX = 0;
        var touchStartY = 0;
        var touchEndX = 0;
        var touchEndY = 0;

function handleTouchStart(event) {
            touchStartX = event.touches[0].clientX;
            touchStartY = event.touches[0].clientY;
        }

function handleTouchMove(event) {
            event.preventDefault();
            touchEndX = event.touches[0].clientX;
            touchEndY = event.touches[0].clientY;
            movePlayer(touchEndX - touchStartX, touchEndY - touchStartY);
        }

function handleTouchEnd(event) {
            touchStartX = 0;
            touchStartY = 0;
            touchEndX = 0;
            touchEndY = 0;
            movePlayer(0, 0);
        }

function movePlayer(moveX, moveY) {
            var playerCurrentPositionX = parseInt(player.style.left);
            var playerCurrentPositionY = parseInt(player.style.top);

var playerNewPositionX = playerCurrentPositionX + moveX;
            var playerNewPositionY = playerCurrentPositionY + moveY;

// プレイヤーが画面外に出ないようにする
            if (playerNewPositionX >= 0 && playerNewPositionX + playerWidth <= gameboardWidth) {
                player.style.left = playerNewPositionX + "px";
            }

if (playerNewPositionY >= 0 && playerNewPositionY + playerHeight <= gameboardHeight) {
                player.style.top = playerNewPositionY + "px";
            }

// スズメバチがプレイヤーに接触したらゲームオーバー
            if (checkCollision(player, enemy)) {
                alert("ゲームオーバー");
            }
        }

// 二つの要素が接触しているかどうかを判定する関数
        function checkCollision(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();

return (
                rect1.x < (rect2.x + rect2.width) &&
                (rect1.x + rect1.width) > rect2.x &&
                rect1.y < (rect2.y + rect2.height) &&
                (rect1.y + rect1.height) > rect2.y
            );
        }
    </script>
</body>
</html>
```

このゲームでは、プレイヤー（オニヤンマ）を画面上で動かし、スマホのタッチ操作に対応しています。プレイヤーと敵（スズメバチ）が接触するとゲームオーバーです。

テキストエディタで新しいファイルを作成し、上記のコードをコピーして保存してください。その後、ブラウザで保存したhtmlファイルを開くことで、実際にプレイすることができます。

なお、プレーヤーや敵の表示には絵文字を使用していますが、絵文字が正しく表示されない場合は、他の絵文字に変更するか、テキストで代用してください。