如何在我的草图中留下痕迹而不删除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()来保存每一帧的图形设置，这样平移就不会从一帧到其他帧累积。