帆布小径离开...小径

Question

在Canvas中制作动画时，常用的方法是使用半透明颜色或渐变覆盖整个上下文。像这样：

context.fillStyle = 'rgba(255, 255, 255, .05)';
context.fillRect(0, 0, canvas.width, canvas.height);

// ...draw your next frame

许多关于如何创建路径的示例都使用了这种方法（我没有创作任何这些例子）：

• http://codepen.io/gbnikolov/pen/VLLgRW
• http://www.html5gamedevs.com/topic/13621-best-way-to-create-fading-trails/
• http://www.growingwiththeweb.com/2012/10/creating-trail-effect-with-canvas.html

然而，所有这些似乎留下了slightly faded out trail of the "trail"，所以这条路线永远不会消失。我知道there's alternative ways to create trails，但我的主要问题是：

为什么这条小道完全消失了？为什么添加额外的多层褪色会完全构成该颜色？

感谢您帮助解决我困惑的大脑。

Answer 1

您可以尝试在每帧创建轨迹的后面填充一个矩形，只需将颜色设置为画布的背景颜色即可。这应该在它达到一定长度后掩盖踪迹。