Browser-based WebGL molecule renderer with the goal of producing figures that are as attractive as they are practical.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src improve ui May 12, 2015
static screenshot update May 12, 2015
.gitignore Initial commit Mar 20, 2015
LICENSE Initial commit Mar 20, 2015
README.md Update README.md May 12, 2015
index.html add tyrobadge Oct 26, 2015
package.json fetch samples asynchronously Apr 19, 2015
watch modify watch Apr 15, 2015

README.md

Speck

Speck is a molecule renderer with the goal of producing figures that are as attractive as they are practical. Express your molecule clearly and with style.

Try it live

Try speck out live in your browser here: http://wwwtyro.github.io/speck/

Features

Ambient Occlusion

Ambient occlusion provides much more information about molecule structure than simple direct lighting. It's incredibly useful for large and small molecule viewing alike. Easily Speck's most important feature.

Pixel-perfect atoms and bonds

Speck renders atoms and bonds not with polygons, but with imposters. This means you can zoom in as close as you like and surfaces remain smooth, not faceted.

Depth-aware outlines

Speck can render atom outlines that are depth-aware. Instead of making your molecule appear to be a collection of flat circles, depth-aware outlines provide cues to the viewer that convey information about the molecular structure.

Depth of field

Render a more attractive figure while simultaneously drawing your viewer's eye to a region you want to highlight.

Mix and match rendering options

Speck goes to great lengths to decouple rendering options, so that you have the flexibility to present your data in the most clear and attractive way.