0.51.6

package-lock.json

@@ -1,11 +1,11 @@
 {
   "name": "traxxx-web",
-  "version": "0.51.5",
+  "version": "0.51.6",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "0.51.5",
+      "version": "0.51.6",
       "dependencies": {
         "@brillout/json-serializer": "^0.5.8",
         "@dicebear/collection": "^7.0.5",

package.json

@@ -92,7 +92,7 @@
   "overrides": {
     "vite": "$vite"
   },
-  "version": "0.51.5",
+  "version": "0.51.6",
   "imports": {
     "#/*": "./*.js"
   }

pages/scene/+Page.vue

@@ -505,21 +505,15 @@ function getFaceCrop(biometrics) {
 	}
 
 	if (leftEye && rightEye && mouth) {
-		const xs = [leftEye[0], rightEye[0], mouth[0]];
-		const ys = [leftEye[1], rightEye[1], mouth[1]];
+		const avgEyeY = (leftEye[1] + rightEye[1]) / 2;
+		const avgEyeX = (leftEye[0] + rightEye[0]) / 2;
 
-		const minX = Math.min(...xs);
-		const maxX = Math.max(...xs);
-		const minY = Math.min(...ys);
-		const maxY = Math.max(...ys);
+		const eyesToMouth = mouth[1] - avgEyeY;
 
-		const triangleWidth = maxX - minX;
-		const triangleHeight = maxY - minY;
+		const centerX = (avgEyeX + mouth[0]) / 2;
+		const centerY = (avgEyeY + mouth[1]) / 2;
 
-		const centerX = (minX + maxX) / 2;
-		const centerY = (minY + maxY) / 2;
-
-		const size = Math.max(triangleWidth, triangleHeight) * avatarMargin;
+		const size = eyesToMouth * avatarMargin;
 
 		return clampCrop({
 			left: centerX - size / 2,