World Building

Top-Down Map

What this shows

Pan an orthographic map view across a layered level blockout.

This example needs a Canvas2D-capable browser.

Loading scene…

Loading scene…

Key API excerpt

import * as EASEL from "@xsyetopz/easel";

const camera = new EASEL.OrthographicCamera({ left: -5.5, right: 5.5, top: 3.1, bottom: -3.1 });

const controls = new EASEL.MapControls(camera, renderer.domElement);
controls.screenSpacePanning = false;
controls.update();