跳到主要内容

22 篇文档带有标签「ui」

查看所有标签

触屏虚拟摇杆控制

使用 PlayCanvas 界面元素添加可自定义的屏幕双摇杆,用于移动端角色控制。

多相机图层

组合相机与图层,在同一场景混合屏幕 UI 与世界空间元素。

环形加载界面

使用材质和动画实现环形加载指示器,在内容加载期间提供清晰反馈。

教程:布局组

使用 Layout Group 与子元素布局规则排列按钮和面板,构建自适应的 PlayCanvas 界面。

快速入门:制作游戏

通过视频和可玩示例,完整学习 PlayCanvas 游戏制作流程,涵盖物理、界面与核心工作方式。

移动端界面安全区域

将屏幕界面布局在刘海屏和圆角设备的安全区域内,避免控件被系统栏和屏幕开孔遮挡。

用户界面:按钮

在 Screen 上使用 Element 和 Button 组件构建可点击按钮,连接悬停、按下与导航状态的事件。

用户界面:排行榜

使用 Element 文字行与脚本排序,根据 JSON 数据填充可滚动排行榜并显示分数。

用户界面:文本输入

在画布上方叠加 HTML 文本输入框,并关联 PlayCanvas 界面焦点,支持系统原生输入、复制粘贴和输入法。

在最上层渲染世界空间界面

调整世界空间 Element 面板的渲染层级,使界面四边形在不透明几何体之后绘制,在复杂三维场景中仍清晰可读。

HTML/CSS 界面

在 WebGL 画布上叠加标准 HTML/CSS,构建 HUD 与菜单。

Spine 动画

通过 playcanvas-spine 插件在编辑器中播放从二进制或 JSON 导出的 Spine 4.3 骨骼动画,并用脚本控制。

WebXR 界面交互

使用 WebXR 激光指针或视线操作界面,并在桌面、移动端和头戴设备浏览器中处理点击。