Update app.py

app.py

@@ -1,5 +1,8 @@
 import random
 import streamlit as st
+from PIL import Image, ImageDraw
+import requests
+from io import BytesIO
 
 def roll_dice():
     """Simulates rolling a six-sided dice."""
@@ -7,19 +10,55 @@ def roll_dice():
 
 def update_player_position(player_pos, dice, board):
     """Updates player position based on the dice roll and board."""
+    original_pos = player_pos
     player_pos += dice
     if player_pos in board:
         player_pos = board[player_pos]
-        if player_pos > dice:
+        if player_pos > original_pos:
             st.write("Yay! You climbed a ladder.")
-        else:
-            st.write("Oops! You encountered a snake")
+        elif player_pos < original_pos:
+             st.write("Oops! You encountered a snake")
     return player_pos
 
+def calculate_player_coordinates(position):
+  """Calculates approximate x, y coordinates for the player position."""
+  row = (position - 1) // 10
+  col = (position - 1) % 10
+
+  # Adjust for snake and ladder board layout
+  if row % 2 == 1:
+      col = 9 - col
+
+  x = 50 + col * 50 # Adjust these values as necessary
+  y = 450 - row * 50 # Adjust these values as necessary
+
+  return x, y
+
+
+def display_game_board(player_position):
+    board_image_url = "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Snakes_and_ladders_board_simple.svg/1920px-Snakes_and_ladders_board_simple.svg.png"
+
+    try:
+        response = requests.get(board_image_url, stream=True)
+        response.raise_for_status()
+        board_image = Image.open(BytesIO(response.content)).convert("RGBA")
+
+        # Calculate player position coordinates
+        player_x, player_y = calculate_player_coordinates(player_position)
+
+        # Create a drawing context
+        draw = ImageDraw.Draw(board_image)
+
+        # Draw a circle to represent the player at their position
+        radius = 15
+        draw.ellipse((player_x - radius, player_y - radius, player_x + radius, player_y + radius), fill='red')
+
+        st.image(board_image, caption="Snake and Ladder Board", width=500)
+    except requests.exceptions.RequestException as e:
+            st.write(f"Could not load the game board image. Please check your internet connection or try again later. {e}")
+    except Exception as e:
+        st.write(f"An error occurred: {e}")
 
-def display_game_board():
-  board_image = "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Snakes_and_ladders_board_simple.svg/1920px-Snakes_and_ladders_board_simple.svg.png"
-  st.image(board_image, caption="Snake and Ladder Board", width=500)
 
 
 def snake_and_ladder():
@@ -42,29 +81,26 @@ def snake_and_ladder():
 
     player_pos = st.session_state.player_pos
 
-    display_game_board()
+    display_game_board(player_pos)
 
     if player_pos < 100:
-      if st.button("Roll Dice"):
-          dice = roll_dice()
-          st.write(f"You rolled a {dice}")
+        if st.button("Roll Dice"):
+            dice = roll_dice()
+            st.write(f"You rolled a {dice}")
 
-          player_pos = update_player_position(player_pos, dice, board)
+            player_pos = update_player_position(player_pos, dice, board)
 
-          if player_pos > 100:
-              player_pos -= dice
-              st.write("You need to get to 100 to win, Try Again!")
-          else:
-              st.write(f"Your position is {player_pos}")
+            if player_pos > 100:
+                player_pos -= dice
+                st.write("You need to get to 100 to win, Try Again!")
+            else:
+                st.write(f"Your position is {player_pos}")
 
-          st.session_state.player_pos = player_pos
+            st.session_state.player_pos = player_pos
+            st.rerun()
     else:
         st.success("Congratulations! You won!")
         if st.button("Play Again"):
             st.session_state.player_pos = 1
             st.rerun()
-
-
-
-if __name__ == "__main__":
-    snake_and_ladder()
+snake_and_ladder()