Camera Control + UI

bun add @vulfram/engine @vulfram/transport-bun @vulfram/camera-control

import { Mount, World3D, WorldUI, createWindow, initEngine, tick } from '@vulfram/engine';
import {
  createOrbitController,
  createSpectatorController,
  createFirstPersonController,
  createThirdPersonController,
  createTopViewController
} from '@vulfram/camera-control';
import { transportBunFfi } from '@vulfram/transport-bun';

initEngine({ transport: transportBunFfi });
const { windowId } = createWindow({ title: 'Camera Control Demo', size: [1280, 720] });

const world3d = World3D.create3DWorld();
const worldUI = WorldUI.createUIWorld();
Mount.mountWorld(world3d, { target: { kind: 'window', windowId } });
Mount.mountWorld(worldUI, { target: { kind: 'window', windowId } });

const camera = World3D.create3DEntity(world3d);
World3D.create3DCamera(world3d, camera, { kind: 'perspective', near: 0.1, far: 300, order: 0 });

let controller = createOrbitController(world3d, camera, { target: [0, 0, 0], radius: 8 });
// switch controller at runtime
controller.dispose?.();
controller = createFirstPersonController(world3d, camera, { alwaysLook: true });

let last = performance.now();
function frame(now: number) {
  const dt = now - last;
  last = now;
  tick(now, dt);
  requestAnimationFrame(frame);
}
requestAnimationFrame(frame);

// Install:
// bun add @vulfram/engine @vulfram/transport-bun @vulfram/camera-control