p5.js 入门教程

1、第一步我们通过百度搜索p5.js，点击如下图所示：

3、第三步可以自己进行本地编辑，也可以使用p5.js的在线编辑器，这里采用的是在线编辑器，一进喉哆碓飙去可以看到p5.js项目默认有以下代码，从setup()方法执行一次后，就进入draw()函数进行不断循环调用，如下图所示：

5、第五步我们也可以用stroke和fill来设置各种图形的线条色和填充色，如下图所示：

7、第七步选择例子里面的函数点击进去，可以看到对函数的功能有详细的介绍，并在下面有代码例子进行示范，这样就基本学会l了p5.js的简单使用，如果需要展现更好的样式，需要继续深入学习。