新知榜官方账号
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
相关工具
相关文章
相关快讯
推荐
一站式搞定AI绘图+视频,AI短片效率飙升的秘密在这儿!
2025-08-08 09:26
打工人新神器!10款国产AI,让你告别996!
2025-08-08 09:24
豆包视觉推理深度体验,AI也能“边看边想”了!
2025-08-08 09:19
300美元的AI男友来了!马斯克的情感生意从女友做到男友
2025-08-01 17:56
Agent智能体:2025年企业新员工,月薪仅需一度电?
2025-07-30 17:49
国产GLM-4.5把AI价格打到地板价,实测强到离谱!
2025-07-30 09:08
用AI批量生成治愈系漫画,月入2000+
2025-07-29 09:59
千亿市场规模背后,AI短剧商业化迎来爆发期?
2025-07-17 09:19
15个作品涨粉26万!AI历史账号又出王炸案例!
2025-07-09 09:37
亲测真香!这6个AI工具让工作效率翻倍,同事追着问链接
2025-06-17 16:21