龙之谷手游WebVR技术分享
主要面向Web前端工程师,需要一定Javascript及three.js基础; 本文主要分享内容为基于three.js开发WebVR思路及碰到的问题; 有兴趣的同学,欢迎跟帖讨论。 目录: 一、项目体验 1.1、项目简介 1.2、功能介绍 1.3、游戏体验 二、技术方案 2.1、为什么使用WebVR 2.2、常用的WebVR解决方案 2.2.1、Mozilla的A-Frame方案 2.2.2、three.js及webvr-polyfill方案 三、技术实现 3.1、知识储备 3.2、实现步骤 3.3、工作原理 四、技术难点 4.1、程序与用户共同控制摄像头 4.2、多重蒙板贴图 4.3、镜头移动 4.4、3d自适应长度文字提示 4.5、unity3d地形导出 4.6、3dmax动画导出问题 五、完整的源代码及相应组件 一、项目体验 1.1、项目简介: 1.1.1、名称: “重历阿尔特里亚”——龙之谷手游手首发ChinaJoy2016预热VR小游戏 1.1.2、开发背景: 基于龙之谷手游具备的3D属性,全景视角体验,以及ChinaJoy首发的线下场景,我们和品牌讨论除了基于VR的线下体验项目。由于基于Web技术较好的兼容性、开发的高效性,我们采用了WebVR技术来实现整个体验。 1.1.3、使用WebVR优势: 1.1.3.1、普通web前端工程师可以参与VR应用开发,降低了开发门槛