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