艺术系必修课：P5.js

在刚接触 p5.js 时我以为这只是一个艺术方向的 canvas 库，没想到它还支持视频文件和视频流的播放。 本文简单讲讲如何使用 P5.js 播放视频。

这次要介绍几个 p5.js 提供的画布相关的方法：创建画布时的相关配置、让画布绑定指定元素、 重置画布大、删除画布。

🌅 本文介绍了如何使用p5.js开发点彩画派绘画工具。如果你对p5.js和点彩画派感兴趣，可以跟着本文动手试试～

🖼️ 本文主要讲解在p5.js中怎么设置背景图。背景图和普通的图片元素之间有哪些差异、使用背景图时有哪些注意点~

🐇 p5.js是一个流行的JavaScript库，可以轻松创建互动性的图形、动画和交互式应用程序。其中3D图形的绘制也是其强大又有趣的特性之一，本文将介绍如何使用p5.js绘制立方体。

🦄 p5.js中的变换操作是实现动态图形效果的关键，包括平移、旋转、缩放和倾斜等多种操作方式，可以为创作提供丰富的可能性。本文将介绍p5.js中常用的变换函数及其用法。

🦄本文介绍p5.js中map()函数的用法，该函数可以将一段区间映射到另一段区间，用于处理数值的转换。我结合了具体的实例讲解了如何使用map()函数，包括将鼠标位置映射到画布中的特定区域改变画布颜色

原生 canvas 提供了 save() 和 restore() 两个方法去管理画布状态。p5.js 作为一个 canvas 库，也理所当然的提供了状态管理的方法。