react
Featured
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It provides a fully procedural pipeline from species presets to live 3D plants with LOD chains, impostors, and glTF export, all running in a WebGPU-capable browser with an open-source license.
Who it is for
- Web developers integrating 3D vegetation into sites or apps
- 3D artists and game developers needing quick, customizable trees
- Researchers and educators in procedural generation and computer graphics
- Hobbyists exploring WebGPU-based 3D applications
Use cases
- Populating game environments with unique, wind-animated trees
- Generating botanical reference models for visualization or education
- Rapid prototyping of landscapes for VR or AR experiences
- Exporting high-quality tree assets as glTF for offline rendering pipelines
Strengths
- Ten distinct species across two biomes with realistic morphology based on reference photos
- Two complementary generators (Weber–Penn parametric for broadleaves/conifers and L-system for desert succulents)
- Full LOD chain with off-thread baked impostors ensuring smooth performance
- One-click glTF export with standard PBR extensions including leaf transmission
Considerations
- Early alpha release (v0.1.0) with rough edges and potentially unstable features
- Requires a WebGPU-capable browser (Chrome 113+) for full functionality
- Limited species count (ten) and only two biomes at this stage
README quick start
SeedThree
Open-source procedural tree & plant generator for the web, built on Three.js (WebGPU).
▶ Use Live NOW! (WebGPU-capable browser required — Chrome/Edge)
A fully procedural tree and plant generator: pick a species, tune its parameters, and get a unique, textured, wind-animated 3D plant you can drop into a scene or export to glTF.
Status:
v0.1.0-alpha. Ten species, full LOD + export pipeline, and a living scene are in — but it's early and rough in places. Expect sharp edges.
What's in it
- Ten species across two biomes
- Temperate: White Oak · Red Maple · Tulip Poplar · Sweetgum · American Beech · Ponderosa Pine · Loblolly Pine · Douglas Fir
- Desert: Joshua Tree · Saguaro
- Two generators. A Weber–Penn parametric model for broadleaves & conifers, and a from-scratch dichotomous L-system for the desert succulents (merged-tube mesh, rib crests, areole spines).
- Real morphology. Each species' branch angles, taper, gnarl, and crown shape are dialed to reference photos, not generic defaults.
- Foliage as cards. Base-anchored single-leaf and needle-spray cards with backlit translucency (Barré-Brisebois SSS), dome-normal canopy shading, and per-instance wind.
- LOD chain + impostors. LOD0 full geometry → reduced-geometry LOD1 → baked branch-card LOD2 → a 2-plane billboard impostor, baked off-thread in a Web Worker so the viewer never stalls. Per-LOD density & branch-prune dials.
- A living scene. Instanced forest ring with per-instance LOD, wind-animated grass & desert scrub, procedural rocks, PBR terrain with slope/height material blending, volumetric-ish clouds, and a movable sun.
- Ambient audio. Per-biome wind bed (seamless loop) + randomly interspersed bird calls, with a mute toggle.
- glTF export. One click writes a
.glbwith merged per-LOD meshes and standardKHR_materials_*extensions (incl. leaf transmission).
Requirements
A WebGPU-capable browser — recent Chrome or Edge (Chrome 113+). There's an automatic WebGL2 fallback, but WebGPU is the intended path.
Run it
npm install
npm run dev # http://localhost:5390
Then use the control panel to pick a species, reshape it, reseed, tune LODs, a
Description
Open-source procedural tree & plant generator for Three.js (WebGPU) — infinite species generation.
Related repositories
Similar projects matched by category, topics, and programming language.
tandpfun
Featured
wardrobe
A GPT‑image powered app that extracts individual garment cutouts from photos, organizes them into a digital wardrobe, and generates modeled outfit previews.
mshumer
Featured
Claude-of-Duty
A browser-based first-person shooter built entirely with procedural generation and orchestrated AI agents, featuring 55k lines of Three.js/WebGL2 code and no art assets.