Press escape to exit fullscreen

{{sketch.instructions}}

CC {{sketch.licenseObject.short}}

Archived Sketch

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

View Source Code

Click capture
to take a screenshot

Using canvas API shadows inside Processing.js

{{$t('general.by')}}
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.
{{$t('general.eg',["mouse, keyboard"])}}
{{$t('general.eg',["visualization, fractal, mouse"])}}
{{$t('general.learnMoreAbout')}} Creative Commons
{{$t('sketch.privateURLDescription')}}
{{$t('sketch.privateURL-pleaseSave')}}
  • {{v.title}}

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

  • {{co.title}}