AI game creator

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

No:15190

116

←

Prev Next

→

マリオカート
Developer User6485｜Date and time 23/9/7 7:47:20
Build time 30.962 sec｜Game capacity 4.076KB｜

Script

了解です。以下のプログラムは、簡単なマリオカート風のゲームを1枚のHTMLファイルに実装したものです。スマホ操作を前提とし、絵文字を使用しています。

🚗

Score: 0

このプログラムでは、上方向に移動する障害物を避けながら、できるだけ長くプレイするゲームです。プレイヤーキャラクターを操作して障害物に衝突しないように注意しながら、スコアを上げていきましょう。スマホの画面をタップすることでプレイヤーキャラクターを操作することができます。プログラムの実行を開始するには、上記のHTMLコードを1枚のHTMLファイルに保存し、ウェブブラウザで開いてください。すると、マリオカート風のゲームがプレイ可能になります。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解です。
以下のプログラムは、簡単なマリオカート風のゲームを1枚のHTMLファイルに実装したものです。スマホ操作を前提とし、絵文字を使用しています。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>マリオカート</title>
    <style>
        #game {
            position: relative;
            width: 300px;
            height: 400px;
            border: 1px solid black;
        }

#player {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            font-size: 48px;
        }

.obstacle {
            position: absolute;
            bottom: 100%;
            font-size: 24px;
        }

#score {
            font-size: 24px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player">🚗</div>
    </div>
    <div id="score">Score: 0</div>

function update() {
            score++;
            scoreLabel.textContent = 'Score: ' + score;

if (Math.random() < 0.05) {
                var obstacle = document.createElement('div');
                obstacle.classList.add('obstacle');
                obstacle.textContent = '🌴';
                obstacle.style.left = Math.random() * 250 + 'px';
                game.appendChild(obstacle);
                obstacles.push(obstacle);
            }

for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];
                var obstacleBottom = parseFloat(window.getComputedStyle(obstacle).getPropertyValue('bottom'));

if (obstacleBottom < 0) {
                    obstacle.remove();
                    obstacles.splice(i, 1);
                    continue;
                }

obstacle.style.bottom = (obstacleBottom - speed) + 'px';

var playerLeft = parseFloat(window.getComputedStyle(player).getPropertyValue('left'));
                var playerBottom = parseFloat(window.getComputedStyle(player).getPropertyValue('bottom'));

if (
                    playerLeft > parseFloat(window.getComputedStyle(obstacle).getPropertyValue('left')) - 50 &&
                    playerLeft < parseFloat(window.getComputedStyle(obstacle).getPropertyValue('left')) + 50 &&
                    playerBottom < obstacleBottom + 50
                ) {
                    alert('Game Over!\nScore: ' + score);
                    location.reload();
                    return;
                }
            }

requestAnimationFrame(update);
        }

update();

document.addEventListener('touchstart', function (event) {
            var touchX = event.touches[0].pageX;
            var playerLeft = parseFloat(window.getComputedStyle(player).getPropertyValue('left'));

if (touchX < playerLeft) {
                player.style.left = (playerLeft - 20) + 'px';
            } else if (touchX > playerLeft) {
                player.style.left = (playerLeft + 20) + 'px';
            }
        });
    </script>
</body>
</html>
```

このプログラムでは、上方向に移動する障害物を避けながら、できるだけ長くプレイするゲームです。プレイヤーキャラクターを操作して障害物に衝突しないように注意しながら、スコアを上げていきましょう。スマホの画面をタップすることでプレイヤーキャラクターを操作することができます。

プログラムの実行を開始するには、上記のHTMLコードを1枚のHTMLファイルに保存し、ウェブブラウザで開いてください。すると、マリオカート風のゲームがプレイ可能になります。