Orthographic Camera

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

import * as THREE from "three";

const camera = new THREE.OrthographicCamera(
  -size * aspect,
   size * aspect,
   size,
  -size,
  0.1,
  100,
);

camera.left   = -newSize * aspect;
camera.right  =  newSize * aspect;
camera.top    =  newSize;
camera.bottom = -newSize;
camera.updateProjectionMatrix();

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