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

changed canvas globalCompositeOperation value and removed probability

Browse source
This commit is contained in:
nurjinn jafar 2020-12-18 15:30:50 +01:00 committed by Travis Ralston
parent 4a73402b21
commit 2a2c805031
2 changed files with 3 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/effects/fireworks/index.ts
View file

@ -26,7 +26,6 @@ export type FireworksOptions = {
* gravity value that firework adds to shift from it's start position
*/
gravity: number,
probability: number,
}
type FireworksParticle = {
@ -58,7 +57,6 @@ type FireworksParticle = {
export const DefaultOptions: FireworksOptions = {
maxCount: 500,
gravity: 0.05,
probability: 0.04,
};
export default class Fireworks implements ICanvasEffect {
@ -95,7 +93,7 @@ export default class Fireworks implements ICanvasEffect {
this.supportsAnimationFrame.call(window, this.updateWorld);
}
private update = () => {
if (this.particles.length < this.options.maxCount && Math.random() < this.options.probability) {
if (this.particles.length < this.options.maxCount) {
this.createFirework();
}
const alive = [];
@ -109,9 +107,8 @@ export default class Fireworks implements ICanvasEffect {
private paint = () => {
if (!this.context || !this.context.canvas) return;
this.context.globalCompositeOperation = 'source-over';
this.context.fillStyle = "rgba(0,0,0,0.2)";
this.context.canvas.style.opacity = "0.8";
this.context.globalCompositeOperation = 'destination-out';
this.context.fillStyle = "rgba(0,0,0,0.5)";
this.context.fillRect(0, 0, this.context.canvas.width, this.context.canvas.height);
this.context.globalCompositeOperation = 'lighter';
for (let i=0; i<this.particles.length; i++) {

2
src/effects/index.ts
View file

@ -74,7 +74,6 @@ type FireworksOptions = {
* gravity value that firework adds to shift from it's start position
*/
gravity: number,
probability: number,
}
/**
@ -104,7 +103,6 @@ export const CHAT_EFFECTS: Array<Effect<{ [key: string]: any }>> = [
options: {
maxCount: 500,
gravity: 0.05,
probability: 0.04,
},
} as Effect<FireworksOptions>,
];