feat: gravity should be constant when canvas size changes

Author: Sheraff

src/pages/collision-threads/classes/Balls.ts

@@ -118,8 +118,9 @@ export function makeBalls(side: number) {
 		Atomics.store(base.color, i, randomInt(0, COLORS.length - 1))
 	}
 
+	const relativeGravity = [GRAVITY[0] * side / 1000, GRAVITY[1] * side / 1000]
 	function applyGravity() {
-		accelerate(...GRAVITY)
+		accelerate(relativeGravity[0], relativeGravity[1])
 	}
 
 	function solveCollisions() {

src/pages/collision-threads/utils/constants.ts

@@ -1,10 +1,10 @@
 export const PRECISION = 100000
-export const COUNT = 200
+export const COUNT = 250
 export const GRAVITY = [0, 1000] as const
 export const DELAY_BETWEEN_BALLS = 250
-export const SUB_STEPS = 5
-export const MIN_BALL_RADIUS = 10
-export const MAX_BALL_RADIUS = 35
+export const SUB_STEPS = 8
+export const MIN_BALL_RADIUS = 8
+export const MAX_BALL_RADIUS = 30
 export const TARGET_UPS = 360
 export const COLORS = [
 	'Aquamarine',