Camera follow (scene offset)

This example shows a simple “camera follow” by updating the scene’s offset every tick.

Key idea: Scene.setOffset(...) shifts how objects render and how some input helpers map mouse coordinates (see the Scenes/Physics docs).

Follow the player (centered)

import { GameObject, Vector } from "sliver-engine";

class CameraFollower extends GameObject {
  constructor(private target: GameObject) {
    super("camera:follower", Vector.zero(), false, true);
  }

  override tick(): void {
    const scene = this.scene;
    const ctx = this.getContext();
    if (!scene || !ctx) return;

    const canvasEl = ctx.getCanvas().getCanvas();
    const center = new Vector(canvasEl.width / 2, canvasEl.height / 2);

    // Target position in world/scene space (does not include current offset).
    const targetPos = this.target.getScenePosition();

    // Offset is added to object positions at render time, so we set it so that
    // targetPos ends up at the canvas center.
    scene.setOffset(center.toSubtracted(targetPos));
  }
}

Add it to the scene once:

mainScene.addGameObject(new CameraFollower(player));

Tips

• Clamp the offset if you want camera bounds (so it won’t show outside the level).
• If you want “smooth” camera, interpolate towards the desired offset instead of snapping.