PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Minor improvements

Browse source 
* Made color generation dependant on gradient usage.
* Changed a loop to use for of
This commit is contained in:
MaHa-Nordeck 2020-10-22 14:01:16 +02:00
parent 1c556c97d3
commit 46eb5cdb1b
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/views/elements/effects/confetti/index.ts
View file

@ -107,11 +107,15 @@ export default class Confetti implements ICanvasEffect {
private resetParticle = (particle: ConfettiParticle, width: number, height: number): ConfettiParticle => { private resetParticle = (particle: ConfettiParticle, width: number, height: number): ConfettiParticle => {
particle.color = this.colors[(Math.random() * this.colors.length) | 0] + (this.options.alpha + ')'); particle.color = this.colors[(Math.random() * this.colors.length) | 0] + (this.options.alpha + ')');
particle.color2 = this.colors[(Math.random() * this.colors.length) | 0] + (this.options.alpha + ')'); if(this.options.gradient) {
particle.color2 = this.colors[(Math.random() * this.colors.length) | 0] + (this.options.alpha + ')');
} else {
particle.color2 = particle.color;
}
particle.x = Math.random() * width; particle.x = Math.random() * width;
particle.y = Math.random() * height - height; particle.y = Math.random() * -height;
particle.diameter = Math.random() * 10 + 5; particle.diameter = Math.random() * 10 + 5;
particle.tilt = Math.random() * 10 - 10; particle.tilt = Math.random() * -10;
particle.tiltAngleIncrement = Math.random() * 0.07 + 0.05; particle.tiltAngleIncrement = Math.random() * 0.07 + 0.05;
particle.tiltAngle = Math.random() * Math.PI; particle.tiltAngle = Math.random() * Math.PI;
return particle; return particle;
@ -141,10 +145,8 @@ export default class Confetti implements ICanvasEffect {
if (!this.context || !this.context.canvas) { if (!this.context || !this.context.canvas) {
return; return;
} }
let particle;
let x; let x2; let y2; let x; let x2; let y2;
for (let i = 0; i < this.particles.length; i++) { for (const particle of this.particles) {
particle = this.particles[i];
this.context.beginPath(); this.context.beginPath();
context.lineWidth = particle.diameter; context.lineWidth = particle.diameter;
x2 = particle.x + particle.tilt; x2 = particle.x + particle.tilt;