スーパーエレクトロニクスはフリーランス・グラフィックデザイン事務所兼クリエイティブスタジオ兼スケートボード管理室です。

Sakura Class OPVの３D簡易海戦ゲームを作りました。

​

1. ファイルを用意する

先ほどの ZIP をダウンロードして解凍します。

中身はこうなっていればOKです。

text

sakura-navy/ index.html play.sh README.md models/ sakura.glb

index.html をダブルクリックしただけでは、艦のモデルが読み込めません。必ず次のサーバ起動が必要です。

2. サーバを起動する

Windows

1. sakura-navy フォルダを開く

2. アドレスバーに cmd と打って Enter

3. 次を入力して Enter

bat

python -m http.server 8080

python が無い場合は py -m http.server 8080 を試してください。

Mac / Linux

ターミナルで：

Bash

cd sakura-navy python3 -m http.server 8080

同じフォルダの play.sh を実行しても同じです。

起動に成功すると、黒い画面に Serving HTTP on ... 8080 と出ます。この画面は閉じないでください。

3. ブラウザで開く

Chrome や Edge で次を開きます。

http://localhost:8080

「読み込み中…」のあと 出撃 ボタンが押せるようになります。押すと海戦が始まります。

操作

キー動作

W または ↑前進

S または ↓後退

A または ←左旋回

D または →右旋回

Space主砲発射

Cカメラ切替（追従 / 俯瞰）

敵艦3隻を撃沈すると勝利、自艦のHPが尽きると敗北です。終わったら同じ画面から再出撃できます。

うまくいかないとき

• 画面が白い／「モデルの読み込みに失敗」
  → http://localhost:8080 ではなく、index.html を直接開いています。サーバ経由で開いてください。

• python が無い
  → python.org から Python を入れ、インストール時に「Add Python to PATH」にチェックを入れてください。

• ポート 8080 が使われている
  → python3 -m http.server 5500 にして http://localhost:5500 を開いてください。

• 出撃ボタンがいつまでも押せない
  → models/sakura.glb が index.html と同じ階層の models フォルダに入っているか確認してください。