敵を倒すゲーム's game

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

No:16075

←

Prev Next

→

敵を倒すゲーム
Developer User7116｜Date and time 23/9/15 23:29:07
Build time 21.611 sec｜Game capacity 1.992KB｜

Script

了解です。以下に個人的なプログラム例を示します。

👊

👾

このプログラムは敵要素（👾）とプレイヤー要素（👊）が表示され、プレイヤー要素をクリックすると敵要素がランダムな位置に移動します。敵要素をクリックすると再度別の位置に移動します。これにより、プレイヤーが敵を倒すゲームの機能が実装されています。スマートフォンでもプレイ可能であり、JavaScriptは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>
    <style>
        #player {
            font-size: 5rem;
            cursor: pointer;
        }
        #enemy {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 3rem;
        }
    </style>
</head>
<body>
    <div id="player">👊</div>
    <div id="enemy">👾</div>
    
    <script>
        // 画面サイズを取得
        const screenWidth = window.innerWidth;
        const screenHeight = window.innerHeight;
        
        // プレイヤーと敵の要素を取得
        const player = document.getElementById('player');
        const enemy = document.getElementById('enemy');
        
        // 敵をクリックしたときの処理
        enemy.addEventListener('click', () => {
            // 敵の位置をランダムに変更
            const randomX = Math.floor(Math.random() * screenWidth);
            const randomY = Math.floor(Math.random() * screenHeight);
            enemy.style.transform = `translate(${randomX}px, ${randomY}px)`;
        });
        
        // プレイヤーをクリックしたときの処理
        player.addEventListener('click', () => {
            // クリックしたら敵要素のclickイベントを発火
            enemy.click();
        });
    </script>
</body>
</html>
```