流程
在Blender完成创作后,3D模型导出为glTF,并使用PNG(大多数)或JPG格式的图像进行纹理渲染。对于网页端VR来说,很重要的一不就是对全部纹理进行手动优化,来降低3D资源的大小。此外,还使用Draco压缩工具来优化用摄影测量法实现的3D模型,将大小进一步从1.41MB降低到683KB。
总得来讲,《Hello WebXR》的视觉设计流程比较传统、简单,纹理渲染和修改使用了Photoshop,而网格和灯光贴图是用Blender完成的,并导出为glTF和PNG格式。
特殊着色器和效果1)光线着色器:这是一个简单的渐变效果,由于是用附加模式进行渲染,使得黑色变成透明,深蓝叠加蓝色没有饱和为白色。光线的目标是一个曲面网格,由一个圆柱和圆盘组合而成;
2)门着色器:用于渲染门的星空透视特效,根据极坐标进行渲染,并叠加在动态的蓝色底色上;