Upload 4 files

Dockerfile

@@ -3,7 +3,7 @@ FROM python:3.10-slim
 WORKDIR /app
 COPY . /app
 
-RUN pip install flask requests
+RUN pip install --no-cache-dir -r requirements.txt
 
 EXPOSE 7860
 

README.md

@@ -1,6 +1,6 @@
 ---
-title: RPG 中文互動遊戲（Hugging Face 模型版）
-emoji: 🧙‍♂️
+title: RPG 中文互動遊戲（含圖片）
+emoji: 🌄
 colorFrom: yellow
 colorTo: red
 sdk: docker
@@ -8,6 +8,7 @@ app_file: app.py
 app_port: 7860
 ---
 
-# RPG 中文互動遊戲（使用 Hugging Face 模型）
+# RPG 中文互動遊戲（加入圖片）
 
-這是一個 RPG 遊戲，當你點「使用魔法」時會透過 Hugging Face 的 `zephyr-7b-beta` 模型產生冒險故事。完全免費，無需 OpenAI API。
+按下「前進」會出現風景畫，按下「觀察」會顯示共作領域畫面。
+「使用魔法」會使用 Hugging Face 模型生成故事內容。

app.py

@@ -6,13 +6,12 @@ app = Flask(__name__)
 HF_MODEL = "HuggingFaceH4/zephyr-7b-beta"
 API_URL = f"https://api-inference.huggingface.co/models/{HF_MODEL}"
 
-headers = {
-    "Accept": "application/json"
-}
+headers = {"Accept": "application/json"}
 
 @app.route("/", methods=["GET", "POST"])
 def index():
     story = ""
+    image = ""
     if request.method == "POST":
         action = request.form.get("action")
         if action == "使用魔法":
@@ -32,9 +31,13 @@ def index():
                 story = f"你施展魔法後的結果是：「{generated}」"
             except Exception as e:
                 story = f"⚠️ Hugging Face 模型錯誤：{str(e)}"
-        else:
-            story = f"你選擇了【{action}】，你決定踏出下一步……"
-    return render_template("index.html", story=story)
+        elif action == "前進":
+            story = "你往前邁出一步，前方是一片壯麗的景色。"
+            image = "/static/landscape.jpg"
+        elif action == "觀察":
+            story = "你仔細觀察四周，這裡是一個充滿共創氛圍的領域。"
+            image = "/static/collaboration.jpg"
+    return render_template("index.html", story=story, image=image)
 
 if __name__ == "__main__":
     app.run(host="0.0.0.0", port=7860)