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对比和区别