Screenshots
Overview
概要
異星に降りた人類の入植コロニーを指揮する、王道のローポリ3Dブラウザストラテジーです。Three.jsによるスタイライズドな立体表現と、異星のトワイライトを核にしたHUDデザインが特徴。資源採取から建設・生産・研究・防衛までの古典的なRTSループを一画面で完結させます。
How to use
遊び方・使い方
起動画面で難易度（偵察／標準／過酷）を選んで開始します。左ドラッグで範囲選択、右クリックで移動・採取・攻撃を指令し、Q/W/E/Rキーで精錬所・兵装炉・居住モジュール・防衛タレットを建設します。採掘ドローンで鉱脈から資源を集め、司令ハブや兵装炉でユニットを生産、研究で採掘効率や武装を強化。一定間隔で原生勢力が襲撃してくるので、降下兵や防衛タレットで迎撃します。司令ハブを失うと陥落、6波を凌ぐと夜明け（勝利）です。Ctrl+数字でコントロールグループ編成、ミニマップやタッチ操作にも対応します。
Tech stack
技術スタック
TypeScriptViteThree.jsWebAudio自前A*経路探索
外部ゲームエンジンを使わず、ゲームループ・グリッドA*経路探索・WebAudioによる効果音合成をすべて自前実装。ローポリ3Dモデルもコードで生成し、進行状況はlocalStorageに永続化しています。
Highlights
工夫した点
- 手続き的なローポリモデル生成で、外部3Dアセットに依存せずユニット・建物を表現
- 建物を障害物としたグリッドA*経路探索で地上ユニットは回り込み移動、ドローンは飛行で直進と挙動を作り分け
- WebAudioによる効果音・環境音の合成、起動シーケンスや四隅のホログラムHUD演出、フルセーブ／ロードと難易度別戦績の永続化まで作り込み
To improve
改善したい点
- 敵勢力のAIが波襲撃中心で固定的。戦略的な判断や拡張要素に乏しい
- 大量ユニット時のA*経路探索・Three.js描画のパフォーマンス検証と最適化余地
- ユニット／建物の種類やテックツリーが限定的で、リプレイ性を高める余地がある
What's next
今後の展望
- マルチマップ・新ユニット／建物・拡張テックツリーによるコンテンツ追加
- 敵AIの強化や複数勢力・対戦要素の検討
- パフォーマンス最適化とモバイル操作性のさらなる改善