prehistoric-systems/tilde
1
0
Fork 0
mirror of https://github.com/xvvvyz/tilde.git synced 2026-03-11 14:44:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fully fade out previous rain drop streak

Browse source
This commit is contained in:
Cade Scroggins 2023-03-31 13:49:23 -07:00
parent da70da90b7
commit 7acc06baeb
No known key found for this signature in database
GPG key ID: 6AC5A902158265D0
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
index.html
View file

@ -812,6 +812,16 @@
const x = i * this.#rainWidth;
const y = this.#drops[i] * this.#rainHeight;
this.#ctx.fillRect(x, y, this.#rainWidth, this.#rainHeight);
if (this.#drops[i] <= 4) {
// fully fade out previous rain drop streak
this.#ctx.fillStyle = this.#backgroundColor;
this.#ctx.globalAlpha = this.#drops[i] === 4 ? 1 : 0.4;
const eraseY = y + this.#rainHeight;
const eraseHeight = this.#canvas.height - eraseY;
this.#ctx.fillRect(x, eraseY, this.#rainWidth, eraseHeight);
}
const reset = Math.random() > CONFIG.rainResilience;
if (reset || y > this.#canvas.height) this.#drops[i] = 0;
else this.#drops[i]++;