Spaces:

awacke1
/

ColoradoMadLibs

Running

App Files Files Community

awacke1 commited on 2 days ago

Commit

7f324ee

verified ·

1 Parent(s): ab455b5

Update app.py

Browse files

Files changed (1) hide show

app.py +41 -41

app.py CHANGED Viewed

@@ -229,7 +229,7 @@ async def websocket_handler(websocket, path):
                         st.session_state.prairie_players[client_id]["animal"] = value
                     elif action == "MOVE":
                         target = PRAIRIE_LOCATIONS.get(value, PRAIRIE_LOCATIONS["Deadwood, SD"])
-                        st.session_state.prairie_players[client_id]["location"] = target
                         action_msg = f"{username} ({st.session_state.prairie_players[client_id]['animal']}) moves to {value}"
                         await save_chat_entry(username, action_msg, voice)
                 else:
@@ -254,7 +254,7 @@ async def periodic_update():
             await broadcast_message(f"System|{message}", "quest")
             await broadcast_message(f"MAP_UPDATE:{player_data}", "quest")
-            prairie_list = ", ".join([F"{p['username']} ({p['animal']})" for p in st.session_state.prairie_players.values()]) or "No animals yet!"
             prairie_message = f"🌾 Prairie Update: {prairie_list}"
             prairie_data = json.dumps(list(st.session_state.prairie_players.values()))
             await broadcast_message(f"System|{prairie_message}", "quest")
@@ -403,12 +403,12 @@ prairie_simulator_html = """
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Prairie Simulator</title>
     <style>
-        body { margin: 0; font-family: Arial, sans-serif; background: #f0f0f0; }
-        #simContainer { width: 100%; height: 600px; position: relative; }
-        #map { width: 100%; height: 400px; }
-        #controls { padding: 10px; background: #fff; border-radius: 5px; }
-        #status { color: #333; padding: 5px; }
-        #chatBox { height: 100px; overflow-y: auto; background: #fff; border: 1px solid #ccc; padding: 5px; }
     </style>
 </head>
 <body>
@@ -437,65 +437,65 @@ prairie_simulator_html = """
     <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
     <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
     <script>
-        const playerName = "%s";
         let ws = new WebSocket('ws://localhost:8765/prairie');
         const map = L.map('map').setView([44.0, -103.0], 7);
-        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
             attribution: '© OpenStreetMap contributors'
-        }).addTo(map);
-        const locations = {
             "Deadwood, SD": [44.3769, -103.7298],
             "Wind Cave National Park": [43.6047, -103.4798],
             "Wyoming Spring Creek": [41.6666, -106.6666]
-        };
-        for (let loc in locations) {
             L.marker(locations[loc]).addTo(map).bindPopup(loc);
-        }
-        let players = {};
-        const markers = {};
-        function updatePlayers(playerData) {
-            playerData.forEach(player => {
-                if (!markers[player.username]) {
-                    markers[player.username] = L.circleMarker(player.location, {
-                        color: `#${player.color.toString(16).padStart(6, '0')}`,
                         radius: 5
-                    }).addTo(map).bindPopup(`${player.username} (${player.animal})`);
-                } else {
                     markers[player.username].setLatLng(player.location);
-                }
-            });
-            document.getElementById('status').textContent = `Players: ${Object.keys(markers).length}`;
-        }
-        function updateAnimal() {
             const animal = document.getElementById('animal').value;
-            ws.send(`${playerName}|PRAIRIE:ANIMAL:${animal}`);
-        }
-        function move() {
             const location = document.getElementById('location').value;
-            ws.send(`${playerName}|PRAIRIE:MOVE:${location}`);
-        }
-        ws.onmessage = function(event) {
             const data = event.data;
-            if (data.startsWith('PRAIRIE_UPDATE:')) {
                 const playerData = JSON.parse(data.split('PRAIRIE_UPDATE:')[1]);
                 updatePlayers(playerData);
-            } else if (!data.startsWith('MAP_UPDATE:')) {
                 const [sender, message] = data.split('|');
                 const chatBox = document.getElementById('chatBox');
-                chatBox.innerHTML += `<p>${sender}: ${message}</p>`;
                 chatBox.scrollTop = chatBox.scrollHeight;
-            }
-        };
     </script>
 </body>
 </html>
-""" % st.session_state.username
 # Main Game Loop
 def main():

                         st.session_state.prairie_players[client_id]["animal"] = value
                     elif action == "MOVE":
                         target = PRAIRIE_LOCATIONS.get(value, PRAIRIE_LOCATIONS["Deadwood, SD"])
+                       .ADDRESSst.session_state.prairie_players[client_id]["location"] = target
                         action_msg = f"{username} ({st.session_state.prairie_players[client_id]['animal']}) moves to {value}"
                         await save_chat_entry(username, action_msg, voice)
                 else:
             await broadcast_message(f"System|{message}", "quest")
             await broadcast_message(f"MAP_UPDATE:{player_data}", "quest")
+            prairie_list = ", ".join([f"{p['username']} ({p['animal']})" for p in st.session_state.prairie_players.values()]) or "No animals yet!"
             prairie_message = f"🌾 Prairie Update: {prairie_list}"
             prairie_data = json.dumps(list(st.session_state.prairie_players.values()))
             await broadcast_message(f"System|{prairie_message}", "quest")
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Prairie Simulator</title>
     <style>
+        body {{ margin: 0; font-family: Arial, sans-serif; background: #f0f0f0; }}
+        #simContainer {{ width: 100%; height: 600px; position: relative; }}
+        #map {{ width: 100%; height: 400px; }}
+        #controls {{ padding: 10px; background: #fff; border-radius: 5px; }}
+        #status {{ color: #333; padding: 5px; }}
+        #chatBox {{ height: 100px; overflow-y: auto; background: #fff; border: 1px solid #ccc; padding: 5px; }}
     </style>
 </head>
 <body>
     <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
     <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
     <script>
+        const playerName = "{username}";
         let ws = new WebSocket('ws://localhost:8765/prairie');
         const map = L.map('map').setView([44.0, -103.0], 7);
+        L.tileLayer('https://{{s}}.tile.openstreetmap.org/{{z}}/{{x}}/{{y}}.png', {{
             attribution: '© OpenStreetMap contributors'
+        }}).addTo(map);
+        const locations = {{
             "Deadwood, SD": [44.3769, -103.7298],
             "Wind Cave National Park": [43.6047, -103.4798],
             "Wyoming Spring Creek": [41.6666, -106.6666]
+        }};
+        for (let loc in locations) {{
             L.marker(locations[loc]).addTo(map).bindPopup(loc);
+        }}
+        let players = {{}};
+        const markers = {{}};
+        function updatePlayers(playerData) {{
+            playerData.forEach(player => {{
+                if (!markers[player.username]) {{
+                    markers[player.username] = L.circleMarker(player.location, {{
+                        color: `#${{player.color.toString(16).padStart(6, '0')}}`,
                         radius: 5
+                    }}).addTo(map).bindPopup(`${{player.username}} (${{player.animal}})`);
+                }} else {{
                     markers[player.username].setLatLng(player.location);
+                }}
+            }});
+            document.getElementById('status').textContent = `Players: ${{Object.keys(markers).length}}`;
+        }}
+        function updateAnimal() {{
             const animal = document.getElementById('animal').value;
+            ws.send(`${{playerName}}|PRAIRIE:ANIMAL:${{animal}}`);
+        }}
+        function move() {{
             const location = document.getElementById('location').value;
+            ws.send(`${{playerName}}|PRAIRIE:MOVE:${{location}}`);
+        }}
+        ws.onmessage = function(event) {{
             const data = event.data;
+            if (data.startsWith('PRAIRIE_UPDATE:')) {{
                 const playerData = JSON.parse(data.split('PRAIRIE_UPDATE:')[1]);
                 updatePlayers(playerData);
+            }} else if (!data.startsWith('MAP_UPDATE:')) {{
                 const [sender, message] = data.split('|');
                 const chatBox = document.getElementById('chatBox');
+                chatBox.innerHTML += `<p>${{sender}}: ${{message}}</p>`;
                 chatBox.scrollTop = chatBox.scrollHeight;
+            }}
+        }};
     </script>
 </body>
 </html>
+""".format(username=st.session_state.username)
 # Main Game Loop
 def main():