solarsystem

概要

「solarsystem」は、太陽系の惑星運動を物理シミュレーションし、Canvas上に可視化するReact + TypeScript製のWebアプリです。
惑星や太陽の画像を用いて、重力計算・軌道予測・衝突判定などをリアルタイムで体験できます。

主な機能

• 太陽系の惑星運動シミュレーション（重力・軌道・衝突）
• 惑星や太陽の画像表示
• 惑星の追加・編集・削除（UIパネルから操作可能）
• 惑星の軌道予測・軌跡表示
• シミュレーションの一時停止・再開・リセット
• 背景に星空を描画
• スコア・ミッション・イベントログを備えた軽いゲームモード

技術スタック

• React 19 + TypeScript
• Canvas APIによる描画
• 独自の物理エンジン（重力・衝突・軌道計算）
• カスタムフックによる状態管理
• 画像アセットによる惑星表示

ディレクトリ構成

src/
  App.tsx                ... メインコンポーネント
  components/            ... UIコンポーネント（コントロールパネル等）
  hooks/                 ... シミュレーション・軌道予測等のカスタムフック
  canvas/                ... 描画・画像ローダー
  simulationEngine.ts    ... 物理計算ロジック
  simulationUtils.ts     ... 太陽・惑星生成ユーティリティ
public/planets/          ... 惑星・太陽の画像アセット
public/                  ... HTMLテンプレート等

セットアップ・起動方法

# 依存パッケージのインストール
npm install

# 開発サーバー起動
npm start
# ブラウザで http://localhost:3000 を開く

# 本番ビルド
npm run build

# テスト実行
npm test

自動検証

• TODO 達成状況の静的検査: npm run verify:todo
• チェック内容は automation/todo-checks.json を参照してください

ライセンス

• （必要に応じて記載してください）

その他

• 本アプリは教育・デモ用途を想定しています。
• コードや機能の詳細は各ソースファイルを参照してください。