• Editor

  • 要怎麼在本地主機的html上導入json和atlas

    английский

  • Hhanbaga

    • Сообщение #1
    • Изменено
    • Это сообщение на английский

    我在web play上運行時出了點問題請幫幫我
    當我使用相對路徑去執行這段程式碼時

    <script>
    new spine.SpinePlayer("player-container", {
        jsonUrl: "/ass/238.json",
        atlasUrl: "/ass/238.atlas"
});
    </script>

    他似乎無法讀取到我的本地檔案

    但如果我換成教學上的絕對路徑

    new spine.SpinePlayer("player-container", {
 // Absolute URLs
 jsonUrl: "https://esotericsoftware.com/files/examples/4.0/spineboy/export/spineboy-pro.json",
 atlasUrl: "https://esotericsoftware.com/files/examples/4.0/spineboy/export/spineboy-pma.atlas"
});
</script>

    他很順利地展示了拿槍的男孩
    這邊附上我嵌入的JavaScript & CSS文件
    <script src="https://unpkg.com/@esotericsoftware/spine-player@4.0.*/dist/iife/spine-player.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/@esotericsoftware/spine-player@4.0.*/dist/spine-player.css">

    請問我在操作上是有什麼問題嗎?我要如何使用相對路徑去展示我的spine

    順便想詢問您們在4.2展示中展示的那位可以套用物理運算的盪鞦韆女孩該如何寫程式碼

    Related Discussions
    ...

    要在本地主機的 HTML 上成功導入並展示 Spine 的 .json 和 .atlas 文件，您需要確保您的本地環境可以正確處理這些資源的請求。當您使用相對路徑時，問題可能出在本地伺服器的設定上，尤其是如果您直接從檔案系統打開 HTML 文件（例如，使用 file:// 協議），瀏覽器出於安全考慮，可能不允許直接讀取本地文件。

    一個解決方案是使用一個本地伺服器來服務您的 HTML 和相關的 Spine 資源。您可以使用簡單的 HTTP 伺服器，如 Python 的 HTTPServer，Node.js 的 http-server，或其他類似工具。啟動本地伺服器後，您應該能夠通過伺服器提供的 URL（通常是類似於 http://localhost:8000 的地址）來訪問您的 HTML 文件，並且相對路徑也會相對於伺服器的根目錄來解析。

    至於您提到的 4.2 版本中展示的可以套用物理運算的盪鞦韆女孩，這個功能通常需要結合 Spine 的動畫和外部物理引擎（如 Box2D 或其他 JavaScript 物理引擎）來實現。具體的實現方式會根據您選擇的物理引擎有所不同，但基本思路是將 Spine 骨架的某些部分與物理引擎中的物體綁定，並在遊戲循環中更新這些物體的物理狀態，然後將這些更新反映到 Spine 骨架的位置和旋轉上。

    請注意，這種集成通常需要一定的程式設計知識和對所用物理引擎的熟悉。Spine 官方文檔和範例可能提供了一些基本的指導，但具體的實現細節會依賴於您的具體需求和所選擇的技術棧。

    • Hhanbaga

      • Сообщение #3
      • Это сообщение на английский

      感謝回覆 我使用xampp架設伺服器後就可以瀏覽本地的檔案了