xr843/insect-world

これは何？

主な機能

• 01ブラウザ上で63種の昆虫モデルを回転・拡大縮小し、ホットスポットをクリック
• 02外部のモデルファイルを使わず、コードでモデルを手続き的に生成
• 0328種について、卵・幼虫・蛹などの成長段階のモデルを収録
• 04断面表示、外骨格の透過表示、種の並列比較
• 05解説対象の部位へカメラを移動するガイドレッスンとクイズ
• 06中国語版と英語版に対応し、ライトテーマとダークテーマを用意

ユースケース

• 教室や博物館で完全変態と不完全変態を教える
• 昆虫学を学ぶ前に、昆虫の解剖学を視覚的に見て回る
• 体の構造から身近な昆虫を見分ける方法を学ぶ
• Three.jsを使った3D手続き型モデリングプロジェクトの参考にする

クイックスタート

1. 1

   Node.js 22.13以降をインストールし、依存関係をインストールします

   npm install
2. 2

   開発サーバーを起動し、localhost:5178でサイトを開きます

   npm run dev

使う前に知っておきたいこと

• !63種の説明の大半はAIが作成したもので、文献と照合して部分的に事実確認したものは14種のみです。
• !昆虫学の専門家によるレビューを受けていないため、参考資料として引用しないでください。

トピック

よくある質問

insect-world とは？

TypeScriptとThree.jsで63種の昆虫をモデルファイルなしで手続き的に生成する、ブラウザ上のインタラクティブな3D図鑑。 Insect Worldは、14目にわたる63種の昆虫を収録した、ブラウザ上で使える3D図鑑です。標本を回転・拡大縮小したり、色付きのホットスポットをクリックして体の各部について読んだりできます。また、特定の部位へのフォーカス、体の断面表示、外骨格の透過表示、2種の並列比較といったツールも利用できます。

insect-world は無料で使えますか？ライセンスは？

insect-world は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

insect-world は今もメンテナンスされていますか？

活発にメンテナンス中。insect-world の最終コミットは 2026年10月17日 です。

insect-world は何に使えますか？

教室や博物館で完全変態と不完全変態を教える 昆虫学を学ぶ前に、昆虫の解剖学を視覚的に見て回る 体の構造から身近な昆虫を見分ける方法を学ぶ Three.jsを使った3D手続き型モデリングプロジェクトの参考にする

insect-world のインストール方法は？

Node.js 22.13以降をインストールし、依存関係をインストールします: npm install 開発サーバーを起動し、localhost:5178でサイトを開きます: npm run dev

insect-world はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/xr843/insect-world