Orthographic Camera
Parallel projection: objects stay the same size regardless of depth.
Controls
Frustum Size
2
20
import * as EASEL from "easel";
const camera = new EASEL.OrthographicCamera({
left: -size * aspect,
right: size * aspect,
top: size,
bottom: -size,
near: 0.1,
far: 100,
});
camera.left = -newSize * aspect;
camera.right = newSize * aspect;
camera.top = newSize;
camera.bottom = -newSize;
camera.updateProjectionMatrix();
const renderer = new EASEL.Renderer({ canvas, width: 800, height: 600 });
renderer.render(scene, camera);