Resolution Scaling Workload
Measure how rendering cost scales with canvas resolution.
Controls
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 scene = new EASEL.Scene();
const camera = new EASEL.PerspectiveCamera({
fov: 50, aspect: width / height, near: 0.1, far: 100,
});
camera.position.z = 4;
const renderer = new EASEL.Renderer({ canvas, width, height });
scene.add(new EASEL.AmbientLight(0xffffff, 0.4));
const mesh = new EASEL.Mesh(
new EASEL.TorusKnotGeometry(1, 0.3, 128, 16),
new EASEL.LambertMaterial({ color: 0x5577dd }),
);
scene.add(mesh);
const scale = 0.5;
renderer.setSize(width * scale, height * scale);
canvas.style.width = width + "px";
canvas.style.height = height + "px";No direct THREE.js equivalent: This workload measures EASEL canvas resolution scaling and CPU raster cost.