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

No:9327

302

←

Prev Next

→

Sega-like game
Developer User4246｜Date and time 23/7/23 17:07:24
Build time 18.499 sec｜Game capacity 2.629KB｜

Script

では、以下に示すのはシンプルなセガライクなゲームです。

セガらしいゲーム

Score: 0

😀

👽

このゲームでは、スマートフォン上で遊ぶことを前提としています。プレイヤーアイコンはタップすることでスコアが増え、敵アイコンはランダムな位置に移動します。スコアは画面上部に表示されます。以上が完成したセガライクなゲームの実装例です。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

では、以下に示すのはシンプルなセガライクなゲームです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>セガらしいゲーム</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
            background-color: #333;
            color: white;
        }
        
        #score {
            font-size: 24px;
            margin-bottom: 10px;
        }
        
        #game-board {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 500px;
        }
        
        #player {
            position: relative;
            font-size: 48px;
        }
        
        #enemy {
            position: absolute;
            font-size: 32px;
        }
    </style>
</head>
<body>
    <h1>セガらしいゲーム</h1>
    <div id="score">Score: 0</div>
    <div id="game-board">
        <div id="player" onclick="movePlayer(event)">😀</div>
        <div id="enemy">👽</div>
    </div>
    <script>
        var score = 0;
        
        function movePlayer(event) {
            var x = event.clientX;
            var y = event.clientY;
            
            var player = document.getElementById("player");
            player.style.left = x + "px";
            player.style.top = y + "px";
        }
        
        function moveEnemy() {
            var gameBoard = document.getElementById("game-board");
            var enemy = document.getElementById("enemy");
            
            var x = Math.random() * (gameBoard.offsetWidth - enemy.offsetWidth);
            var y = Math.random() * (gameBoard.offsetHeight - enemy.offsetHeight);
            
            enemy.style.left = x + "px";
            enemy.style.top = y + "px";
        }
        
        function increaseScore() {
            score++;
            document.getElementById("score").textContent = "Score: " + score;
            
            moveEnemy();
        }
        
        document.addEventListener("DOMContentLoaded", function() {
            moveEnemy();
            
            var player = document.getElementById("player");
            player.addEventListener("click", increaseScore);
        });
    </script>
</body>
</html>
```

このゲームでは、スマートフォン上で遊ぶことを前提としています。プレイヤーアイコンはタップすることでスコアが増え、敵アイコンはランダムな位置に移動します。スコアは画面上部に表示されます。

以上が完成したセガライクなゲームの実装例です。