What a great 3D graphics!'s game

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

No:11406

171

←

Prev Next

→

What a great 3D graphics!
Developer もちきなこ｜Date and time 23/8/9 17:24:14
Build time 22.542 sec｜Game capacity 2.441KB｜

Script

こちらがお応えするプログラムの例です：

このプログラムは、簡単なスマホ向け3Dゲームを実装したものです。プレイヤーの円形のオブジェクトが表示され、スマホの傾きに合わせてプレイヤーの向きが変わりながら移動します。キャンバスを使用して描画し、`mousemove`イベントを使用してスマホの傾きを取得します。もちろん、より高度な3Dグラフィックを実装することも可能ですが、このプログラムは基本的な例としてご参考ください。

←

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>3Dゲーム</title>
</head>
<body>
    <canvas id="gameCanvas" width="600" height="400"></canvas>

let x = 300;
        let y = 200;
        let angle = 0;

function drawPlayer() {
            // プレイヤーを描画する
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.fillStyle = 'yellow';
            context.beginPath();
            context.arc(x, y, 20, 0, Math.PI * 2);
            context.closePath();
            context.fill();

// プレイヤーの向きを表示する
            context.strokeStyle = 'black';
            context.beginPath();
            context.moveTo(x, y);
            context.lineTo(x + Math.cos(angle) * 20, y + Math.sin(angle) * 20);
            context.closePath();
            context.stroke();
        }

function update() {
            // ゲームの状態を更新する処理
            x += Math.cos(angle) * 2;
            y += Math.sin(angle) * 2;
        }

function handleInput(event) {
            // スマホの傾きを取得してプレイヤーの向きを変える処理
            angle = event.gamma * Math.PI / 180;
        }

function gameLoop() {
            // ゲームループ
            update();
            drawPlayer();
            requestAnimationFrame(gameLoop);
        }

// 初期化
        function init() {
            gameLoop();

// スマホの傾きを取得するイベントリスナーを登録
            window.addEventListener('deviceorientation', handleInput, false);
        }

init();
    </script>
</body>
</html>
```

このプログラムは、簡単なスマホ向け3Dゲームを実装したものです。プレイヤーの円形のオブジェクトが表示され、スマホの傾きに合わせてプレイヤーの向きが変わりながら移動します。キャンバスを使用して描画し、`deviceorientation`イベントを使用してスマホの傾きを取得します。

もちろん、より高度な3Dグラフィックを実装することも可能ですが、このプログラムは基本的な例としてご参考ください。