drawingContext

(別名: drawing_context)

def setup
  drawingContext.shadowOffsetX =  5
  drawingContext.shadowOffsetY = -5
  drawingContext.shadowBlur    = 10
  drawingContext.shadowColor   = 'black'
  background(200)
  ellipse(width / 2, height / 2, 50, 50)
end

p5.jsリファレンス(参考情報)

[p5.js] drawingContext

概要

HTML5の CanvasAPIを直接操作するための描画コンテキストです。

書式

備考

・JavaScriptの構文で「canvas.getContext('2d');」または「canvas.getContext('webgl');」を呼び出すのと同じです。
・drawingContextを通して処理できることの詳細については、下記の URLなどを参照してください。
　　CanvasRenderingContext2D

・2D描画コンテキストのおもな要素

関連