Update app.py

app.py

@@ -143,11 +143,11 @@ def load_aframe_and_extras():
         case 'rotateCW':
           rotVelocity.y = Math.max(rotVelocity.y - rotAccel, -maxRotSpeed);
           break;
-        case 'rollCCW':
-          rotVelocity.z = Math.min(rotVelocity.z + rotAccel, maxRotSpeed);
+        case 'pitchUp':
+          rotVelocity.x = Math.max(rotVelocity.x - rotAccel, -maxRotSpeed);
           break;
-        case 'rollCW':
-          rotVelocity.z = Math.max(rotVelocity.z - rotAccel, -maxRotSpeed);
+        case 'pitchDown':
+          rotVelocity.x = Math.min(rotVelocity.x + rotAccel, maxRotSpeed);
           break;
         case 'forward':
           var cam = document.querySelector('[camera]');
@@ -227,8 +227,8 @@ def load_aframe_and_extras():
         case '9': moveCamera('angle4'); break;
         case 'q': flyCamera('rotateCCW'); break;
         case 'e': flyCamera('rotateCW');  break;
-        case 'z': flyCamera('rollCCW');   break;
-        case 'c': flyCamera('rollCW');    break;
+        case 'z': flyCamera('pitchUp');   break;
+        case 'c': flyCamera('pitchDown'); break;
         case 'a': flyCamera('moveLeft');  break;
         case 'd': flyCamera('moveRight'); break;
         case 'w': flyCamera('forward');   break;
@@ -280,9 +280,9 @@ def generate_tilemap(files, dirpath, gw=8, gh=8):
         elif ext in img_exts:
             assets += f'<img id="{stem}" src="data:image/{ext};base64,{data}">'
         elif ext in vid_exts:
-            assets += (f'<video id="{stem}" '
+            assets += (f'<video id="{stem}" preload="auto" '
                        f'src="data:video/mp4;base64,{data}" '
-                       'loop autoplay muted></video>')
+                       'loop="true" autoplay="true" muted="true" playsinline webkit-playsinline></video>')
     assets += "</a-assets>"
 
     # 🏞️ 4.2 Build the Scene: Lay out the tiles and models! 🏡
@@ -290,9 +290,13 @@ def generate_tilemap(files, dirpath, gw=8, gh=8):
     model_counts = {f: 0 for f in models}  # Track spawned model counts 📊
     if vids:
         v = vids[0]; s = Path(v).stem
-        entities += (f'<a-video src="#{s}" width="{gw}" height="{gh}" '
+        // 📹 Adjust video dimensions to cover the tilemap while preserving aspect ratio 🎥
+        // Assume a common video aspect ratio (16:9) and scale to fit 8x8 tilemap
+        const videoWidth = 8; // Match tilemap width
+        const videoHeight = 8; // Match tilemap height (square to fit tilemap)
+        entities += (f'<a-video src="#{s}" width="{videoWidth}" height="{videoHeight}" '
                      f'rotation="-90 0 0" position="0 0.05 0" '
-                     'loop autoplay></a-video>')
+                     'material="shader:flat; src:#{s}" loop="true" autoplay="true"></a-video>')
     else:
         sx = -gw/2; sz = -gh/2
         for i in range(gw):
@@ -339,7 +343,7 @@ def main():
             accept_multiple_files=True
         )
         st.markdown("### 📋 Uploaded Model Files")
-        directory = st.text_input("Path:", ".", key="dir")
+        directory = st.text_input("", ".", key="dir", placeholder="Enter directory path (e.g., '.')")
         if os.path.isdir(directory):
             files = [f for f in os.listdir(directory) if f.split('.')[-1] in ['obj', 'glb', 'gltf']]
             if files: