reflectorbit-lp

REFLECTORBIT の紹介用ランディングページです。
ゲーム本体は Zig + sokol-zig 製のベクター調・軌道反射アクションゲームで、このサイトはその世界観・遊び方・導線を 1 ページで伝えるために作られています。

• Live: https://reflectorbit-lp.pages.dev
• Play in browser: https://reflectorbit.pages.dev
• Author: https://github.com/keroway

[!NOTE] ゲーム本体 keroway/reflectorbit は非公開リポジトリのため、直接リンクは公開ゲート （src/consts.ts の SOURCE_AVAILABLE）が true になるまでここには載せない。 SOURCE_AVAILABLE = true に切り替えるタイミングで、上記リンクも https://github.com/keroway/reflectorbit に戻す。

このサイトについて

この LP の役割はシンプルです。

• ゲームの第一印象を伝える
• 「反射して攻撃する」コアフックを短く説明する
• ブラウザ版プレイとネイティブ版ダウンロードへつなぐ

ページ構成

• Hero — タイトル、キャッチ、メイン CTA
• Concept — ゲームのコアアイデア
• Trailer — トレーラー動画。現状はスクリーンショット3枚のスライドショーによるプレースホルダで、実プレイ映像への差し替えは #85 待ち（詳細は docs/video.md Track A）
• Screenshots — タイトル / プレイ中 / GAME OVER
• How to Play — 操作方法とルールの要点
• Playable Demo — ブラウザ版への試遊導線
• Download — GitHub Releases への導線
• Footer — リポジトリ / クレジット

技術スタック

• Astro 7 — 静的サイト生成
• Tailwind CSS 4 — @theme ベースのデザイントークン運用
• Biome — lint / format
• Playwright — smoke / a11y チェック
• Cloudflare Pages — ホスティング

技術的な工夫

• 1 ページ完結の静的構成で、LP として軽く配信
• ゲーム本体由来のカラートークンを流用し、サイトとゲームの見た目を同期
• Playable Demo は遅延起動寄りの導線にして、初期表示の負荷を抑制
• OGP 画像を SVG ソースから生成し、共有用ビジュアルを管理
• Playwright で最低限の表示・アクセシビリティ確認を自動化

ローカル開発

pnpm install
pnpm run dev

主なコマンドや運用メモは docs/development.md にまとめています。

ドキュメント

• docs/copy.md — 掲載文言の正典
• docs/design.md — 配色・トーン・デザイントークン
• docs/assets.md — アセット管理メモ
• docs/video.md — 動画演出（Trailer / How to Play 動画化）の設計メモ
• docs/development.md — 開発・ビルド・デプロイ情報

License

MIT