从0到1教你如何使用 p5.js 绘制简单的动画

在本文中，我们将学习在 p5.js 中通过使用线条、 矩形和椭圆来制作房屋的各个部分来制作房屋的简单动画。

（ 像不像你小时候上画画课和微机课画的那个）

目录

• • 1.什么是p5.js？
  • 2.什么是动画？
  • 3.绘制方案
  • 4.代码实现
  • 5.结尾

1.什么是p5.js？

p5.j​​s 是一个 JavaScript 库，它以 Processing 的原始目标开始，使艺术家、设计师、教育工作者和初学者可以访问编码，并为当今的网络重新解释这一点。

使用软件速写本的原始比喻，p5.js 具有全套绘图功能。但是，您不仅限于绘图画布，您可以将整个浏览器页面视为您的草图！为此，p5.js 具有插件库，可以轻松与其他 HTML5 对象交互，包括文本、输入、视频、网络