Technical elements of viscosity

Viscosity is the sum of many different parts. Every pixel was hand polished and every line of code was loved until the project was complete. Here's a summary of the important parts of the project.

Bandwidth optimization
Brush tool
Colour picker
Colour presets
Homepage:
Image creation
Multiple point selection
PHP backend
Player
Player optimization
Point alignment
Save
Save preview
Sliders
Tabs

The artwork creation story is complete when you go back to the homepage and see what you created looking back at you.

It's even nicer when you notice the whole colour scheme was changed to match your drawing.

It looks like 50% transparent white text, and that could have been achieved with CSS opacity settings. But that looked ugly with cleartype turned on. And there's no way I'm turning off cleartype.

Instead, some quick colour math was applied to dynamically set the text colour and achieve the desired effect.

Homepage