Update app.py

app.py

@@ -5,7 +5,7 @@ from folium.plugins import MarkerCluster
 import time
 import math
 
-# wide mode
+# Wide mode
 st.set_page_config(layout="wide")
 
 # Define California medical centers data
@@ -45,6 +45,8 @@ if 'start_time' not in st.session_state:
     st.session_state.start_time = None
 if 'elapsed_time' not in st.session_state:
     st.session_state.elapsed_time = 0
+if 'arrived' not in st.session_state:
+    st.session_state.arrived = False
 
 # Distance calculation (Haversine in miles)
 def calculate_distance(lat1, lon1, lat2, lon2):
@@ -74,21 +76,39 @@ def create_map():
     ).add_to(m)
     return m
 
-# Move hovercar
-def move_car():
+# Move hovercar with constant speed
+def move_car(total_distance, step_time):
     target = [st.session_state.destination[1], st.session_state.destination[2]]
-    lat_step = (target[0] - st.session_state.car_position[0]) / 50
-    lon_step = (target[1] - st.session_state.car_position[1]) / 50
-    st.session_state.car_position[0] += lat_step
-    st.session_state.car_position[1] += lon_step
+    current = st.session_state.car_position
+    remaining_distance = calculate_distance(current[0], current[1], target[0], target[1])
+    
+    # Speed in miles per second
+    total_time = 25.0  # Total trip time in seconds
+    speed = total_distance / total_time  # miles per second
+    step_distance = speed * step_time  # Distance per step
+    
+    # Calculate direction and move
+    total_lat_diff = target[0] - current[0]
+    total_lon_diff = target[1] - current[1]
+    total_hyp = math.sqrt(total_lat_diff**2 + total_lon_diff**2)
+    if total_hyp > 0:
+        lat_step = (total_lat_diff / total_hyp) * step_distance / (calculate_distance(current[0], current[1], current[0] + 0.01, current[1]) / 0.01)
+        lon_step = (total_lon_diff / total_hyp) * step_distance / (calculate_distance(current[0], current[1], current[0], current[1] + 0.01) / 0.01)
+        st.session_state.car_position[0] += lat_step
+        st.session_state.car_position[1] += lon_step
+    
+    # Check arrival
+    if remaining_distance < 0.1:  # Within 0.1 miles
+        st.session_state.car_position = target
+        st.session_state.is_moving = False
+        st.session_state.arrived = True
 
 # Calculate speed and ETA
 total_distance = calculate_distance(st.session_state.start[1], st.session_state.start[2],
                                     st.session_state.destination[1], st.session_state.destination[2])
-steps = 50
 step_time = 0.5
-total_time = steps * step_time
-speed = total_distance / (total_time / 3600)
+total_time = 25.0  # Fixed total trip time
+speed = total_distance / (total_time / 3600)  # mph
 
 # Layout: 75% left, 25% right
 left_col, right_col = st.columns([3, 1])
@@ -97,7 +117,7 @@ left_col, right_col = st.columns([3, 1])
 with left_col:
     st.markdown("### 🚀 Hovercar Command Center 🛸")
     m = create_map()
-    folium_static(m, width=1280, height=720)  # 16:9 ratio scaled to fit
+    folium_static(m, width=1280, height=720)
 
     # Controls
     col1, col2, col3 = st.columns(3)
@@ -105,6 +125,7 @@ with left_col:
         if st.button("🚀 Launch Hovercar"):
             st.session_state.is_moving = True
             st.session_state.start_time = time.time()
+            st.session_state.arrived = False
     with col2:
         if st.button("🛑 Halt Hovercar"):
             st.session_state.is_moving = False
@@ -115,8 +136,38 @@ with left_col:
             st.session_state.is_moving = False
             st.session_state.start_time = None
             st.session_state.elapsed_time = 0
+            st.session_state.arrived = False
             st.rerun()
 
+    # Celebration on arrival
+    if st.session_state.arrived:
+        st.markdown("""
+            <style>
+            .confetti {
+                position: absolute;
+                width: 10px;
+                height: 10px;
+                background-color: #f00;
+                animation: fall 3s infinite;
+            }
+            @keyframes fall {
+                0% { transform: translateY(-100vh); }
+                100% { transform: translateY(100vh); }
+            }
+            </style>
+            <div class="confetti" style="left: 10%; background-color: #f00;"></div>
+            <div class="confetti" style="left: 20%; background-color: #0f0;"></div>
+            <div class="confetti" style="left: 30%; background-color: #00f;"></div>
+            <div class="confetti" style="left: 40%; background-color: #ff0;"></div>
+            <div class="confetti" style="left: 50%; background-color: #f0f;"></div>
+            <div class="confetti" style="left: 60%; background-color: #0ff;"></div>
+        """, unsafe_allow_html=True)
+        st.success("🎉 Touchdown! Hovercar has landed!")
+
+        # Easter egg: Secret message
+        if st.session_state.destination[0] == "Stanford Health Care":
+            st.warning("🦄 Easter Egg Unlocked: Hovercar found the secret unicorn base at Stanford!")
+
 # Right column: Stats and two sub-columns for buttons
 with right_col:
     st.markdown("### 📡 Mission Status")
@@ -146,6 +197,7 @@ with right_col:
                 st.session_state.is_moving = False
                 st.session_state.start_time = None
                 st.session_state.elapsed_time = 0
+                st.session_state.arrived = False
                 st.rerun()
 
     with dest_col:
@@ -156,12 +208,13 @@ with right_col:
                 st.session_state.is_moving = False
                 st.session_state.start_time = None
                 st.session_state.elapsed_time = 0
+                st.session_state.arrived = False
                 st.rerun()
 
 # Movement logic
 if st.session_state.is_moving:
-    move_car()
+    move_car(total_distance, step_time)
     if st.session_state.start_time:
         st.session_state.elapsed_time = time.time() - st.session_state.start_time
-    time.sleep(0.5)
+    time.sleep(step_time)
     st.rerun()