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

No:14618

←

Prev Next

→

スイカ割り
Developer User6248｜Date and time 23/9/3 14:27:13
Build time 28.888 sec｜Game capacity 3.403KB｜

Script

了解しました。以下にスイカ割りのゲームを実装したHTMLファイルを提供します。

スイカ割り

Score: 0

このHTMLファイルをブラウザで開くと、スイカ割りのゲームが遊べるようになります。スマホでも操作可能です。クリックすると刀がスイカに刺さり、新しいスイカが表示されます。スコアが表示され、刀が元の位置に戻ります。

←

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>
        body {
            text-align: center;
            font-size: 40px;
        }

#game {
            width: 300px;
            height: 500px;
            border: 1px solid black;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
        }

#watermelon {
            position: absolute;
            top: 400px;
            left: 120px;
            width: 60px;
            height: 60px;
            background-image: url('🍉');
            background-size: contain;
        }

#knife {
            position: absolute;
            top: 500px;
            left: 135px;
            width: 30px;
            height: 100px;
            background-color: silver;
        }

#score {
            font-size: 20px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>スイカ割り</h1>

<div id="score">Score: 0</div>

var scoreValue = 0;
        var gameWidth = game.offsetWidth;
        var gameHeight = game.offsetHeight;
        var watermelonSize = watermelon.offsetWidth;

var knifeHeight = knife.offsetHeight;
        var knifeWidth = knife.offsetWidth;

var watermelonTop = gameHeight - watermelonSize;
        var watermelonLeft = Math.random() * (gameWidth - watermelonSize);

var knifeRotation = 0;
        var isMoving = false;

watermelon.style.top = watermelonTop + "px";
        watermelon.style.left = watermelonLeft + "px";

game.addEventListener("click", function () {
            if (!isMoving) {
                isMoving = true;
                knife.style.transition = "top 0.5s, transform 0.5s";

knife.style.top = (gameHeight - watermelonSize) + "px";
                knife.style.transform = "rotate(45deg)";
            }
        });

knife.addEventListener("transitionend", function () {
            if (isMoving) {
                isMoving = false;
                watermelonTop = gameHeight - watermelonSize;
                watermelonLeft = Math.random() * (gameWidth - watermelonSize);

watermelon.style.top = watermelonTop + "px";
                watermelon.style.left = watermelonLeft + "px";
                watermelon.style.transition = "";

knife.style.top = gameHeight - knifeHeight + "px";
                knife.style.transform = "rotate(0deg)";

scoreValue++;
                score.innerHTML = "Score: " + scoreValue;
            }
        });
    </script>
</body>
</html>
```