p5.js初入門及理解
阿新 • • 發佈：2020-10-16
p5.js初入門及理解
學習p5.js的初衷
作為前端視覺化開發人員，需要掌握一些優秀的視覺化庫，感覺自己有必要學習一下
p5.js是什麼
p5.js是開源的JavaScript視覺化庫，processing的js實現版本，這是p5的官方簡體中文地址：
https://p5js.org/zh-Hans/
筆者瞭解到p5.js有很多有趣的外掛，這是開源軟體健康發展的標誌
p5.js還加入了影象和聲音等多媒體的處理
p5.js和processing的區別
processing預設是java版本的，p5.js是javascript版本的，筆者從官方得知，processing開發的內容可以匯出為js執行版本，而且執行效率好像還比p5.js快一點兒，感興趣的可以看看兩者的區別和互轉，官方翻譯版
p5.js 和 Processing 的恩怨情仇
p5.js的學習環境搭建
基於上面的網站，已經可以直接學習了，但是推薦使用processing的環境
https://processing.org/download/
因為筆者發現，這個環境可以切換為p5.js，支援多語言，支援除錯，網站釋出的方式執行，還帶對應的demo，非常適合新手學習使用
p5.js如何在react，vue等環境中使用
看過p5.js的都大哥知道一個方法setup，一個方法draw，搭配時下流行的js框架非常有必要
後續p5研究方向，感興趣的可以一起交流
1.p5.js原始碼閱讀
2.p5.js在webgl方面的擴充套件
3.p5.js和pixi.js對比和區別