p5.jsで絵を書こう

p5.jsを使ってProcessingのクリエイティブコーディングをJavaScriptで書く。

まずはお試し

　オンラインのエディタが用意されているので、まずはここで練習。
　円を書くにはこんな感じ。

function setup() { createCanvas(400, 400); } function draw() { background(220); ellipse(120,120,80,80); }

初心者向けのプログラムはこのあたりからお勉強。

ライブラリのダウンロード

こちらからp5.jsをダウンロード。

p5.jsを使ってProcessingのクリエイティブコーディングをJavaScriptで書く。