快速开始

欢迎来到Wonderland Engine。请在继续本教程之前安装Wonderland Editor。

创建项目 

输入您选择的项目名称，并通过首次启动编辑器时启动的“Project Wizard”创建项目。

选择**“VR”模板**。

您将看到一个设置了VR传送的基础项目。很无聊吧！我们应该在这里添加一个资产。

在左下角看到“Asset Browser”。它显示了项目目录的内容。项目的所有资产都应放入该目录中。

在浏览器中运行 

要打包项目并在浏览器中查看它，请点击窗口顶部的绿色箭头：

现在，无论何时我们“打包”项目（通过点击🔨图标），浏览器将自动重新加载我们的更改。

删除对象 

通过VR模板，我们获得了一些灯光、对象，最重要的是：玩家设置。

我们不需要所有对象。通过左键单击选择它们，然后通过在“Scene Outline”中右键单击或按“Del”键将其删除。

删除这些：

• Cube
• Sphere
• Cone
• Panel

确保保留：

• Player
• Light
• Light.000
• 3DCursorHitLeft / 3DCursorHitRight
• TeleportIndicator

修改导航网格 

我们保留的平面附加了一个“collision”组件，该组件定义了碰撞和射线投射的对象形状。

在此情况下，它用于传送导航。下一步，我们将添加一个已经有地板的场景，因此我们将移除网格，但保留碰撞。

点击平面，在“Properties”中点击"mesh"组件上的⋮（垂直点），最终点击"Delete":

您将看到碰撞组件的绿色线条被保留，而用于渲染的网格消失了。在浏览器中，这种碰撞可视化默认不出现。

添加资产 

通过右键单击根目录并选择“New folder”来创建一个新文件夹assets。

下载low_poly_winter_scene.zip并解压缩或拖放文件到Asset Browser中的新文件夹中。如果您使用WinRAR，也可以直接从WinRAR中拖放文件。

这个美丽的场景由"EdwinRC"创建，可以在Sketchfab上找到。

要导入场景，只需将scene.gltf（不是scene.bin）拖放到“Scene View”中。或者您也可以直接将其拖放到“Scene Outline”中的现有对象上。

四处查看 

要在“Scene View”中四处查看，**按住_右键_**同时移动鼠标。使用W-A-S-D键在按住右键时向前、左、后和右移动。要加快速度，滚动鼠标上移，同时按住右键。

您也可以按住鼠标滚轮按钮（在MacOS上按住Alt）来围绕场景旋转。

调整灯光位置 

对于这个新场景来说，灯光现在显得不合适。

要将它们移动到有用的位置，请在“Scene Outline”中选择一个，并使用“translation gizmo”句柄在3D场景中拖动灯光。

如果您没有用于平移的箭头，您可以使用以下键切换gizmo类型：

• G（“Grab”）: 位置gizmo
• R（“Rotate”）: 旋转gizmo
• S（“Scale”）: 缩放gizmo

双击G在本地空间和世界空间之间切换平移。

您也可以使用Scene View顶部的工具栏：

组件属性 

“Light”对象能发光，因为它附加了一个“light”组件。您可以通过减少光组件的“intensity”属性使光变亮：

总结 

虽然这个场景只有几个对象，但Wonderland Engine非常擅长渲染_许多_不同的网格。请参阅场景优化示例。

您可以通过添加您自己的JavaScript组件继续添加自定义行为。

或者您可能想要添加VR控制器支持。