閃爍明星背景錯誤 - HTML5畫布和Javascript

Question

我有一些Javascript代碼來繪製一羣<canvas>上的明星，並使它們閃爍，但我的代碼根本不工作。

會發生什麼事情是，所有的明星都是在完全不透明的狀態下開始的（除了一些淡入，然後保持完全不透明狀態）。我不知道爲什麼不透明度不會回落，因爲我認爲我已經在Star課程中的incrementOpcity()方法中編程。

我試圖用一個對象來表示一個星，但我不確定我是否已經正確實現它。我也不知道我是否使用<canvas>上下文錯誤。

誰能告訴我究竟是什麼問題？

的代碼可以發現here

Answer 1

的主要問題是，你是繪製不同的不透明的盒子在彼此，而不刪除舊箱子。因此，你最終只是看起來像一個單一的白色框顯示..

你也有兩個錯誤，我修好了。

你可以在這裏看到我的變化：http://tinkerbin.com/ZfAxYXVs

Answer 2

這裏是一個updated one。

主要問題：

1. 您需要清除畫布和重繪你的黑色背景每一幀。

2. 您正在訪問fillStyle中的opacity變量，它應該是this.opacity。

3. 你的綁定檢查不是很有效。