Constructive Solid Geometry 3D Modeling in JavaScript


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.

This library provides three CSG operations: union, subtract, and intersect

csg.js →

(via badassjs)

Opening Titles for Web Directions South 2011

This is rather crazy, especially if you know how it’s done:

The opening titles for WDS11 were designed to test the graphical capabilities of modern web browsers. Using HTML, CSS3, WebGL and Canvas, I created a 2-screen production that required 2 laptops that were carefully synced to 2 projectors.

Yes, that’s right: 2 separate browsers, synced. If you’re Feeling Lucky (TM), you can also try it out in your own browser.

Very nice job, Cameron!

Opening Titles for Web Directions South 2011 →

An introduction to WebGL

An introduction to WebGL, on Dev.Opera:

This is the first in our series of articles about WebGL. The objective of this series is to provide the information and resources you’ll need to get started learning WebGL. In this piece, we will discuss how WebGL works, what you need to create WebGL applications, and what a simple example looks like.

An introduction to WebGL →

Also see some aforementioned WebGL demos here on