Update app.py

app.py

@@ -12,11 +12,11 @@ import numpy as np
 
 GRID_WIDTH = 16
 GRID_HEIGHT = 9
-REFRESH_RATE = 10
+REFRESH_RATE = 5
 INTERACTION_RADIUS = 2
 POINTS_PER_INTERACTION = 1
 
-@st.cache_resource
+@st.cache_resource(show_spinner="Loading game resources...")
 def get_game_images():
     return {
         'tile': Image.new('RGB', (50, 50), color='green'),
@@ -33,7 +33,7 @@ def get_name_components():
                     'is', 'ax', 'on', 'ir', 'ex', 'az', 'er', 'eth', 'ys', 'ix']
     }
 
-@st.cache_data(ttl=2)
+@st.cache_data(ttl=5)
 def load_all_players(timestamp):
     players = {}
     if os.path.exists('players'):
@@ -48,87 +48,170 @@ def load_all_players(timestamp):
                         continue
     return {'players': players, 'last_update': time.time()}
 
-def create_sync_mechanism():
-    sync_js = """
-        <script>
-            function updateGameState() {
-                const timestamp = Date.now();
-                window.parent.document.querySelector('.stApp').classList.add('refreshing');
-                setTimeout(() => window.location.reload(), 100);
-            }
+def clear_caches():
+    st.cache_resource.clear()
+    st.cache_data.clear()
+
+def generate_fantasy_name():
+    name_parts = get_name_components()
+    return random.choice(name_parts['prefixes']) + random.choice(name_parts['suffixes'])
+
+def load_game_state():
+    if 'player_name' in st.query_params:
+        st.session_state.player_name = st.query_params.player_name
+        st.session_state.position = {
+            'x': int(st.query_params.get('x', random.randint(0, GRID_WIDTH - 1))),
+            'y': int(st.query_params.get('y', random.randint(0, GRID_HEIGHT - 1)))
+        }
+        st.session_state.character_stats = {
+            'STR': int(st.query_params.get('STR', 10)),
+            'DEX': int(st.query_params.get('DEX', 10)),
+            'CON': int(st.query_params.get('CON', 10)),
+            'INT': int(st.query_params.get('INT', 10)),
+            'WIS': int(st.query_params.get('WIS', 10)),
+            'CHA': int(st.query_params.get('CHA', 10)),
+            'HP': int(st.query_params.get('HP', 20)),
+            'MAX_HP': int(st.query_params.get('MAX_HP', 40)),
+            'score': int(st.query_params.get('score', 0)),
+            'created_at': float(st.query_params.get('created_at', time.time()))
+        }
+
+def save_game_state():
+    if st.session_state.player_name and st.session_state.character_stats:
+        params = {
+            'player_name': st.session_state.player_name,
+            'x': str(st.session_state.position['x']),
+            'y': str(st.session_state.position['y']),
+            **{k: str(v) for k, v in st.session_state.character_stats.items()}
+        }
+        st.query_params.from_dict(params)
+
+if 'initialized' not in st.session_state:
+    st.session_state.initialized = False
+    st.session_state.game_state = {
+        'players': {},
+        'chat_messages': [],
+        'last_sync': time.time()
+    }
+    st.session_state.player_name = None
+    st.session_state.character_stats = None
+    st.session_state.position = {
+        'x': random.randint(0, GRID_WIDTH - 1),
+        'y': random.randint(0, GRID_HEIGHT - 1)
+    }
+    st.session_state.last_move = time.time()
+    st.session_state.nearby_players = []
+    load_game_state()
+
+def save_player_state():
+    if st.session_state.player_name:
+        player_data = {
+            'name': st.session_state.player_name,
+            'position': st.session_state.position,
+            'stats': st.session_state.character_stats,
+            'last_update': time.time()
+        }
+        os.makedirs('players', exist_ok=True)
+        with open(f"players/{st.session_state.player_name}.json", 'w') as f:
+            json.dump(player_data, f)
+        save_game_state()
+
+def calculate_distance(pos1, pos2):
+    dx = min(abs(pos1['x'] - pos2['x']), GRID_WIDTH - abs(pos1['x'] - pos2['x']))
+    dy = min(abs(pos1['y'] - pos2['y']), GRID_HEIGHT - abs(pos1['y'] - pos2['y']))
+    return dx + dy
+
+def update_position(direction):
+    if direction == "up":
+        st.session_state.position['y'] = (st.session_state.position['y'] - 1) % GRID_HEIGHT
+    elif direction == "down":
+        st.session_state.position['y'] = (st.session_state.position['y'] + 1) % GRID_HEIGHT
+    elif direction == "left":
+        st.session_state.position['x'] = (st.session_state.position['x'] - 1) % GRID_WIDTH
+    elif direction == "right":
+        st.session_state.position['x'] = (st.session_state.position['x'] + 1) % GRID_WIDTH
+    st.session_state.last_move = time.time()
+    save_player_state()
+
+def update_nearby_players():
+    current_time = time.time()
+    all_players = load_all_players(current_time)['players']
+    nearby = []
+    score_gain = 0
+    for player_name, player_data in all_players.items():
+        if player_name != st.session_state.player_name:
+            distance = calculate_distance(st.session_state.position, player_data['position'])
+            if distance <= INTERACTION_RADIUS:
+                nearby.append({
+                    'name': player_name,
+                    'distance': distance,
+                    'score': player_data['stats']['score']
+                })
+                score_gain += POINTS_PER_INTERACTION
+    if score_gain > 0:
+        st.session_state.character_stats['score'] += score_gain
+        save_player_state()
+    st.session_state.nearby_players = nearby
 
-            function displayCharacterSheet(playerData) {
-                const sidebar = window.parent.document.querySelector('[data-testid="stSidebar"]');
-                if (sidebar && playerData) {
-                    const statsDiv = document.createElement('div');
-                    statsDiv.innerHTML = `
-                        <div style="padding: 10px; margin: 5px; border: 1px solid #ccc; border-radius: 5px;">
-                            <h3>${playerData.name}</h3>
-                            <p>Score: ${playerData.stats.score}</p>
-                            <p>HP: ${playerData.stats.HP}/${playerData.stats.MAX_HP}</p>
-                            <p>STR: ${playerData.stats.STR}</p>
-                            <p>DEX: ${playerData.stats.DEX}</p>
-                            <p>CON: ${playerData.stats.CON}</p>
-                            <p>INT: ${playerData.stats.INT}</p>
-                            <p>WIS: ${playerData.stats.WIS}</p>
-                            <p>CHA: ${playerData.stats.CHA}</p>
-                        </div>
-                    `;
+def create_game_board():
+    current_time = time.time()
+    all_players = load_all_players(current_time)['players']
+    images = get_game_images()
+    for y in range(GRID_HEIGHT):
+        cols = st.columns(GRID_WIDTH)
+        for x in range(GRID_WIDTH):
+            player_here = None
+            for player_name, player_data in all_players.items():
+                if (player_data['position']['x'] == x and 
+                    player_data['position']['y'] == y):
+                    player_here = player_name
+            if x == st.session_state.position['x'] and y == st.session_state.position['y']:
+                cols[x].image(images['player'], use_column_width=True)
+                cols[x].markdown(f"**You** ({st.session_state.character_stats['score']} pts)")
+            elif player_here:
+                cols[x].image(images['other_player'], use_column_width=True)
+                cols[x].markdown(f"**{player_here}** ({all_players[player_here]['stats']['score']} pts)")
+            else:
+                cols[x].image(images['tile'], use_column_width=True)
+
+def create_autorefresh():
+    refresh_html = """
+        <script>
+            let lastUpdate = Date.now();
+            
+            function checkForUpdates() {
+                const now = Date.now();
+                if (now - lastUpdate >= 5000) {
+                    lastUpdate = now;
+                    window.parent.document.querySelector('.stApp').classList.add('refreshing');
+                    setTimeout(() => window.location.reload(), 100);
                 }
             }
 
-            function startSync() {
-                // Update game state every 10 seconds
-                setInterval(updateGameState, 10000);
-                
-                // Handle visibility changes
+            function startAutoRefresh() {
+                setInterval(checkForUpdates, 1000);
                 document.addEventListener('visibilitychange', function() {
                     if (!document.hidden) {
-                        updateGameState();
+                        lastUpdate = Date.now() - 4900;
                     }
                 });
-
-                // Handle focus changes
-                window.addEventListener('focus', updateGameState);
             }
 
             if (document.readyState === 'complete') {
-                startSync();
+                startAutoRefresh();
             } else {
-                window.addEventListener('load', startSync);
+                window.addEventListener('load', startAutoRefresh);
             }
         </script>
     """
-    st.components.v1.html(sync_js, height=0)
-
-def show_character_sheet(player_data):
-    st.sidebar.markdown("### Character Sheet")
-    st.sidebar.markdown(f"""
-    **Name:** {player_data['name']}
-    
-    **Stats:**
-    - HP: {player_data['stats']['HP']}/{player_data['stats']['MAX_HP']}
-    - STR: {player_data['stats']['STR']}
-    - DEX: {player_data['stats']['DEX']}
-    - CON: {player_data['stats']['CON']}
-    - INT: {player_data['stats']['INT']}
-    - WIS: {player_data['stats']['WIS']}
-    - CHA: {player_data['stats']['CHA']}
-    
-    **Score:** {player_data['stats']['score']}
-    """)
-
-[Previous functions remain the same: generate_fantasy_name, load_game_state, save_game_state, calculate_distance, update_position, etc.]
+    st.components.v1.html(refresh_html, height=0)
 
 def main():
-    create_sync_mechanism()
+    create_autorefresh()
     update_nearby_players()
     
     st.sidebar.title("Player Info")
     
-    current_time = time.time()
-    all_players = load_all_players(current_time)['players']
-    
     if st.session_state.player_name is None:
         default_name = generate_fantasy_name()
         player_name = st.sidebar.text_input("Enter your name or use generated name:", value=default_name)
@@ -150,12 +233,9 @@ def main():
             save_player_state()
             st.rerun()
     else:
-        show_character_sheet({'name': st.session_state.player_name, 'stats': st.session_state.character_stats})
-        
-        st.sidebar.markdown("### Other Players")
-        for player_name, player_data in all_players.items():
-            if player_name != st.session_state.player_name:
-                show_character_sheet(player_data)
+        st.sidebar.markdown("### Nearby Players")
+        for player in st.session_state.nearby_players:
+            st.sidebar.markdown(f"**{player['name']}** - {player['distance']} tiles away - {player['score']} pts")
         
         st.sidebar.markdown("### Movement Controls")
         move_cols = st.sidebar.columns(3)
@@ -180,11 +260,6 @@ def main():
 
     st.title("Multiplayer Tile Game")
     create_game_board()
-    
-    if (time.time() - st.session_state.last_move) > REFRESH_RATE:
-        st.session_state.last_move = time.time()
-        save_player_state()
-        st.rerun()
 
 if __name__ == "__main__":
     main()