SpaceCarvingJS: Silhouette-based 3D reconstruction using space carving in the browser

Silhouette → 3D → OBJ · pure client-side · no dependencies no input

Zhang WJ. 2028. SpaceCarvingJS: Silhouette-based 3D reconstruction using space carving in the browser. Selforganizology, 15(3-4): 54-112.

1 · Input

Click or drop files
one rotation video (mp4/webm/mov)
or many silhouette images (png/jpg)

Working resolution (px)

Frames to sample (video)

Video trim start / end (%)

2 · Silhouette segmentation

Method

Threshold

Threshold bias / value 1.00

Pre-blur (px) 1

Open (remove specks) 1

Close (seal gaps) 1

Keep largest blob

Fill interior holes

Invert mask

3 · Turntable geometry

Total rotation (deg)

Closed 360° loop

Direction

Custom angles (deg, csv)

Rotation-axis X shift (px) 0

Projection

Camera distance (× radius) 8

4 · Volumetric carving

Grid resolution 112

Consistency threshold 0.97

Volume smoothing 1

Mesh smoothing (Taubin) 6

Seal grid boundary

Mirror model (handedness)

5 · Export

Model height (units)

Write vertex normals

How to capture good input

• Put the object on a turntable, keep the camera fixed; rotate exactly one full turn.
• Use a plain, contrasting background and even lighting; avoid shadows touching the object.
• Keep the object fully inside the frame at every angle; do not zoom.
• The rotation axis must be roughly vertical in the image.
• 24–72 views is plenty; more views ≠ better if segmentation is noisy.
• Space carving reconstructs the visual hull: deep concavities that never appear on any silhouette cannot be recovered (that is a mathematical limit, not a bug).

Log

Frame / silhouette strip appears here…

Silhouette inspector

3D preview — drag: rotate · wheel: zoom · shift+drag: pan