Perspective Camera

Frustum projection with adjustable field of view in degrees (same as THREE.js).

Controls

Field of View (deg)

10
120
import * as EASEL from "easel";

const camera = new EASEL.PerspectiveCamera({
  fov: 45,
  aspect: 800 / 600,
  near: 0.1,
  far: 100,
});

camera.fov = 60;
camera.updateProjectionMatrix();

const renderer = new EASEL.Renderer({ canvas, width: 800, height: 600 });
renderer.render(scene, camera);