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

Question

我想在矩形的每个角上留下线条轨迹。我已尝试使用 createGraphics 添加一个额外的 canvas，我想在其中留下足迹，但它不起作用。

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

我遵循了这个教程：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

我发现您的代码存在一些问题。您可以查看 here 我找到的解决方案。

我需要在以下位置进行的修复：

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