Ampandheaust
6153223fd5
Add persistent render graph loadouts, grouped node authoring, code-appending apply behavior, explicit playground lighting, and resilient worker startup. Amp-Thread-ID: https://ampcode.com/threads/T-01a033d4-0e44-708e-af0e-6166283416ff Co-authored-by: Heaust Azure <heaust.azure@gmail.com>
52 lines
1.2 KiB
Markdown
52 lines
1.2 KiB
Markdown
# Clustered lights
|
|
|
|
The default `Scene` graph runs a clustered compute pass before its HDR forward passes. Light handles write flat rows consumed by that pass.
|
|
|
|
```ts
|
|
const point = new PointLight(scene, {
|
|
position: [0, 1, 1],
|
|
color: [1, 0.25, 0.05],
|
|
intensity: 20,
|
|
range: 8,
|
|
radius: 0.5, // Softens the specular footprint like a small spherical emitter.
|
|
});
|
|
|
|
const sun = new DirectionalLight(scene, {
|
|
rotor: [0.2, 0, 0, 0.98],
|
|
color: [1, 0.95, 0.8],
|
|
intensity: 3,
|
|
});
|
|
|
|
const fill = new AmbientLight(scene, {
|
|
color: [0.1, 0.2, 0.4],
|
|
intensity: 0.2,
|
|
});
|
|
await Promise.all([point.ready, sun.ready, fill.ready]);
|
|
```
|
|
|
|
<Playground example="lights" />
|
|
|
|
## Rectangles and spots
|
|
|
|
```ts
|
|
const panel = new RectAreaLight(scene, {
|
|
position: [0, 2, 0],
|
|
width: 2,
|
|
height: 0.5,
|
|
intensity: 12,
|
|
});
|
|
|
|
const spot = new SpotLight(scene, {
|
|
position: [0, 1, 1],
|
|
innerAngle: 0.25,
|
|
outerAngle: 0.6,
|
|
range: 15,
|
|
});
|
|
```
|
|
|
|
The rectangle handle selects the default graph's linearly transformed cosine (`ltc`) path. Position, orientation, intensity, angles, and colors remain direct SAB mutations after allocation.
|
|
|
|
<script setup>
|
|
import Playground from "../.vitepress/Playground.vue";
|
|
</script>
|