你可以用意派Epub360 H5页面制作工具制作全景H5,具体的效果基本可以分为两种:一是圆柱型全景,主要需使用意派Epub360的全景容器组件。二是球状360°全景,主要实现方式是嵌入网页,需要制作H5的相关人员自行制作好全景页面,再将全景页面网址嵌入到H5中。
以下是用意派Epub360制作的一些全景H5截图,如果感兴趣的话,可以去意派网站上参考参考~
相较于其他形式的H5而言,全景VR的制作还是有一点点难度的,如果想学习如何制作,可以到意派的教程中心搜索关键词并进行相关学习。
1、构思谈燃樱内容
首先,设计师进行头脑风暴思考场景内容,场景切换路径,界面里的文案交互逻辑,输出策划文档。
2、分含丛工
设计师用草图或草模表现场景输出场景示意,3d模型师根据场景示意图进行建模输出3d模型。
3、制作
设计师制作交互动画及VR里的2d界面输出交互动画png序列,2d界面元素切图。
4、渲染
设计师渲染成360度的全景图,也就相当于所看到的空间实际上是一个球面,再用ps来优化这个球面图,用前端语言+krpano写代码实现逻辑。
5、逻辑测试
程序员设计师进入VR场景段源进行逻辑测试,通过UtoVR播放器进行输出测试,并不断完善内容。测试完后,开始不断修改,直到满意。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)