react
精选
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
AI 仓库情报摘要
FR-AI / ANALYSIS为什么值得关注
它提供了从物种预设到实时 3D 植物的完整程序化管线，包含 LOD 链、替身和 glTF 导出，全部在支持 WebGPU 的浏览器中运行，并采用开源许可证。
适合谁使用
- 需要将 3D 植被集成到网站或应用中的 Web 开发者
- 需要快速、可定制树木的 3D 艺术家和游戏开发者
- 程序化生成和计算机图形学领域的研究人员与教育工作者
- 探索基于 WebGPU 的 3D 应用的爱好者
典型使用场景
- 为游戏环境填充独特且带有风力动画的树木
- 生成用于可视化或教育的植物学参考模型
- 为 VR/AR 体验快速构建景观原型
- 导出高质量的 glTF 树木资产用于离线渲染管线
项目优势
- 基于参考照片的十种跨两类生物群系的物种，形态逼真
- 两种互补生成器：用于阔叶/针叶树的 Weber–Penn 参数模型和用于沙漠多肉植物的 L-系统
- 完整的 LOD 链，包含后台烘焙的替身，确保流畅性能
- 一键 glTF 导出，支持标准 PBR 扩展，包括叶片透射效果
使用前须知
- 早期 alpha 版本 (v0.1.0)，边缘粗糙，可能存在不稳定
- 需要支持 WebGPU 的浏览器（Chrome 113+）才能获得完整功能
- 目前物种数量有限（十种），仅包含两个生物群系
README 快速开始
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
项目描述
Open-source procedural tree & plant generator for Three.js (WebGPU) — infinite species generation.
相关仓库与替代方案
根据分类、Topic 和编程语言匹配的相似项目。
tandpfun
精选
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
精选
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.