Update app.py

app.py

@@ -95,6 +95,9 @@ with demo:
         emojiCtx.textBaseline = 'middle';
         emojiCtx.fillText('🤗', 128, 128);
         const emojiTexture = new THREE.CanvasTexture(emojiCanvas);
+        // Ensure texture is not flipped or rotated incorrectly
+        emojiTexture.flipY = false; // Explicitly set to false to maintain correct orientation
+
         const faceGeometry = new THREE.SphereGeometry(0.8, 32, 32);
         const faceMaterial = new THREE.MeshLambertMaterial({ map: emojiTexture });
         const face = new THREE.Mesh(faceGeometry, faceMaterial);
@@ -104,8 +107,8 @@ with demo:
         face.lane = 0; // -1, 0, 1
         face.jumping = false;
 
-        // Ensure initial rotation faces the user
-        face.rotation.y = Math.PI; // Rotate 180 degrees to face backward initially
+        // Ensure initial rotation faces the user (backward, toward camera)
+        face.rotation.y = Math.PI; // Rotate 180 degrees around y-axis to face backward
 
         // Collectibles
         const gpuCanvas = document.createElement('canvas');
@@ -243,8 +246,10 @@ with demo:
                     }
                 }
 
-                // Face the user (camera)
-                face.lookAt(camera.position);
+                // Face the user (camera) explicitly
+                const targetPosition = camera.position.clone();
+                targetPosition.y = face.position.y; // Match height to avoid tilting
+                face.lookAt(targetPosition);
 
                 // Spawn items
                 spawnItems();