闪烁的星背景错误 - HTML5画布和Javascript

Question

我有一些Javascript代码在<canvas>上绘制一堆星星并使它们闪烁，但我的代码根本不起作用。

所发生的事情是，所有星星都只是以完全不透明的方式开始（除了少数淡入然后保持完全不透明度）。我不知道为什么不透明度不会下降，因为我认为我已经在incrementOpcity()类的Star方法中进行了编程。

我尝试使用一个对象代表一个星星，但我不确定我是否正确实现了它。我也不知道我是否使用<canvas>上下文错误。

有人能告诉我究竟是什么问题吗？

可以找到代码here

Answer 1

主要问题是你正在绘制彼此不同的不透明度的盒子，而不是移除旧盒子。结果，你最终只是看起来像一个单一的白色框显示..

我还修了两个错误。

您可以在此处查看我的更改：http://tinkerbin.com/ZfAxYXVs

Answer 2

这是updated one。

主要问题：

1. 您需要清除画布并在每帧重绘黑色背景。

2. 您正在访问opacity中的fillStyle变量，该变量应为this.opacity。

3. 您的绑定检查工作不正常。