andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Refactor and fix too long page bug

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-25 18:08:55 +02:00
parent ef30dbd7f0
commit 78dd507be4
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
3 changed files with 15 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/page/background/background.ts
View file

@ -72,13 +72,18 @@ export class Background extends PageElement {
private randomizeBlobs(topOffset: number, bottomOffset: number) {
this.random.seed = 50;
this.blobs.forEach((b) => {
const z = -Number.parseInt(b.style.zIndex);
const [x, y] = this.randomXY(z, topOffset, bottomOffset, parseInt(b.style.height));
const z = -parseFloat(b.style.zIndex);
const [x, y] = this.getRandomPosition(
z,
topOffset,
bottomOffset,
parseFloat(b.style.height)
);
b.style.transform = `translate3D(${x}px, ${y}px, ${-z}px) rotate(-20deg)`;
});
}
private randomXY(
private getRandomPosition(
z: number,
topOffset: number,
bottomOffset: number,
@ -112,10 +117,7 @@ export class Background extends PageElement {
z / Background.zMax
)
),
this.random.inInterval(
mix(topOffset, farTop, z / Background.zMax),
mix(this.contentHeight - bottomOffset, farBottom, z / Background.zMax)
),
this.random.inInterval(mix(topOffset, farTop, z / Background.zMax), farBottom),
];
}
}