Create app.py

app.py

@@ -0,0 +1,146 @@
+import streamlit as st
+import os
+import base64
+from pathlib import Path
+import shutil
+import random
+
+# 🌈 Load A-Frame and custom components
+@st.cache_data
+def load_aframe_and_extras():
+    return """
+    <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
+    <script src="https://unpkg.com/[email protected]/dist/aframe-event-set-component.min.js"></script>
+    <script>
+    // 🕹️ Make objects draggable
+    AFRAME.registerComponent('draggable', {
+      // ... (draggable component code remains the same)
+    });
+
+    // 🦘 Make objects bounce
+    AFRAME.registerComponent('bouncing', {
+      // ... (bouncing component code remains the same)
+    });
+
+    // 💡 Create moving light sources
+    AFRAME.registerComponent('moving-light', {
+      // ... (moving-light component code remains the same)
+    });
+
+    // 📷 Camera controls
+    function moveCamera(direction) {
+      var camera = document.querySelector('[camera]');
+      var rig = document.querySelector('#rig');
+      var pos = rig.getAttribute('position');
+      var rot = rig.getAttribute('rotation');
+      var speed = 0.5;
+      var rotationSpeed = 5;
+      
+      switch(direction) {
+        case 'up':
+          pos.z -= speed;
+          break;
+        case 'down':
+          pos.z += speed;
+          break;
+        case 'left':
+          pos.x -= speed;
+          break;
+        case 'right':
+          pos.x += speed;
+          break;
+        case 'rotateLeft':
+          rot.y += rotationSpeed;
+          break;
+        case 'rotateRight':
+          rot.y -= rotationSpeed;
+          break;
+        case 'reset':
+          pos = {x: 0, y: 10, z: 0};
+          rot = {x: -90, y: 0, z: 0};
+          break;
+        case 'ground':
+          pos = {x: 0, y: 1.6, z: 0};
+          rot = {x: 0, y: 0, z: 0};
+          break;
+      }
+      
+      rig.setAttribute('position', pos);
+      rig.setAttribute('rotation', rot);
+    }
+
+    // ⌨️ Keyboard controls
+    document.addEventListener('keydown', function(event) {
+      switch(event.key.toLowerCase()) {
+        case 'q':
+          moveCamera('rotateLeft');
+          break;
+        case 'e':
+          moveCamera('rotateRight');
+          break;
+        case 'z':
+          moveCamera('reset');
+          break;
+        case 'c':
+          moveCamera('ground');
+          break;
+      }
+    });
+    </script>
+    """
+
+# ... (The rest of the functions remain the same)
+
+# 🎭 Main function to run the Streamlit app
+def main():
+    st.set_page_config(layout="wide")
+    
+    with st.sidebar:
+        st.markdown("### 🤖 3D AI Using Claude 3.5 Sonnet for AI Pair Programming")
+        
+        st.markdown("[Open 3D Animation Toolkit](https://huggingface.co/spaces/awacke1/3d_animation_toolkit)", unsafe_allow_html=True)
+        
+        st.markdown("### ⬆️ Upload")
+        uploaded_files = st.file_uploader("Add files:", accept_multiple_files=True, key="file_uploader")
+        
+        st.markdown("### 🎮 Camera Controls")
+        col1, col2, col3 = st.columns(3)
+        with col1:
+            st.button("⬅️", on_click=lambda: st.session_state.update({'camera_move': 'left'}))
+            st.button("🔄↺", on_click=lambda: st.session_state.update({'camera_move': 'rotateLeft'}))
+            st.button("🔝", on_click=lambda: st.session_state.update({'camera_move': 'reset'}))
+        with col2:
+            st.button("⬆️", on_click=lambda: st.session_state.update({'camera_move': 'up'}))
+            st.button("🔄↻", on_click=lambda: st.session_state.update({'camera_move': 'rotateRight'}))
+            st.button("👀", on_click=lambda: st.session_state.update({'camera_move': 'ground'}))
+        with col3:
+            st.button("➡️", on_click=lambda: st.session_state.update({'camera_move': 'right'}))
+            st.button("⬇️", on_click=lambda: st.session_state.update({'camera_move': 'down'}))
+        
+        st.markdown("### 🗺️ Grid Size")
+        grid_width = st.slider("Grid Width", 1, 8, 8)
+        grid_height = st.slider("Grid Height", 1, 5, 5)
+        
+        st.markdown("### ℹ️ Instructions")
+        st.write("- WASD: Move camera")
+        st.write("- Q/E: Rotate camera left/right")
+        st.write("- Z: Reset camera to top view")
+        st.write("- C: Move camera to ground level")
+        st.write("- Click and drag to move objects")
+        st.write("- Mouse wheel to zoom")
+        st.write("- Right-click and drag to rotate view")
+        
+        st.markdown("### 📁 Directory")
+        directory = st.text_input("Enter path:", ".", key="directory_input")
+
+    # ... (The rest of the main function remains the same)
+
+    camera_move = st.session_state.get('camera_move', None)
+    if camera_move:
+        aframe_scene += f"<script>moveCamera('{camera_move}');</script>"
+        st.session_state.pop('camera_move')
+
+    st.components.v1.html(load_aframe_and_extras() + aframe_scene, height=600)
+
+if __name__ == "__main__":
+    main()