TargetAt

Marks a movable point in the scene for other nodes to aim at — a look-at target you can place, parent, and animate like any object.

Declarative element: <sk-target-at>

Not on the sk.* global — construct via the declarative element or a module import.

Remarks

This is a SceneNode (a VisualizableSceneNode), not a constraint. Its whole job is to hold a position: its world position is the look-at target. It does NOT orient anything by itself — a separate sk-target-at-constraint reads this node and drives the aiming node's orientation. This is the same split as SpatialField + sk-field-constraint: one node carries the data (position, visualization), another applies the effect.

Why a node. Because the target is a real scene node, its position comes from the standard transform and parent hierarchy — so you get animation for free (keyframe its x/y/z and every aimer tracks it), composition for free (parent it under a moving platform for an inherited target), and an optional on-canvas visualization.

Key attributes. Position is the ordinary node transform (x/y/z, and the full parent hierarchy). visualize draws an arrow field pointing toward the target so its location is visible while composing.

Related. Its paired effect is sk-target-at-constraint (put that on the node you want to aim). The orbit equivalent is sk-orbit + sk-orbit-constraint.

Constructor

constructor(config?: { 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: VisualizableSceneNode, SceneNode, SkenraAnimatable — see those pages for inherited members.

Properties

Config Properties

Other Properties

Methods

Example

// Create a look-at target node
const lookAtNode = new TargetAt({ id: 'target',
    visualize: true,
});
lookAtNode.y = 2;
scene.appendChild(lookAtNode);

// Constrain camera to look at this node
camera.constrain('targetAt', { source: lookAtNode, axis: '-z' });

// Animate the target — camera automatically tracks it
lookAtNode.animate([
    { offset: 0, x: -5 },
    { offset: 1, x: 5 },
], { duration: 3000, iterations: Infinity, id: 'move' });

↑ Documentation home · ← All classes