場所と時刻を指定すると、ブラウザー上でその場所の夜空を再現するオフライン対応のインタラクティブなWebアプリ。
s010s/prehistoric-animal-museum
幼児と大人が陸・海・空の先史時代の動物を探検できる、無料のバイリンガル3Dブラウザ博物館。
- スター
- 1,146
- フォーク
- 138
- 未解決の Issue
- 3
- 最終コミット
- 一昨日
これは何?
Prehistoric Animal Museumは、恐竜や翼竜、海生爬虫類など、陸・海・空に生息していた先史時代の動物を展示する、ブラウザ上の3Dミュージアムです。来館者はモデルをドラッグして回転させたり、拡大したりでき、英語または中国語(標準語)の短い解説音声を選べます。音声が自動で再生されることはありません。保護者向けガイドでは、生息年代、化石の発見場所、大きさ、食性、分類などを解説しています。
主な対象は、近くに大人がいる2〜6歳の子どもです。アカウント、広告、解析用スクリプト、ペイウォールはなく、ミュージアムの利用中に外部のAI、広告、解析サービスへアクセスすることもありません。初回訪問時は端末の言語に合わせて表示され、英語と簡体字中国語を切り替えられます。それぞれの言語には共有可能なリンクがあります。
コードベースはTypeScript、React、WebGL上で動作するThree.jsで構成されています。ローカル開発にはNode.js 20.19以降が必要です。リポジトリにはlint、typecheck、unit、build、end-to-end test用のコマンドが用意されています。コードのライセンスはAGPL-3.0、オリジナルのミュージアムコンテンツのライセンスはCC BY-NC-SA 4.0です。
主な機能
- 01タッチ操作またはマウス操作で回転・拡大できるインタラクティブな3Dモデル。
- 02来館者が手動で再生する、英語と中国語(標準語)の短い解説音声。
- 03生息年代、化石の発見地域、大きさ、食性、分類を解説する保護者向けガイド。
- 04スマートフォン、タブレット、デスクトップに対応したレイアウト。キーボード操作と動きを抑える設定にも対応。
- 05サインインやトラッキングがなく、外部のAI、広告、解析サービスへの実行時アクセスもありません。
ユースケース
- 家庭で保護者と幼児が一緒に恐竜を見る。
- 落ち着いた雰囲気のバイリンガルな恐竜展示を画面で見せたい、幼稚園や幼児教育の現場。
- バイリンガルコンテンツと厳格なプライバシー方針を備えたThree.js・Reactプロジェクトを学びたい開発者。
クイックスタート
- 1
Node.js 20.19 以降をインストールする
- 2
依存関係をインストールする
npm ci - 3
ローカル開発サーバーを起動する
npm run dev
使う前に知っておきたいこと
- コードはAGPL-3.0でライセンスされています。これはコピーレフトライセンスであり、ネットワーク経由で提供する改変版も同じ条件で共有する必要があります。
- オリジナルの博物館向け文章、ナレーション、展示の背景素材はCC BY-NC-SA 4.0でライセンスされており、商用利用は禁止されています。
トピック
よくある質問
- prehistoric-animal-museum とは?
- 幼児と大人が陸・海・空の先史時代の動物を探検できる、無料のバイリンガル3Dブラウザ博物館。 Prehistoric Animal Museumは、恐竜や翼竜、海生爬虫類など、陸・海・空に生息していた先史時代の動物を展示する、ブラウザ上の3Dミュージアムです。来館者はモデルをドラッグして回転させたり、拡大したりでき、英語または中国語(標準語)の短い解説音声を選べます。音声が自動で再生されることはありません。保護者向けガイドでは、生息年代、化石の発見場所、大きさ、食性、分類などを解説しています。
- prehistoric-animal-museum は無料で使えますか?ライセンスは?
- prehistoric-animal-museum は AGPL-3.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- prehistoric-animal-museum は今もメンテナンスされていますか?
- 活発にメンテナンス中。prehistoric-animal-museum の最終コミットは 2026年10月18日 です。
- prehistoric-animal-museum は何に使えますか?
- 家庭で保護者と幼児が一緒に恐竜を見る。 落ち着いた雰囲気のバイリンガルな恐竜展示を画面で見せたい、幼稚園や幼児教育の現場。 バイリンガルコンテンツと厳格なプライバシー方針を備えたThree.js・Reactプロジェクトを学びたい開発者。
- prehistoric-animal-museum のインストール方法は?
- Node.js 20.19 以降をインストールする 依存関係をインストールする: npm ci ローカル開発サーバーを起動する: npm run dev
- prehistoric-animal-museum はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/s010s/prehistoric-animal-museum
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
TypeScriptとThree.jsで63種の昆虫をモデルファイルなしで手続き的に生成する、ブラウザ上のインタラクティブな3D図鑑。
ゲーム制作の作業を振り分けるディレクタースキルを含む、Three.js製ブラウザーゲーム向けのCodex・Claude Code用エージェントスキル9種。
NotebookLMに着想を得た、教材をクイズやフラッシュカード、ノート、ポッドキャストに変換するオープンソースの学習プラットフォーム。
1枚の画像から、メッシュファイルではなく、アニメーション対応のThree.js用TypeScriptコードでオブジェクトを再構築します。
react-three-fiberで3Dシーンを構築するための、すぐに使えるReact用ヘルパーコンポーネントとフックのコレクションです。