Perspective Camera

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

THREE.js migration page CPU rasterizer guide

Controls

Field of View (deg)

Benchmark

Runs fixed workloads with warmup frames, repeated samples, p50/p95 FPS and frame timing, workload counters, pipeline timings, and JSON output.

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);

import * as THREE from "three";

const camera = new THREE.PerspectiveCamera(
  45,
  800 / 600,
  0.1,
  100,
);

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

const renderer = new THREE.WebGLRenderer({ canvas });
renderer.setSize(800, 600);
renderer.render(scene, camera);