All experiments

Mesh simplification

Polygon budget lab

Collapse mesh edges under a triangle budget, inspect the silhouette, and compare detail levels.

JavaScript · Three.js · Mesh simplification

View source on GitHub

Try it

All editing and processing stays in your browser.

Getting started

  1. Pick a source mesh or load a small OBJ, then choose a triangle budget.
  2. Simplify runs in a worker; the readout reports the achieved count, not an estimated target.
  3. Compare both meshes, switch to wireframe, and export the actual reduced mesh.

Made with this tool

Examples captured from the running editor.

Two matching braided knot meshes: a smooth silver original and a much simpler terracotta result
4,608 triangles reduced to450
Original and reduced terrain meshes in wireframe, showing a retained open boundary and larger interior triangles
A fixed rim with fewer interior triangles

Implementation and limits

Reduce a mesh with real edge collapses, then inspect where its shape survives and where detail disappears.

  • At most 12,000 source triangles and a 2 MB OBJ file; materials, UVs and skinning are not preserved.
  • Boundary locking can prevent the requested target. The actual count and early stopping are reported.
  • Local topology and face-flip checks are used; global self-intersections and feature semantics are not solved.

Explore the implementation, tests, and examples on GitHub