在 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.growthwiththeweb.com/2012/10/creating-trail-effect-with-canvas.html
然而,所有这些似乎都留下了“痕迹”的略微淡化的痕迹,以至于痕迹从未真正消失过。我知道有其他方法可以创建 trails,但我的主要问题是:
为什么足迹没有完全消失?为什么添加额外的多层褪色颜色会完全构成该颜色?
谢谢你帮助我困惑的大脑。