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

No:7658

677

←

Prev Next

→

Adventures of a Robot Game Arm
Developer o2pi4｜Date and time 23/7/9 8:05:06
Build time 13.554 sec｜Game capacity 3.328KB｜

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>
    <meta charset="UTF-8">
    <title>ロボットゲームアームの冒険</title>
    <style>
        body {
            background-color: #000;
            text-align: center;
        }
        #game {
            margin-top: 100px;
            position: relative;
            width: 400px;
            height: 400px;
            background-color: #FFF;
            margin-left: auto;
            margin-right: auto;
        }
        #arm {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 200px;
            background-color: #FF0000;
        }
        #target {
            position: absolute;
            top: 100px;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            background-color: #00FF00;
        }
        #score {
            margin-top: 20px;
            color: #FFF;
            font-size: 24px;
        }
    </style>
    <script>
        // ロボットの初期位置
        let armPosition = 0;
        // 目標の初期位置
        let targetPosition = 0;
        // 得点
        let score = 0;
        
        // ロボットを動かす関数
        function moveArm(direction) {
            const step = 10;
            if (direction === 'left') {
                armPosition -= step;
                if (armPosition < -150) {
                    armPosition = -150;
                }
            } else if (direction === 'right') {
                armPosition += step;
                if (armPosition > 150) {
                    armPosition = 150;
                }
            }
            document.getElementById('arm').style.left = `${50 + armPosition}px`;
        }
        
        // 目標を移動させる関数
        function moveTarget() {
            targetPosition += 10;
            if (targetPosition > 350) {
                targetPosition = -50;
                score++;
            }
            document.getElementById('target').style.top = `${100 + targetPosition}px`;
            document.getElementById('score').textContent = `Score: ${score}`;
        }
        
        // キーボードの入力に対応する処理
        document.addEventListener('keydown', (event) => {
            if (event.key === 'ArrowLeft') {
                moveArm('left');
            } else if (event.key === 'ArrowRight') {
                moveArm('right');
            }
        });
        
        // ゲームのメインループ
        setInterval(moveTarget, 100);  
    </script>
</head>
<body>
    <h1>ロボットゲームアームの冒険</h1>
    <div id="game">
        <div id="arm"></div>
        <div id="target"></div>
    </div>
    <div id="score">Score: 0</div>
</body>
</html>
```