AI game creator

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

No:5611

2397

←

Prev Next

→

3D-ready PC-FX
Developer User3832｜Date and time 23/6/30 14:03:47
Build time 23.701 sec｜Game capacity 2.595KB｜

Script

了解です。以下に、簡単なゲームとして遊べるHTMLファイルを実装してみます。

Score: 0

⭐️

このHTMLファイルは、画面上に表示される星の絵文字をクリックしてスコアを増やすというゲームです。星の位置はランダムに変化します。上記のHTMLファイルをダウンロードしてブラウザで開くと、ゲームがプレイできます。旧ゲーム機である「PC-FX」は3D対応ですが、今回のゲームは2Dのため、3D対応PC-FXには対応していません。申し訳ありませんが、ご了承ください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。以下に、簡単なゲームとして遊べるHTMLファイルを実装してみます。

```html
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>簡単なゲーム</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background-color: #f1f1f1;
            font-family: Arial, sans-serif;
        }

#game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

#score {
            font-size: 24px;
            margin-bottom: 16px;
        }

#target {
            font-size: 48px;
            cursor: pointer;
        }
    </style>
</head>

<body>
    <div id="game-container">
        <div id="score">Score: 0</div>
        <div id="target">⭐️</div>
    </div>

function getRandomPosition() {
            var screenWidth = window.innerWidth;
            var screenHeight = window.innerHeight;
            var targetWidth = document.getElementById('target').offsetWidth;
            var targetHeight = document.getElementById('target').offsetHeight;

var xPos = Math.floor(Math.random() * (screenWidth - targetWidth));
            var yPos = Math.floor(Math.random() * (screenHeight - targetHeight));

return [xPos, yPos];
        }

function updateScore() {
            score++;
            document.getElementById('score').textContent = 'Score: ' + score;
        }

function handleClick() {
            var position = getRandomPosition();
            document.getElementById('target').style.left = position[0] + 'px';
            document.getElementById('target').style.top = position[1] + 'px';

updateScore();
        }

document.getElementById('target').addEventListener('click', handleClick);
    </script>
</body>

</html>
```

このHTMLファイルは、画面上に表示される星の絵文字をクリックしてスコアを増やすというゲームです。星の位置はランダムに変化します。上記のHTMLファイルをダウンロードしてブラウザで開くと、ゲームがプレイできます。

旧ゲーム機である「PC-FX」は3D対応ですが、今回のゲームは2Dのため、3D対応PC-FXには対応していません。申し訳ありませんが、ご了承ください。