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

No:27161

←

Prev Next

→

怖すぎて失神するゲーム
Developer User13491｜Date and time 23/12/4 18:50:50
Build time 63.873 sec｜Game capacity 3.151KB｜

Script

了解しました。以下に「怖すぎて失神するゲーム」というテーマのサンプルプログラムを示します。

怖すぎて失神するゲーム

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に「怖すぎて失神するゲーム」というテーマのサンプルプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>怖すぎて失神するゲーム</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding-top: 200px;
        }

h1 {
            font-size: 30px;
        }

.game-over {
            font-size: 50px;
            color: red;
        }

.start-button {
            font-size: 20px;
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>怖すぎて失神するゲーム</h1>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <div id="gameOverText" class="game-over" style="display: none;">GAME OVER</div>
    <button id="startButton" class="start-button">スタート</button>

var playerSize = 40;
            var playerX = canvas.width / 2 - playerSize / 2;
            var playerY = canvas.height - playerSize;

var enemySize = 30;
            var enemyX = Math.random() * (canvas.width - enemySize);
            var enemyY = 0;
            var enemySpeed = 2;

var gameOver = false;

function drawPlayer() {
                context.fillStyle = "#3366ff";
                context.fillRect(playerX, playerY, playerSize, playerSize);
            }

function drawEnemy() {
                context.fillStyle = "#ff3300";
                context.fillRect(enemyX, enemyY, enemySize, enemySize);
            }

function moveEnemy() {
                enemyY += enemySpeed;

if (enemyY > canvas.height) {
                    enemyX = Math.random() * (canvas.width - enemySize);
                    enemyY = 0;
                }
            }

function checkCollision() {
                if (
                    playerX < enemyX + enemySize &&
                    playerX + playerSize > enemyX &&
                    playerY < enemyY + enemySize &&
                    playerY + playerSize > enemyY
                ) {
                    gameOver = true;
                }
            }

function drawGame() {
                context.clearRect(0, 0, canvas.width, canvas.height);

if (!gameOver) {
                    drawPlayer();
                    drawEnemy();
                    moveEnemy();
                    checkCollision();
                    requestAnimationFrame(drawGame);
                } else {
                    document.getElementById("gameOverText").style.display = "block";
                }
            }

this.style.display = "none";
            drawGame();
        });
    </script>
</body>
</html>
```