www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

Add comments and constants

This commit is contained in:
Amy 2021-08-26 21:09:52 -04:00
parent d9c920bea0
commit 28c45c9475
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/ShapesBackground.tsx
View File

@ -24,6 +24,7 @@ export function ShapesBackground({ getConfig }: Props) {
const containerWidth = shapesContainerRef.current?.offsetWidth;
const containerHeight = shapesContainerRef.current?.offsetHeight;
// In general, rerun getShapesConfig() if the screen size changes from desktop to mobile (or vice versa)
if (
containerWidth == null ||
containerHeight == null ||
@ -187,17 +188,19 @@ export const defaultGetShapesConfig = ((pageWidth, pageHeight) => {
const defaultConfig: ShapesConfig = {};
const gap = 20;
const boxWidth = Math.max(150, (pageWidth - 800 - 2 * gap) / 2);
const minBoxWidth = 150;
const boxWidth = Math.max(minBoxWidth, (pageWidth - 800 - 2 * gap) / 2);
const boxHeight = 400;
const shapeGenerationProbability = 0.85;
for (let y = 0; y + boxHeight <= pageHeight; y += gap + boxHeight) {
for (let x = 0; x <= 1; ++x) {
if (Math.random() < 0.3) {
if (Math.random() > shapeGenerationProbability) {
continue;
}
const size =
boxWidth > 150 && (y == 0 || y + 2 * boxHeight > pageHeight)
boxWidth > minBoxWidth && (y == 0 || y + 2 * boxHeight > pageHeight)
? "big"
: "small";
const shape: ShapeType = getRandomShape(size);