Using drawingContext for shadows/masks/gradients/...

[MAKIO135]

As shown here: https://github.com/processing/p5.js/wiki/p5.js-overview
drawingContext exposes the context and thus provides access to the native canvas API which led to interesting functionalities like those mentionned in the title and more.

function setup() {
  drawingContext.shadowOffsetX = 5;
  drawingContext.shadowOffsetY = -5;
  drawingContext.shadowBlur = 10;
  drawingContext.shadowColor = "black";
  background(200);
  ellipse(width/2, height/2, 50, 50);
}

#enhancement

[b2renger]

thank for the tip ! I'll look into it :)

[MAKIO135]

i did an example with shadows, linear/radial gradient, dashed lines and clipping ;)
http://jsbin.com/vogununaru/edit?js,output