如何在我的草图中留下痕迹而不删除p5js中的背景？

Question

我想在矩形的每个角留下线条轨迹。我尝试过 createGraphics 在我想留下痕迹的地方添加额外的画布，但它不起作用。

我故意用余弦旋转矩形。我的作业禁止使用旋转功能。

我按照本教程操作：https://www.youtube.com/watch?v=TaluaAD9MKA

草图：

没有 createGraphics： https://editor.p5js.org/plaszlo/sketches/W6Bq6zAI3

使用 createGraphics：https://editor.p5js.org/plaszlo/sketches/WQhPN5e7F

Answer 1

我发现你的代码有一些问题。您可以在此处查看我找到的解决方案。

我需要做的修复：

1. 要创建图形，您应该使用 createGraphics （您之前使用的是 createCanvas）。
2. 当您翻译在画布上绘制的形状时，您还应该翻译轨迹图层图形中的轨迹本身。
3. 当你绘制轨迹时，你还应该使用push()和pop()来保存每一帧的图形设置，这样平移就不会从一帧到其他帧累积。