Hology
Hology 文檔
Hology 文檔
  • 👋歡迎來到Hology文檔
  • Getting started
    • Hology Engine簡介
    • 第一步指南
    • 編輯器基礎指南
      • 在場景中飛行
      • 放置物件
      • 選擇物件
      • 變換
      • 分組物件
      • 複製
    • 入門遊戲模板 - 第三人稱射擊遊戲
  • Tutorials
    • 滾球 - 遊戲玩法編程
    • 角色動畫程式設計
    • Character AI behavior
  • Release
    • 遊戲發行
      • Discord Activities
      • 臉書即時遊戲
      • 上傳至 Itch.io
      • 使用 GitHub Pages
      • 發布到Steam
      • iOS 和 Android
  • Assets
    • 3D模型
      • 客製化碰撞形狀
      • 材質自訂分配
    • 材質
    • 紋理
    • 預製體
  • Gameplay
    • 演員(Actors)
      • 創建演員類
      • 演員參數
      • Actor 元件
      • Actor 的生命週期
      • 生成 Actors
      • 移動 Actors
    • 服務
      • 載入資產
    • Player input
    • Collision detection
    • Physics
      • Physics body types
      • Applying forces
      • Ray casting
    • Trigger volumes
    • Character movement
    • Pointer events
    • Animation
      • Animation system
      • Character Animation
      • Animation State Machine
    • Sound
      • Audio parameter
    • 世界
    • Navigation
  • Shaders
    • 著色器介紹
    • Creating shaders
    • 著色器參數
    • Typescript shaders
      • Types
      • Math functions
      • Attributes
      • Varying
      • Uniforms
      • Textures
      • Arrays
      • Select
      • Lighting
    • Painted materials
    • Water shader tutorial
  • Level design
    • 地形雕刻
    • 地形繪製
    • Grass
  • User Interfaces
    • 創建用戶界面UI
    • 使用 React
    • VR
  • Visual Effects
    • 視覺效果簡介
    • 視覺特效資產
  • Integrations
    • Arcweave
由 GitBook 提供支持
在本页
  1. User Interfaces

創建用戶界面UI

由於 Hology Engine 在您的網頁瀏覽器中運行,它允許您使用現有的庫和工具,通過 Typescript、HTML 和 CSS 來創建用戶界面/UI。您可以使用任何現有的庫或框架,如 React、Vue、Angular 等等,而不必為 Hology Engine 使用特定的自定義工具。如果您已經有了首選的網頁應用開發技術棧,這可能是很棒的選擇。另一方面,如果您是網頁開發新手,不知道該選擇哪一個,在我們的官方教程我們有一個建議的 UI 開發技術棧,您可以參考它。

選擇 UI 框架

當您在 Hology Engine 啟動器中創建新項目時,您可以選擇一個 UI 框架。這將為您的項目設置特定的庫,幫助您開始創建。

  • React - 一個單頁客戶端 React 應用程序。它還附帶 Preact Signals,以幫助在您的遊戲代碼(如角色和服務)與 UI React 組件之間進行狀態通信。

  • None/無 - 一個單頁客戶端 TypeScript 應用程序。您可以將其作為起點,安裝您選擇的其他庫。

上一页Grass下一页使用 React

最后更新于2个月前