nexus/PairDrop
2
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2026-04-18 07:12:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Speed up canvas by removing fade-in animation

Browse Source
This commit is contained in:
schlagmichdoch
2023-05-16 18:55:36 +02:00
parent 8a17b82fa4
commit df778ba42c
6 changed files with 22 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/scripts/ui.js
View File

@@ -2249,14 +2249,7 @@ window.addEventListener('beforeinstallprompt', e => {
// Background Circles
Events.on('load', () => {
let c = document.createElement('canvas');
let style = c.style;
style.width = '100%';
style.position = 'absolute';
style.zIndex = -1;
style.top = 0;
style.left = 0;
style.animation = "fade-in 800ms";
let c = $$('canvas');
let cCtx = c.getContext('2d');
let x0, y0, w, h, dw, offset;
@@ -2277,11 +2270,7 @@ Events.on('load', () => {
y0 = h - offset;
dw = Math.round(Math.max(w, h, 1000) / 13);
if (document.body.contains(c)) {
document.body.removeChild(c);
}
drawCircles(cCtx, dw);
document.body.appendChild(c);
}
Events.on('bg-resize', _ => init());
@@ -2297,6 +2286,7 @@ Events.on('load', () => {
}
function drawCircles(ctx, frame) {
ctx.clearRect(0, 0, w, h);
for (let i = 0; i < 13; i++) {
drawCircle(ctx, dw * i + frame + 33);
}