艺术系必修课：P5.js

cylinder() 是 p5.js 中用于绘制3D 圆柱体的函数。圆柱体由顶部、底部两个圆形和侧面组成，所有表面由三角形拼接而成（这是 3D 绘图的常见方式）。

cone() 是 p5.js 中用于绘制三维圆锥体的函数。它属于 p5.js 的 3D 绘图功能，允许你在 3D 空间中创建圆锥形状。对于初学者来说，这是进入 3

如果你已经会用box()、sphere()画简单 3D 形状，想组合它们做出复杂模型，又担心画面卡顿，那么buildGeometry()就是你的 "性能救星"

如果你刚接触 p5.js，想尝试 3D 绘图，那么box()函数绝对是你的入门首选。它能快速绘制出 3D 长方体（或正方体），配合简单的交互就能做出酷炫的 3D

在 p5.js 的 3D 绘图中，这两个函数是一对 "黄金搭档"： beginGeometry()：像一个 "3D 模型的开关"，调用它之后，你画的所有简单 3D

在 p5.js 中，model()是专门用来绘制 3D 模型的 "画笔"。它的作用很简单：把一个提前准备好的 3D 几何对象（p5.Geometry）画到画布上。

loadModel() 是 p5.js 中用于加载 3D 模型的核心函数，它能将 OBJ 或 STL 格式的 3D 模型文件转换为 p5.js 可处理的 p5.Geometry 对象，之后可以通过 m

如果你已经开始探索 p5.js 的 3D 世界，那么createModel()这个 API 绝对是你需要掌握的强大工具。

如果你刚接触 p5.js，想画一个三角形，那 triangle() 这个 API 就是你的好帮手！！

在 p5.js 中，square() 是一个用于绘制正方形的便捷函数。与使用 rect() 绘制正方形相比，square() 更加简洁，因为它只需要指定边长而不需要分别指定宽和高。

用 p5.js 绘制矩形有个很方便的方法：react()。这个简单的函数能帮我们画出普通矩形、圆角矩形，甚至在 3D 模式下调整细节。

如果你刚接触 p5.js，想画各种四边形（比如正方形、矩形、菱形），可以用 quad() 方法直接绘制。 quad是 "四边形" 的英文

刚接触 p5.js 时，要是想从最基础的图形入手，point () 会是个不错的选择。它就像一支小巧的画笔，能在画布上精准画出一个个 “点”—— 操作起来很简单，

线段是最基础的图形元素，就像画画时的 “线条”—— 用它可以勾勒轮廓、连接形状，甚至组合出复杂的图案。p5.js 的 line() 函数能轻松画出线段，语法比原生Canvas要好理解多了。

椭圆是圆形的 "灵活亲戚"—— 它可以是胖的、瘦的、横的、竖的，是创作中非常实用的图形元素。p5.js 的 ellipse() 函数能轻松绘制各种椭圆

如果你刚接触 p5.js，想知道怎么画一个圆，那 circle() 函数就是最适合的入门工具。它简单到只需要 3 个参数就能画出一个圆，甚至能轻松扩展出彩色、动画

在 p5.js 中，arc() 函数用于绘制圆弧，它是创建各种圆形图形和动画的基础。圆弧本质上是椭圆的一部分，由中心点、宽度、高度、起始角度和结束角度等参数定义。

❤️ 简单来说，p5.js 能让“切图仔”更容易做出具有艺术感的作品（很能整活）。本文会用光的速度带你入门P5.js

按照 《p5.js 光速入门》 的方式在 module 模式下使用 p5.js ，如果不出意外的话肯定会有意外！

p5.js 作为一款艺术类的 canvas 库，对颜色方面的支持是挺下功夫的，比如本文要介绍的渐变方法： lerpColor 的作用是混合两个颜色以找到一个介于它们之间的颜色