9、打造首个VR应用：从基础到进阶

打造首个VR应用：从基础到进阶

1. 图像预处理

在开始构建VR应用时，图像的处理至关重要。可以使用免费的图像查看/编辑程序，如Irfanview，当然也可以选择Photoshop或其他图像编辑软件，像Inkscape或Gimp这类功能齐全且开源免费的软件也是不错的选择。

当在VR中查看图像并检查控制台时，可能会遇到错误提示“THREE.WebGLRenderer: image is not power of two (2000x2000). Resized to 2048x2048”。要解决这个问题，可以对图像进行调整大小操作。Irfanview有一个快速调整大小的功能，能保留大部分细节。只需使用快捷键Ctrl + R进行调整，将图像大小设置为2048x2048或2048x1024。由于在图像底部添加了黑色条纹，所以调整大小时不会拉伸图像。若必须调整，可裁剪或扩展图像底部，但要注意，改变图像的宽高比会使在VR中查看时世界看起来变形。如果出现空白或不正确的背景，需检查图像格式和大小。

2. 添加VR组件

在构建VR场景时， 语句通常被视为背景，但实际上它代表的是整个世界，除了放置的对象。选择合适的背景对于营造沉浸感非常重要，怪异或令人迷失方向的背景可能会破坏沉浸感。

为了避免在背景中漂浮，我们可以为户外画廊添加一个平面作为地板。在index.vr.js中代码生成器生成的第一个 语句之后，添加以下Plane和Box元素：

export default class SpaceGallery extends R