Generate performant, visually rich procedural terrain in Three.js with a WebGPU-first architecture and automatic WebGL2 fallback.
Implement FBM noise on CPU when GPU compute is unavailable. Self-contained simplex noise avoids external dependencies.
For GPU-accelerated heightmap generation via WGSL compute shaders, see references/wgsl-shaders.md. The compute path generates a heightmap texture on the GPU, then samples it in vertex shaders or reads it back for collision.
자동 WebGL2 대체 기능이 있는 WebGPU 컴퓨팅 셰이더를 사용하여 Three.js에서 절차적 3D 풍경과 지형을 생성합니다. FBM 노이즈, 융기형 다중 프랙탈 및 도메인 워핑을 통한 하이트맵 생성을 다룹니다. 청크된 LOD 지형 메시; 경사 기반 다중 재료 텍스처링; 절차상 수상 비행기; 대기 하늘 렌더링; 인스턴스화된 식물 산란. 지형 생성기, 개방형 환경, 풍경 시각화 장치, 비행 시뮬레이터 또는 절차적 지표면이 필요한 3D 장면을 구축할 때 사용합니다. 트리거: "절차적 지형", "랜드스케이프 생성기", "하이트맵", "지형 메시", "절차적 세계", "오픈 월드", "지형 LOD", "지형 청크", "노이즈 지형", "3D 풍경". 출처: ck42bb/procedural-landscapes-threejs.