ColorSourceField

← prev index next →

Turns a colour source's brightness into a field weight — the bridge that lets a paper texture or ramp act as a mask for shading and colour.

Remarks

This is the texture-driven member of the SpatialField family: like every field it turns where into how much — a scalar weight that a shader consumer uses to modulate what it does — but instead of computing weight from geometry, it reads a ColorSource's relative luminance, so a procedural colour source becomes a mask. Like any field it is a by-id resource: give it an id, and a consumer (a sk-tonemap, a colour-map, or a material) points its field at it with field="#id".

Key attributes. source names the ColorSource to sample by #id. strength scales the mask around mid-grey (weight = clamp(0.5 + (luma − 0.5) × strength, 0, 1)): at 1 a full-range source passes through unchanged, while a subtle source needs more — the paper texture's ±0.1 swing around mid-grey wants strength ≈ 3–5 to read. The inherited remap-curve can reshape or invert the weight. Point the field at the SAME source a material renders (its base-color-source) and the mask lines up pixel-for-pixel with the visible texture, so ink density follows the paper's relief rather than an unrelated field.

Supported sources. It samples the parameter-backed colour sources whose evaluator reads only the params buffer this field forwards — a sk-paper-texture-color-source, a sk-color-map-source, or a composite of those. A source that needs its own texture or data buffer (a raster image, a compute-buffer source) is rejected, because that private resource cannot be routed into the host consumer's bind group.

GPU-only. The weight needs the source's shader evaluator, so it works only in the shader-backed field slots — a material, sk-tonemap, or colour-map field. Evaluated on the CPU (as a sk-field-constraint does) it returns a neutral weight, so it has no effect there; in a compute-evaluated per-clone point constraint it is rejected outright. This field masks shading and colour — it does not drive geometry.

Related. Its source is a sk-paper-texture-color-source or sk-color-map-source (see ColorSource); its usual consumer is a sk-tonemap masked by the source's luminance.

Constructor

constructor(config?: { source?: ColorSource | string; strength?: 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 })

Properties

Config Properties

PropertyTypeDefaultDescriptionDeclared by
source ColorSource | string The resolved color source whose luminance drives the weight, or ColorSourceField
strengthanimatable number 1 Gain applied to the source sample's deviation from mid-gray. ColorSourceField
remapCurveanimatable SampledCurve Optional curve that reshapes this field's raw [0, 1] output. SpatialField
visualize boolean false Whether the visualization is visible (wireframe splines + center marker). VisualizableSceneNode
interactiveControlsconfig-only boolean Whether to show interactive controls (draggable markers). Requires visualize. Default: false VisualizableSceneNodeConfig
visualizationMarkerSizeconfig-only number Size of visualization markers in pixels. Default: 20 VisualizableSceneNodeConfig
visualizationColorconfig-only string Color for visualization geometry and markers (CSS color string). Default: VISUALIZATION_HIGHLIGHT_COLOR ('#FF8C00'). VisualizableSceneNodeConfig
visualizationZeroWeightColorconfig-only string Color for zero-weight boundary geometry (outer radius, origin plane, etc.). Default: VISUALIZATION_ZERO_WEIGHT_COLOR ('#888888'). VisualizableSceneNodeConfig
visualizationSplineThicknessconfig-only number Spline stroke thickness in pixels. Default varies by subclass. VisualizableSceneNodeConfig
visualizationSplineOccludedOpacityconfig-only number Opacity of visualization splines when occluded. Default: 0.5 VisualizableSceneNodeConfig
visualizationMarkerOpacityconfig-only number Opacity of visualization markers. Default: 0.9 VisualizableSceneNodeConfig
idconfig-only string Unique identifier for the node, reflected to the host id attribute. SceneNodeConfig
xanimatable number 0 Gets the X position component. SceneNode
yanimatable number 0 Gets the Y position component. SceneNode
zanimatable number 0 Gets the Z position component. SceneNode
hanimatable number 0 Gets the heading (Y-axis) rotation in radians. SceneNode
panimatable number 0 Gets the pitch (X-axis) rotation in radians. SceneNode
banimatable number 0 Gets the bank (Z-axis) rotation in radians. SceneNode
quaternionanimatable Quaternion Gets the rotation as a quaternion. SceneNode
sxanimatable number 1 Gets the X-axis scale factor. SceneNode
syanimatable number 1 Gets the Y-axis scale factor. SceneNode
szanimatable number 1 Gets the Z-axis scale factor. SceneNode
sconfig-only number Uniform scale factor for all axes (overrides sx, sy, sz if provided) SceneNodeConfig
classconfig-only string Standard HTML class applied to the node host at construction SceneNodeConfig
styleconfig-only string Standard inline style applied to the node host at construction SceneNodeConfig

Other Properties

PropertyTypeDefaultDescriptionDeclared by
strengthBasebase value number The base (non-animated) value of strength. ColorSourceField
remapPhaseanimatable number 0 Horizontal remap phase — an animatable scalar that translates a present SpatialField
enabled boolean true Whether this field is enabled. When disabled, evaluate() returns 0. SpatialField
hRad number 0 Gets the heading (Y-axis) rotation in radians. SceneNode
pRad number 0 Gets the pitch (X-axis) rotation in radians. SceneNode
bRad number 0 Gets the bank (Z-axis) rotation in radians. SceneNode
hDeg number 0 Gets the heading (Y-axis) rotation in degrees. SceneNode
pDeg number 0 Gets the pitch (X-axis) rotation in degrees. SceneNode
bDeg number 0 Gets the bank (Z-axis) rotation in degrees. SceneNode
xBasebase value number Gets the base (non-animated) value of X position. SceneNode
yBasebase value number Gets the base (non-animated) value of Y position. SceneNode
zBasebase value number Gets the base (non-animated) value of Z position. SceneNode
hBasebase value number 0 Gets the base (non-animated) value of heading (Y-axis rotation). SceneNode
pBasebase value number 0 Gets the base (non-animated) value of pitch (X-axis rotation). SceneNode
bBasebase value number 0 Gets the base (non-animated) value of bank (Z-axis rotation). SceneNode
quaternionBasebase value Quaternion Gets the base (non-animated) quaternion rotation. SceneNode
sxBasebase value number Gets the base (non-animated) value of X-axis scale. SceneNode
syBasebase value number Gets the base (non-animated) value of Y-axis scale. SceneNode
szBasebase value number Gets the base (non-animated) value of Z-axis scale. SceneNode
draggable boolean false Gets whether this node can be dragged. SceneNode
parentread-only SceneNode | null The parent node in the scene graph, or null at the root. SceneNode
sceneread-only any Gets the Scene this node belongs to, if any. SceneNode
posread-only Point3D Gets the world-space position of this node. SceneNode
matrixread-only Float32Array<ArrayBufferLike> Gets the computed 4x4 transformation matrix. SceneNode
animationsread-only SkenraAnimation[] Public getter for the animations affecting this target. SkenraAnimatable

Methods

MethodDescriptionDeclared by
addMaterialPaint(material: Material, paintTarget: PaintTarget, options?: any): Paint Applies a material to this node for a specific paint target. SceneNode
getPaints(): ReadonlyMap<PaintTarget, Paint> SceneNode
getOwnPaints(): readonly Paint[] Gets only the paints directly applied to this node (not inherited). SceneNode
removePaint(paint: Paint): void Removes a paint from this node. SceneNode
getWorldPosition(): number[] Returns this node’s origin in world space. SceneNode
getWorldMatrix(): Float32Array<ArrayBufferLike> Returns this node’s world transform — its local transform composed with all ancestor transforms. SceneNode
setViewportPosition(camera: AbstractCamera, x: number, y: number, z: number = 0.5): boolean Sets the node's local translation so that it appears at the specified viewport position. SceneNode
getViewportPosition(camera?: AbstractCamera): [number, number, number] | null Returns the node's current world position projected to viewport CSS pixel coordinates. SceneNode
setNDCPosition(camera: AbstractCamera, ndcX: number, ndcY: number, ndcZ: number = 0.5): boolean Sets the node's local translation so that it appears at the specified NDC position in the viewport. SceneNode
getBoundsInSpace(targetSpaceMatrix: Float32Array): { minX: number; maxX: number; minY: number; maxY: number; minZ: number; maxZ: number; } | null Computes the axis-aligned bounding box (AABB) of this node and its descendants SceneNode
animate(firstArg: TypedKeyframe<this>[] | TypedPropertyIndexedKeyframes<this> | Record<string, any> | globalThis.Keyframe[] | globalThis.PropertyIndexedKeyframes | null, secondArg?: number | KeyframeAnimationOptions | globalThis.KeyframeAnimationOptions): SkenraAnimation & Animation Creates a new SkenraAnimation for this target per Web Animations API. SkenraAnimatable
removeAnimation(animation: SkenraAnimation): boolean Removes a specific animation from this object. SkenraAnimatable
constrain(type: K, config: ConstraintConfigMap[K]): ConstraintReturnMap[K] Creates a constraint on this Animatable using a fluent API. SkenraAnimatable

Example

const paper = new PaperTextureColorSource({ tooth: 10 });
paper.id = 'paper';
scene.appendChild(paper);

const mask = new ColorSourceField({ source: paper, strength: 4 });
tonemap.field = mask;   // ink coverage now follows the paper's relief