NoiseSpatialField

Coherent (Simplex) noise over space — smooth, organic, cloud-like variation, the field for natural randomness that neighbouring points still agree on.

Declarative element: <sk-noise-spatial-field>

Global: available as sk.NoiseSpatialField inside a scene <script>.

Remarks

This is the noise member of the SpatialField family: like every field it turns where into how much — a scalar weight over space that consumers read by #id (field="#id") to vary an effect from place to place. Here the weight is 3D Simplex noise mapped to [0, 1], so it varies smoothly and organically rather than by a geometric shape.

Key attributes. frequency sets the base scale — higher packs more, smaller features into the same space. octaves layers several frequencies (fractional Brownian motion) for fine detail; lacunarity is the frequency step between octaves and persistence how quickly their amplitude falls off, together tuning how rough versus smooth the result looks. seed picks a specific noise pattern deterministically — change it for a different-but-similar field. The noise rides the field's own frame, so because the field is a scene-graph node, animating its x/y/z scrolls the pattern for flowing noise. The pattern fills all of space (there is no boundary), so visualize marks the field's origin rather than an extent.

Related. It shares the field="#id" model with every field. Its uncorrelated counterpart is sk-random-spatial-field (independent values per cell, no smoothness); geometric alternatives include sk-spherical-gradient-field. Typical consumers are a sk-tonemap (mask the shading), a sk-simple-point-constraint (per-clone strength), and sk-field-constraint (drive one property).

Constructor

constructor(config?: { frequency?: number; octaves?: number; lacunarity?: number; persistence?: number; seed?: number; remapCurve?: SampledCurve; visualize?: boolean; interactiveControls?: boolean; visualizationMarkerSize?: number; visualizationColor?: string; visualizationZeroWeightColor?: string; visualizationSplineThickness?: number; visualizationSplineOccludedOpacity?: number; visualizationMarkerOpacity?: number; id?: string; x?: number; y?: number; z?: number; h?: number; p?: number; b?: number; quaternion?: Quaternion; sx?: number; sy?: number; sz?: number; s?: number; class?: string; style?: string })

Inherited from: SpatialField, VisualizableSceneNode, SceneNode, SkenraAnimatable — see those pages for inherited members.

Properties

Config Properties

Other Properties

Methods

Example

const field = new NoiseSpatialField({
    id: 'turbulence', frequency: 2.0, octaves: 3, seed: 42,
});
scene.appendChild(field);

↑ Documentation home · ← All classes