14天制作VR应用Demo的心路历程

新知榜官方账号

2023-09-25 03:46:40

本文作者TessaChung,AOLAlpha的产品设计师。在AOLAlpha工作时,我们经常会尝试许多新诞生的平台,作为近些年来最火热的概念,虚拟现实(VR)自然成了开发者的重点。最近我也涉足了该领域并完成了一项艰巨的任务,整个过程极其考验我的耐心,但最终我收获颇多。

这项艰巨的任务就是独立打造一款VR应用Demo,但时间却只有短短两周。这款应用基于AOL的汽车博客且需兼容谷歌Cardboard。此外,它还需要具备VR应用基本的功能,以便用户戴上Cardboard后能置身在自己心仪车辆的座舱中。如果你是位经验丰富的游戏设计师,这项任务简直小菜一碟。不过作为一名移动应用设计师,VR对我来说完全是全新的领域,在Unity3D引擎和脚本设计上,我更是属于菜鸟级别。

在整个开发过程中,我就像是在污染的湖中钓鱼,鱼饵下去不少,但多数时候钓上来的都是垃圾。不过,经过我的努力,最终这款应用还是在14天之期内顺利完成了。下面,我就给大家讲述一下我的“心路历程”,分享一些开发过程中积累的技巧和解决方案。

第1-2天:任务前的必要准备

首先,我们坐下来开了个简单的小会。会上定了大概的方向,将应用做的足够简洁是主要指导方针。我们需要完成主页、主菜单和360度座舱的设计并加入一些交互界面。

主菜单设计

首先,我们需要在天空盒(skybox)中加入一张车辆座舱的全景图片。主菜单看起来要像汽车的陈列画廊,在这里你可以利用自己的技术玩点小创意。这个主菜单可以做成列表、网格和面板等造型。由于主菜单对整个应用具有绝对的支配力,所以我得安排好图片呈现的方式。

为了帮助开发者快速上手,Unity最近发布了一系列免费的VR设计范例,开发者可以通过这些示例快速在Oculus平台上制作出自己的动画、点击方式、模型的形状和网格。这样,VR应用所需的曲面UI背景就不是问题了。

第3-4天:场景切换方案

定好了设计方案后就需要具体实施了。在这一步中,我们重点要搞定场景与场景之间的切换。由于脚本设计对我来说是未知领域,所以各种困难完全是意料之中。

第5-8天:面板触发按钮

下一步,我开始专注打造座舱内的场景。为了提升真实感,我连车辆瞬时油耗和性能表现等数据都加了进去,不过我可不想让这些琐碎的数据分散了用户的注意力,在VR世界中,阅读过多文本简直让人抓狂。因此,我专门将这些琐碎的信息谨慎的压缩进一些交互元素中去。随后,我就要开始安排座舱中交互按钮的位置了,点击这些按钮,用户就可以看到弹出式的信息面板。

第9天:制作UI并调整面板的动画

在这一部分,我花了三天时间来处理文本信息的外观。在这里我用到了Unity的Animator工具,通过它我可以为面板设定开启或关闭的转台,随后我又用脚本为其添加了新按钮,以便能更好的控制面板开启或关闭的动画。

第10-12天:优化场景切换的流畅度

由于时间还比较充裕,我决定再次检视场景切换功能,不过场景过渡还是会有些卡,因此优化流畅度成了主要任务。

第13天:冲刺阶段和最后的惊喜

搞定了上面的部分后我感觉轻松多了,下面我需要完成车辆座舱的界面了。在这里,我为每辆车加入了3个按钮和3个弹出式面板。不过在测试时我突然发现这3个按钮居然开启的是同一个面板,这可怎么办!平复了一下郁闷的心情后,我想到了几个解决方案。

在测试页面完成了所有项目的测试并确认功能完好后,我将其扩大到整个应用并完成了最后的“打磨”。这个项目算是成功了,我还将原计划提前了一天。虽说在这两周内被各种错误折磨,但我学到了许多东西而且做出了成果。下一步,我会为该应用加入声音和视频,此外其内置车型也会不断增加。

成品视频:Vimeo

本页网址:https://www.xinzhibang.net/article_detail-13570.html

寻求报道,请 点击这里 微信扫码咨询

相关工具

相关文章

相关快讯