xr843/insect-world

Interactive 3D insect field guide: 63 species across 14 orders, every body procedurally generated in the browser with TypeScript + Three.js — no model or texture files in the repo. Eight species step through a full life cycle; the hoverers beat their wings.

What it solves

Insect World is an interactive 3D encyclopedia of 63 insect species across 14 orders. It provides a way to learn about insect anatomy, life cycles, and ecological roles through a visual, interactive experience rather than static images or pre-made 3D models.

How it works

Unlike traditional 3D galleries, this project uses parameterized geometry generated in real-time via TypeScript in the browser. There are no external model files (GLB/OBJ); instead, the code defines the structural parameters of each insect (head, thorax, abdomen, legs, wings) to build the geometry on the fly.

Key technical features include:

  • Procedural Texturing: Generates microscopic surface details like pits, grooves, and compound eye patterns using CanvasTexture.
  • Dynamic Animations: Implements biologically inspired movements, such as anti-phase wing beats for dragonflies and a continuous "emergence" animation for butterflies.
  • Life Cycle Modeling: For select species, the project generates models for eggs, larvae, pupae, and adults, demonstrating the difference between complete and incomplete metamorphosis.
  • Interactive Tools: Includes a sagittal plane clipping tool for internal views, a layering tool for exoskeleton transparency, and a guided tour that moves the camera to specific anatomical points.

Who it’s for

It is designed for curious readers and students who want to explore insect morphology and biology in a a visually engaging way, as well as developers interested in procedural 3D generation and interactive educational tools.

Highlights

  • Zero Asset Dependency: All 63 species are rendered from code, making the project highly extensible and lightweight.
  • Life Cycle Visuals: 22 distinct stage models for 8 species, including detailed pupae and larvae.
  • Biologically Grounded Motion: Wing-beat frequencies are compressed for screen display but maintain relative species order.
  • Comprehensive Testing: Over 4,000 tests ensuring geometric validity, symmetry, and data alignment between Chinese and English versions.
  • Dual Themes: Features a "Specimen Table" light mode and a "Museum Night" dark mode with specialized lighting for iridescent wings and bioluminescence.

Related

  • Project
  • Project
  • Project
  • Project
  • Project