快速入门

欢迎来到 Wonderland Engine。在继续本教程之前，请安装 Wonderland 编辑器。

创建项目 

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

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

您将看到一个已设置好 VR 动态传送的基础项目。 这有点无聊！我们应该在这里添加一个资产。

在左下角您可以看到“资产浏览器”。它显示了项目目录的内容。 项目的所有资产都应放置在此目录中。

在浏览器中运行 

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

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

移除对象 

使用 VR 模板，我们得到了一些灯光、对象和最重要的玩家设置。

我们不需要所有对象。通过左键点击选择它们，然后在“场景大纲”中右键点击删除它们，或者按下“Del”键删除它们。

删除以下内容：

• 方块
• 球体
• 圆锥
• 面板

请确保保留：

• 玩家
• 灯光
• 灯光.000
• 3DCursorHitLeft / 3DCursorHitRight
• TeleportIndicator

修改导航网格 

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

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

点击平面，然后在“属性”中点击“网格”组件上的⋮（竖点），最后选择“删除”：

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

添加资产 

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

下载 low_poly_winter_scene.zip 并将其解压缩或拖放文件到资产浏览器中的新文件夹中。如果您使用的是 WinRAR，也可以直接从 WinRAR 中拖放文件。

此美丽的场景由 “EdwinRC” 创建，您可以在 Sketchfab 上找到它。

要导入场景，简单地将 scene.gltf（而不是 scene.bin）拖放到“场景视图”中。或者，您也可以直接拖放到“场景大纲”中的现有对象上。

环顾四周 

在“场景视图”中查看四周，请**按住_右键_**同时移动鼠标。继续按住右键时使用 W-A-S-D 键来向前、向左、向后和向右移动。滚动鼠标即可加快移动速度。

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

设置光源位置 

对于这个新场景，灯光位置可能不太对。

要将它们移动到合适的位置，请在“场景大纲”中选择其中一个，并使用“平移控件”拖动灯光穿过3D场景。

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

• G (“Grab”): 位置控件
• R (“Rotate”): 旋转控件
• S (“Scale”): 缩放控件

双击 G 切换在本地空间和世界空间中的翻译。

您还可以使用场景视图顶部的工具栏：

组件属性 

“灯光”对象因为有一个连接的“光”组件而发光。 您可以通过降低光组件的“亮度”属性使光更亮：

总结 

虽然这个场景只有少数物体，但 Wonderland Engine 擅长渲染_许多_不同的网格。 请参见场景优化示例。

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

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