Karate to throw boomerangs to defeat the enemy's game

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

No:5325

941

←

Prev Next

→

Karate to throw boomerangs to defeat the enemy
Developer User3812｜Date and time 23/6/29 23:25:48
Build time 19.535 sec｜Game capacity 1.95KB｜

Script

了解です。以下にスマホで遊べるブーメランゲームを実装します。

🧑

👹

このプログラムでは、ブーメランを投げて敵を倒すゲームを実装しました。プレーヤーは下部に表示され、敵は上部に表示されます。タッチイベントを検知することで、ブーメランを投げるアクションを実行できます。ブーメランが敵に当たると敵が倒れるようになっています。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解です。以下にスマホで遊べるブーメランゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ブーメランゲーム</title>
    <meta charset="UTF-8">
    <style>
        #player {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            font-size: 40px;
        }
        #enemy {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            font-size: 40px;
        }
    </style>
</head>
<body>
    <div id="player">🧑</div>
    <div id="enemy">👹</div>
    <script>
        const player = document.getElementById('player');
        const enemy = document.getElementById('enemy');
        let isThrowing = false;

// プレーヤーの初期位置
        let playerX = window.innerWidth / 2;
        player.style.left = playerX + 'px';

// タッチイベントを検知してブーメランを投げる
        document.addEventListener('touchstart', () => {
            if (!isThrowing) {
                isThrowing = true;

const throwAnimation = setInterval(() => {
                    playerX += 10;
                    player.style.left = playerX + 'px';

if (playerX >= enemy.offsetLeft - player.offsetWidth) {
                        clearInterval(throwAnimation);
                        isThrowing = false;
                    }
                }, 10);
            }
        });
    </script>
</body>
</html>
```