ludwig/lehnert.dev
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

made it even more enjoyable to watch

Browse Source
This commit is contained in:
Ludwig Lehnert 2025-04-14 22:14:54 +02:00
parent 6e23998887
commit 6aa3fbd265
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/routes/+page.svelte
View File

@ -52,11 +52,11 @@
let lidx: number = 0; let lidx: number = 0;
const lineInterval = setInterval(() => { const lineInterval = setInterval(() => {
if (Math.random() < 0.7) return; if (Math.random() < 0.3) return;
if (Math.random() < 0.05) lidx = chooseRandom(indices); if (Math.random() < 0.05) lidx = chooseRandom(indices);
let iter = 0; let iter = 0;
while (iter++ < 100) { while (iter++ < 1000) {
const nidx = chooseRandom(indices); const nidx = chooseRandom(indices);
if (lidx === nidx) continue; if (lidx === nidx) continue;
@ -65,7 +65,7 @@
const d = Math.sqrt( const d = Math.sqrt(
Math.pow(lx - rx, 2) + Math.pow(ly - ry, 2), Math.pow(lx - rx, 2) + Math.pow(ly - ry, 2),
); );
if (d > 0.4 && Math.random() < 0.8) continue; if ((d > 0.4 && Math.random() < 0.8) || d > 0.5) continue;
const line = document.getElementById(`${lidx}-${nidx}`); const line = document.getElementById(`${lidx}-${nidx}`);
if (!line) continue; if (!line) continue;
@ -73,13 +73,13 @@
line.setAttribute("opacity", "1"); line.setAttribute("opacity", "1");
setTimeout( setTimeout(
() => line.setAttribute("opacity", "0"), () => line.setAttribute("opacity", "0"),
Math.random() * 6000, 4500 + Math.random() * 2500,
); );
lidx = nidx; lidx = nidx;
break; break;
} }
}, 150); }, 650);
document.getElementById("stars")?.append(...stars); document.getElementById("stars")?.append(...stars);
@ -225,7 +225,10 @@
:global(#stars-lines line) { :global(#stars-lines line) {
transition-duration: 500ms; transition-duration: 500ms;
animation: strokeAnim 3s ease-in-out infinite alternate; }
:global(#stars-lines line[opacity="1"]) {
animation: strokeAnim 3s ease-in-out forwards;
} }
@keyframes strokeAnim { @keyframes strokeAnim {