Skip to content

@ue-too/board / convertDeltaInWorldToViewPortSpace

Function: convertDeltaInWorldToViewPortSpace()

convertDeltaInWorldToViewPortSpace(delta, cameraZoomLevel, cameraRotation): Point

Defined in: packages/board/src/camera/utils/coordinate-conversion.ts:413

Converts a displacement vector from world space to viewport space. Use this for converting movement deltas, not absolute positions. Inverse of convertDeltaInViewPortToWorldSpace.

Parameters

delta

Point

Displacement vector in world coordinates

cameraZoomLevel

number

Camera zoom level

cameraRotation

number

Camera rotation in radians

Returns

Point

Displacement vector in viewport space (CSS pixels)

Remarks

This transforms a relative displacement, not an absolute point. The conversion accounts for:

  • Rotation: Delta is rotated by -camera rotation
  • Zoom: Delta is scaled by zoom (world units → viewport pixels)

Example

typescript
// Object moved 50 units right in world space
const worldDelta = { x: 50, y: 0 };
const viewportDelta = convertDeltaInWorldToViewPortSpace(
  worldDelta,
  2.0,  // 2x zoom
  0     // no rotation
);
// Result: { x: 100, y: 0 } (50 world units = 100 viewport pixels at 2x zoom)