xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-06 01:16:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

Tune frame, scale, min opacity

Browse Source
This commit is contained in:
Xevion
2024-12-26 18:15:34 -06:00
parent 1457d250ae
commit dca72e6881
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Dots.tsx
View File

@@ -20,11 +20,11 @@ const Dots: React.FC = () => {
let h = window.innerHeight; let h = window.innerHeight;
const offsetY = window.scrollY; const offsetY = window.scrollY;
const SCALE = 200; const SCALE = 400;
const LENGTH = 10; const LENGTH = 3;
const SPACING = 15; const SPACING = 20;
const TARGET_FRAMERATE = 8; const TARGET_FRAMERATE = 5;
const TIMESCALE = 12 / TARGET_FRAMERATE; const TIMESCALE = 4;
function getForceOnPoint(x: number, y: number, z: number) { function getForceOnPoint(x: number, y: number, z: number) {
return (noise(x / SCALE, y / SCALE, z) - 0.5) * 2 * TWO_PI; return (noise(x / SCALE, y / SCALE, z) - 0.5) * 2 * TWO_PI;
@@ -39,6 +39,7 @@ const Dots: React.FC = () => {
const id = `${x}-${y}`; const id = `${x}-${y}`;
if (pointIds.has(id)) continue; if (pointIds.has(id)) continue;
pointIds.add(id); pointIds.add(id);
points.push({ x, y, opacity: Math.random() * 0.5 + 0.5 }); points.push({ x, y, opacity: Math.random() * 0.5 + 0.5 });
} }
} }
@@ -72,7 +73,7 @@ const Dots: React.FC = () => {
// if (center_distance < 350) // if (center_distance < 350)
// opacity = 0; // opacity = 0;
// opacity = // opacity =
stroke(200, 200, 200, (Math.abs(cos(rad)) * 0.8 + 0.2) * p.opacity * 255 * 0.5); stroke(200, 200, 200, (Math.abs(cos(rad)) * 0.8 + 0.1) * p.opacity * 255 * 0.4);
circle(nx, ny - offsetY, 1); circle(nx, ny - offsetY, 1);
} }
} }