[Javascript] 繪圖: p5.js

p5.js
https://github.com/processing/p5.js

p5.js web
https://p5js.org/zh-Hans/

p5.js example
https://p5js.org/examples/

p5.js editor
https://editor.p5js.org/

p5js新手入門
https://distums.github.io/2017/07/30/p5js-get-started/

p5.js － 初學者的資料視覺化函式庫
http://blog.infographics.tw/2015/03/beginner-visualization-with-p5js/

p5.js 是 Processing 的 JS 移植版。2001 年，MIT MediaLab 的 Casey Reas and Benjamin Fry 考量到技術細節的問題，開發了 Processing 語言來包裝資料視覺化外的旁枝末節，讓開發者可以專心於視覺化本身。 p5.js 這個JavaScript庫設計之初就與Processing有著共同的目標：讓藝術家、設計師、教育工作者和初學者等都能夠進行編碼，並且是為現代web重新打造。它有著完整的一套作畫功能，但並不意味著你能做的只是在canvas上畫畫。事實上，你可以把整個流覽器都當成你的“畫布”，利用外掛程式庫你可以很方便地與其他html5元素（如文本，輸入框，視頻，攝像頭和音訊）進行交互。而 p5.js 做為 Processing 的移植，完整的採用了Processing 的函式庫介面，並使用 Javascript 做為開發語言，讓原本使用 Javascript 的開發者不再需要另外學習一套程式語言。


#p5.js, Javascript, Processing, canvas, html5, 資料視覺化