Bokeh

Three.js / Bokeh

experiments

In order to learn more about mrdoob’s 3D library for JavaScript, three.js, I started hacking around with a few demos. I ended up chucking a few primitives into a scene and playing around with camera movement. This soon led to wondering about using shaders with WebGL, so I threw a depth of field / bokeh shader into the mix. Three.js is a great lightweight library for playing around with 3d in the browser: it’s quick to get into and it has a nice clean API.

This example also uses the brilliant dat gui, a lightweight graphical user interface for manipulating variables.

Bokeh Cubes

About these ads

One thought on “Three.js / Bokeh

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s