Threejs3D Code Play

Threejs3D Code Play 可協助您透過編輯程式碼並以互動式 3D 場景的形式檢視結果來學習 Three.js。從範例開始，修改其 HTML 和 JavaScript，然後在應用程式中執行您的版本。

透過實際場景學習

探索 99 個範例，涵蓋學習實驗和預先定義的動畫場景。從形狀、材質、光線和攝影機入手，然後探索粒子、著色器和互動。如果您想要一個更廣闊的起點，可以嘗試太陽系、海浪或抽象動畫場景。

五條學習路徑將範例分為基礎、幾何、色彩和光照、運動以及創意工作坊五個部分。您可以標記已完成的課程、繼續學習某個路徑、收藏有用的範例並返回最近打開的場景。

編輯、運行與探索

在程式碼編輯器中開啟範例，或建立已匯入 Three.js 的新專案。在工作時，您可以使用語法高亮、撤銷和重做、尋找和替換以及跳到指定行等功能。切換到運行預覽模式，即可查看目前程式碼並檢查控制台訊息或錯誤。

在內建場景預覽中，拖曳即可旋轉，捏合即可縮放。對於支援即時控制的場景，您可以探索顏色、動畫速度、光線、幾何形狀以及純色或漸層背景。可用控制項取決於場景。

保留您的實驗

儲存已命名的項目，並從「我的項目」重新開啟它們。開啟 HTML 檔案即可繼續編輯現有工作，或使用「另存為」保留單獨的副本。

將項目匯出或共用為 HTML 或 ZIP 檔案。匯出內容包含已識別的內建 Three.js 庫；自訂外部資源將保留在外部。解壓縮 ZIP 檔案並透過 HTTP 提供其資料夾，即可在應用程式外部開啟專案。

為您的桌布添加動畫

在具有所需原生支援的相容 Android 裝置上，將動畫場景傳送至系統動態桌布預覽，並在預覽中確認您的選擇。可用的壁紙位置取決於設備。

專為希望透過小型實驗練習 3D 編碼的學生、愛好者和 Web 開發人員而設計。內建範例使用本機庫；自訂遠端資源和廣告可能需要存取網際網路。該應用程式包含廣告。