3D Volumetric Peat Dome fill-extrusion layer & pitch transition (peat-extrusion-layer.tsx) #79

Closed
opened 2026-10-14 22:28:44 +00:00 by yuris · 1 comment
Owner

What to build

Implement the hardware-accelerated 3D volumetric peat dome layer using MapLibre fill-extrusion, rendering elevated carbon domes according to calculated depth heights.

Technical specifications

  1. Target files:
    • src/components/map/layers/peat-extrusion-layer.tsx: 3D fill-extrusion layer specification.
  2. Layer configuration:
    • fill-extrusion-height: Bound to scaled height property.
    • fill-extrusion-color: Bound to color gradient property.
    • fill-extrusion-opacity: 0.85 with directional shading.

Acceptance criteria

  • Tilting camera reveals clean 3D extruded peat domes.
  • Extrusion heights strictly match underlying BBSDLP classification.
  • Renders at 60fps on WebGL.

Blocked by

  • Issue 63: [Backend] Volumetric peat depth extrusion scale calculation engine (peat-extrusion.ts).

Authoritative Specifications & Reference Documentation

### What to build Implement the hardware-accelerated 3D volumetric peat dome layer using MapLibre `fill-extrusion`, rendering elevated carbon domes according to calculated depth heights. ### Technical specifications 1. **Target files**: - `src/components/map/layers/peat-extrusion-layer.tsx`: 3D fill-extrusion layer specification. 2. **Layer configuration**: - `fill-extrusion-height`: Bound to scaled height property. - `fill-extrusion-color`: Bound to color gradient property. - `fill-extrusion-opacity`: 0.85 with directional shading. ### Acceptance criteria - [ ] Tilting camera reveals clean 3D extruded peat domes. - [ ] Extrusion heights strictly match underlying BBSDLP classification. - [ ] Renders at 60fps on WebGL. ### Blocked by - Issue 63: [Backend] Volumetric peat depth extrusion scale calculation engine (`peat-extrusion.ts`). --- ### Authoritative Specifications & Reference Documentation - **Titik Gambut Architecture & Subsystem Contract**: [`docs/ARCHITECTURE.md`](https://git.nokopia.com/yuris/titik-gambut-next/src/branch/main/docs/ARCHITECTURE.md) - **BIG DEMNAS National Digital Elevation Model**: [Ina-Geoportal DEMNAS](https://tanahair.indonesia.go.id/demnas/) — 0.27 arc-second seamless national elevation mesh. - **MapLibre GL JS Terrain 3D Spec**: [MapLibre 3D Terrain](https://maplibre.org/maplibre-gl-js/docs/examples/3d-terrain/) — Hardware-accelerated client elevation.
yuris changed title from Issue 66: [Frontend] 3D Volumetric Peat Dome fill-extrusion layer & pitch transition (peat-extrusion-layer.tsx) to [Frontend] 3D Volumetric Peat Dome fill-extrusion layer & pitch transition (peat-extrusion-layer.tsx) 2026-10-14 22:31:23 +00:00
yuris changed title from [Frontend] 3D Volumetric Peat Dome fill-extrusion layer & pitch transition (peat-extrusion-layer.tsx) to 3D Volumetric Peat Dome fill-extrusion layer & pitch transition (peat-extrusion-layer.tsx) 2026-10-14 22:38:28 +00:00
Author
Owner

This was generated by AI during triage.

Closed as completed in main (src/components/map/layers/peat-extrusion-layer.tsx renders 3D elevated peat domes).

> *This was generated by AI during triage.* Closed as completed in main (src/components/map/layers/peat-extrusion-layer.tsx renders 3D elevated peat domes).
yuris closed this issue 2026-10-15 01:26:16 +00:00
Sign in to join this conversation.
No labels
backend
frontend
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
yuris/titik-gambut-next#79
No description provided.