Constructive solid geometry on meshes using BSP trees in JavaScript
Switch branches/tags
Nothing to show
Clone or download
Latest commit a8512af Aug 20, 2012
Failed to load latest commit information.
tests updated lightgl.js Aug 20, 2012
LICENSE initial commit Nov 30, 2011 bsp is now reconstructed for each operation Dec 9, 2011
csg.js merged cube and cuboid Dec 15, 2011


Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean operations like union and intersection to combine 3D solids. This library implements CSG operations on meshes elegantly and concisely using BSP trees, and is meant to serve as an easily understandable implementation of the algorithm. All edge cases involving overlapping coplanar polygons in both solids are correctly handled.

Example usage:

var cube = CSG.cube();
var sphere = CSG.sphere({ radius: 1.3 });
var polygons = cube.subtract(sphere).toPolygons();


Detailed documentation can be automatically generated using Docco.


Implementation Details

All CSG operations are implemented in terms of two functions, clipTo() and invert(), which remove parts of a BSP tree inside another BSP tree and swap solid and empty space, respectively. To find the union of a and b, we want to remove everything in a inside b and everything in b inside a, then combine polygons from a and b into one solid:


The only tricky part is handling overlapping coplanar polygons in both trees. The code above keeps both copies, but we need to keep them in one tree and remove them in the other tree. To remove them from b we can clip the inverse of b against a. The code for union now looks like this:


Subtraction and intersection naturally follow from set operations. If union is A | B, subtraction is A - B = ~(~A | B) and intersection is A & B = ~(~A | ~B) where ~ is the complement operator.


Copyright (c) 2011 Evan Wallace (, under the MIT license.