World Building

Level-of-Detail Budget

What this shows

Compare near and distant mesh detail while moving the camera.

This example needs a Canvas2D-capable browser.

Loading scene…

Loading scene…

Key API excerpt

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

const lod = new EASEL.LOD();
lod.addLevel(highMesh, 0, 0.08);
lod.addLevel(lowMesh, 8, 0.08);
lod.update(camera);