|
39 | 39 |
|
40 | 40 | onMount(async () => { |
41 | 41 | if (!browser) return; |
42 | | - if(calculatedSnowLimit === 0) return; |
| 42 | + if (calculatedSnowLimit === 0) return; |
43 | 43 |
|
44 | 44 | snowflakeImage = new Image(); |
45 | 45 | snowflakeImage.src = '/snowflake-line.png'; |
|
79 | 79 | } |
80 | 80 | }).observe(canvas); |
81 | 81 |
|
82 | | - interval = setInterval(() => { |
83 | | - if (snowflakes.size >= calculatedSnowLimit) return; |
84 | | -
|
85 | | - //horizontal spawn or vertical? |
86 | | - let val = Math.random() < sizeY / sizeX; |
87 | | - let x = val ? -12 : Math.trunc(Math.random() * sizeX); |
88 | | - let y = val ? Math.trunc(Math.random() * sizeY) : -12; |
89 | | -
|
90 | | - const o = { |
91 | | - id: snowflakeId, |
92 | | - x: x, |
93 | | - xSpeed: 1 + Math.random() * 2, |
94 | | - y: y, |
95 | | - rotation: Math.trunc(Math.random() * 360), |
96 | | - rotationSpeed: (1 - Math.round(Math.random()) * 2) * 3, |
97 | | - opacity: 0.3 + Math.random() / 3 |
98 | | - }; |
99 | | -
|
100 | | - snowflakes.set(snowflakeId, o); |
101 | | - snowflakeId++; |
102 | | - }, (HARD_SNOWFLAKE_LIMIT-calculatedSnowLimit)+25); |
| 82 | + interval = setInterval( |
| 83 | + () => { |
| 84 | + if (snowflakes.size >= calculatedSnowLimit) return; |
| 85 | +
|
| 86 | + //horizontal spawn or vertical? |
| 87 | + let val = Math.random() < sizeY / sizeX; |
| 88 | + let x = val ? -12 : Math.trunc(Math.random() * sizeX); |
| 89 | + let y = val ? Math.trunc(Math.random() * sizeY) : -12; |
| 90 | +
|
| 91 | + const o = { |
| 92 | + id: snowflakeId, |
| 93 | + x: x, |
| 94 | + xSpeed: 1 + Math.random() * 2, |
| 95 | + y: y, |
| 96 | + rotation: Math.trunc(Math.random() * 360), |
| 97 | + rotationSpeed: (1 - Math.round(Math.random()) * 2) * 3, |
| 98 | + opacity: 0.3 + Math.random() / 3 |
| 99 | + }; |
| 100 | +
|
| 101 | + snowflakes.set(snowflakeId, o); |
| 102 | + snowflakeId++; |
| 103 | + }, |
| 104 | + HARD_SNOWFLAKE_LIMIT - calculatedSnowLimit + 25 |
| 105 | + ); |
103 | 106 |
|
104 | 107 | interval2 = setInterval(() => { |
105 | 108 | context?.clearRect(0, 0, sizeX, sizeY); |
|
0 commit comments