threejs-trees: Grow a whole forest from a seed.

import * as THREE from 'three/webgpu'
import { Scatter } from 'threejs-scatter'
import { createBarkMaterial, createLeafMaterial, createVegetationLayers,
  generateTree, setTreeEnvironment, species } from 'threejs-trees'

// One hero tree
const params = { ...species.oak, height: 18 }
const { trunk, leaves } = generateTree(params, 7)
scene.add(new THREE.Mesh(trunk, createBarkMaterial(params)))
if (leaves) scene.add(new THREE.Mesh(leaves, createLeafMaterial(params)))

// A forest: variants, LODs and impostors per species
const layers = await createVegetationLayers({
  species: [{ name: 'spruce', density: 0.6 }, { name: 'birch', density: 0.2 },
            { name: 'fern', density: 0.5 }, { name: 'boulder', density: 0.1 }],
  renderer, // bakes the impostors
})
Scatter.create({ camera, scene, terrain, layers })
setTreeEnvironment({ windStrength: 0.5, snow: 0.3 })

import { Forest, Tree } from 'threejs-trees/react'

function Valley() {
  const ground = useRef()
  return (
    <>
      <mesh ref={ground} geometry={hills} />
      <Tree species="apple" params={{ fruit: 0.4 }} seed={7} />
      <Forest terrain={ground} seed={3} maxDistance={800}
        species={[{ name: 'spruce', density: 0.7 },
                  { name: 'birch', density: 0.2 }]}
        environment={{ windStrength: 0.4 }} />
    </>
  )
}