etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(backgrounds): keep constellation particles in bounds on resize

Browse Source
This commit is contained in:
Boris Kovalskii
2026-06-11 10:44:05 +10:00
parent 510e4bd738
commit acd0d7c69e
1 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/ui/backgrounds/constellation.tsx
View File

@@ -63,10 +63,17 @@ export default function ConstellationBackground({ settings }: Props) {
canvas.height = nh * dpr;
canvas.style.width = `${nw}px`;
canvas.style.height = `${nh}px`;
if (stateRef.current) {
stateRef.current.ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
stateRef.current.w = nw;
stateRef.current.h = nh;
const state = stateRef.current;
if (state) {
state.ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
if (state.w > 0 && state.h > 0) {
for (const p of state.particles) {
p.x *= nw / state.w;
p.y *= nh / state.h;
}
}
state.w = nw;
state.h = nh;
}
};
@@ -87,8 +94,20 @@ export default function ConstellationBackground({ settings }: Props) {
p.x += p.vx;
p.y += p.vy;
if (p.x < 0 || p.x > w) p.vx = -p.vx;
if (p.y < 0 || p.y > h) p.vy = -p.vy;
if (p.x < 0) {
p.x = 0;
p.vx = Math.abs(p.vx);
} else if (p.x > w) {
p.x = w;
p.vx = -Math.abs(p.vx);
}
if (p.y < 0) {
p.y = 0;
p.vy = Math.abs(p.vy);
} else if (p.y > h) {
p.y = h;
p.vy = -Math.abs(p.vy);
}
}
ctx.strokeStyle = lineColor;