{{sketch.instructions}}

A fork of {{sketch.parentSketch.title}} by {{sketch.parentUser.fullname}}.

Archived Sketch

This sketch is created with an older version of Processing,
and doesn't work on browsers anymore.

View Source Code

Click record or press 'R'
to start/stop recording (max. 10 secs)

Click capture
to take a screenshot

Using canvas API shadows inside Processing.js

You can easily add custom drop shadows in Processing.JS via the HTML5 canvas API, you’ll need to access it via externals.context from your Processing.JS script: externals.context.shadowOffsetX = 3; externals.context.shadowOffsetY = 3; externals.context.shadowBlur = 4; externals.context.shadowColor = "black"; You can also access to gradient, radial gradient, clipping region and more this way.
e.g. "mouse, keyboard"
e.g. "visualization, fractal, mouse"
learn more about Creative Commons

As a Plus+ Member feature, this source code is hidden by the owner.