xr843/insect-world

解決する課題

このプロジェクトは、63種の昆虫を対象としたインタラクティブなWebベースの3D百科事典を提供します。静的でインタラクティブ性のない生物学的イラストレーションという課題を解決し、ユーザーがブラウザ上で昆虫の解剖学的構造、ライフサイクル、生態学的役割を回転、ズーム、探索できるようにします。

仕組み

重いプリメイドのモデルファイルに依存する従来の3Dプロジェクトとは異なり、このプロジェクトではTypeScriptとThree.jsライブラリを使用して、すべての昆虫の3Dジオメトリをプログラムで生成します。パラメトリックジオメトリ（体のセグメント、付属肢、翅脈など）を通じて昆虫を定義することで、軽量でスケーラブル、かつ一貫した視覚スタイルを実現しています。ブラウザ上でリアルタイムに動作する「分離」（パーツのフォーカス）、「レイヤー」（透明度）、「クイズ」モードなどのインタラクティブな機能を備えています。

対象ユーザー

昆虫の形態やライフステージをインタラクティブに学びたい学生、教育者、自然愛好家向けに設計されています。特に、Webグラフィックス（WebGL/Three.js）と教育コンテンツの交差点に興味がある方に最適です。

ハイライト

• ゼロ・アセットファイル: すべての昆虫がコードによって生成されるため、外部の3Dモデルファイルは一切不要です。
• ライフサイクルの可視化: 28種について74種類のライフステージモデル（卵、幼虫、蛹、成虫）を搭載し、蝶の羽化などの動的なアニメーションも含まれています。
• デュアル・ビジュアルテーマ: 「標本テーブル」（ライトモード）と「ミュージアム・ナイト」（ダークモード）の2つの美学を提供します。
• 教育ツール: インタラクティブなクイズ、ステップバイステップのガイドツアー、種を識別するための比較ビューが含まれています。
• 高品質なテスト: 4,000以上のテストを組み込み、形態の正確さ、アンカーポイントの配置、データの一貫性を保証しています。