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

Increase opacity, slow timescale of Dots

Browse Source
This commit is contained in:
Xevion
2024-12-28 16:32:55 -06:00
parent dca72e6881
commit 34c306f493
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Dots.tsx
View File

@@ -24,7 +24,8 @@ const Dots: React.FC = () => {
const LENGTH = 3; const LENGTH = 3;
const SPACING = 20; const SPACING = 20;
const TARGET_FRAMERATE = 5; const TARGET_FRAMERATE = 5;
const TIMESCALE = 4; const TIMESCALE = 2;
const OPACITY = 0.7;
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;
@@ -73,7 +74,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.1) * p.opacity * 255 * 0.4); stroke(200, 200, 200, (Math.abs(cos(rad)) * 0.8 + 0.1) * p.opacity * 255 * OPACITY);
circle(nx, ny - offsetY, 1); circle(nx, ny - offsetY, 1);
} }
} }