为另一个世界设计-一个VR项目

作者:弗兰克·伊根(Frank Egan),雅各布·雷姆兹(Jacob Remz),尼古拉斯·加玛拉(Nikolas Gamarra)和卢克·伊普斯兰蒂斯(Luke Ypsilantis)

观察

我们设计过程的第一阶段是研究和观察会议。 在第一个sprint hack天期间,我们团队的每个成员都花了大约30分钟的时间观察虚拟现实中的流行项目,并阅读Google和Apple发布的虚拟现实设计指南。

构想

为了选择我们的主题,我们花了一些时间集思广益讨论可能的VR项目。 在创建完备的选项列表之后,我们讨论了每个项目的利弊。

这是我们考虑做的所有项目的清单:

  • 艺术品展览WAM
  • 晕船模拟器,提供了克服它的技巧
  • 摩天大楼浏览器(从埃菲尔铁塔和宏伟的金字塔到哈利法塔)
  • 引导冥想
  • 虚拟校园之旅
  • 激光迷宫
  • 1500万优点的VR游戏
  • VR选择您自己的冒险游戏(一系列二进制路径决策)
  • 终极井字游戏(井字游戏但在VR中)
  • 三维连接四
  • 3D国际象棋
  • 3D分形资源管理器

这些讨论帮助我们将重点放在了我们想要为人们创造的身临其境的体验上。最终,我们决定对校园建筑物内部进行虚拟参观。 我们认为,由于我们对WPI校园拥有个人知识,因此我们可以创建独特而有用的虚拟体验。

原型制作

我们之所以选择此项,是因为我们发现尽管已经有部分校园的虚拟游览,但他们对建筑物内部的视野却很少,并且并未针对VR进行优化。 虚拟建筑物参观为考虑WPI的高中学生提供了亲自参观校园之前可以预览校园的能力。

选择进行虚拟校园之旅后,我们不得不缩小选择范围,以使收集照片变得可行。

  • 位置候选人:
  • 萨尔斯伯里实验室
  • 这里发生了大量的类,因此非常容易识别
  • 布局很复杂
  • 阿特沃特·肯特
  • HCI课程在这里教
  • 富勒实验室
  • 这里发生了大量的类,因此非常容易识别
  • 非常开放的空间
  • 易于访问
  • 沃什本商店
  • 有趣的实验室空间
  • 实验室将更难拍照

平面图布局

  • 层数
  • 一室
  • 二室
  • 一楼(地面)
  • 二楼
  • 低一点
  • 办事处
  • 三楼
  • 上层饱满
  • 富裕的公地
  • IMGD实验室?

照片集

为了收集全景照片,我们使用了Google Pixel 2以“ Photo Sphere”模式拍照。 我们发现,只要在相机两米范围内没有物体,Google的Photos Sphere软件就可以很好地工作。 因此,我们在可以拍照的位置上受到了一些限制,但仍然可以对富勒实验室内的重要位置进行一些全景拍摄。 扶手等障碍物在较高楼层的阳台和楼梯附近等地方使照片收集更加复杂。

取得地图

原始地图

我们希望合并一个供用户查看的平面图,以便选择他们的观看位置,但无法在线找到Fuller内部的地图。 为了获得我们使用的地图,我们向图书馆的存档部分寻求帮助。 他们能够将平面图的扫描图发送给我们。 然后,我们能够编辑这些蓝图,以制作简化但高度准确的富勒地图。 但是,由于富勒在其存在的过程中至少进行了三项重大翻新,从而极大地改变了布局,因此这些蓝图存在一些缺陷。 我们能够通过编辑布局的照片来纠正主要差异。

编辑地图

创建程序

为了创建我们的程序,我们使用Aframe 360​​度模板作为设计指南,因为我们期望的最终结果具有非常相似的功能。 场景被替换为我们的全景照片,导航界面被替换为我们的富勒地图。

反馈

根据我们今天在演示过程中收到的反馈以及其他人的意见,似乎人们喜欢对建筑物进行虚拟游览并能够在建筑物内移动到不同楼层和房间的概念。 我们提到的一件事是,缩略图图像有点难以看清,而且很难说出您打算跳到富勒的哪个房间。 为了帮助解决这个问题,可能的解决方案是将标签添加到悬停在图像上方或下方的每个缩略图中。 我们得到的另一点是,从相机周围看时,用户界面可能更易于使用。 有人建议我们可以为用户添加更多控件,可能是诸如箭头按钮之类的东西,以使游览过程更轻松。 有人建议我们让用户可以步行游览,在一个房间到另一个房间以及上下楼梯。 这将是非常困难的,但绝对是一个很酷的功能。 建议的另一个功能是改变导航方式的想法。 除了使用带缩略图的圆形菜单外,我们还可以使用屏幕上的门廊,楼梯和走廊中的链接在建筑物中导航。 这可能会使应用程序更具交互性。

结论

在选择进行某种虚拟校园参观之后,我们对该项目的最初目标是为用户提供WPI校园区域的独特而有用的体验。 尽管我们的应用无法在Google纸板设备上正常运行,但我们仍可以实现我们的基本目标。 我们考虑了校园周围的几个地点,并列出了每个地点的利弊,以决定选择哪一个。 富勒对我们来说是一个不错的选择,因为它内部有很大的空间,可以拍摄360度的照片。 确定建筑物后,我们便收集了开始实施虚拟游览所需的图像。

我们遇到的一个问题是在菜单中获取缩略图以更新为我们正在上传的图像。 我们设法弄清楚了这一点,但是正如反馈中提到的那样,缩略图有点难以阅读,并且可以事后使用一些标签。 在演示日当天我们无法整理出一些东西,当时是在纸板耳机中观看巡演时,灵敏度似乎很高,并且由于移动速度如此之快,因此无法选择缩略图。

在我们收到的大多数反馈中,用户似乎喜欢我们的想法,并认为类似的东西肯定会有用。 因此,如果我们有更多时间从事这项工作,我们可能会改进已经开始的工作。 可能会添加新的方式来在建筑物中导航,或者进行较小的改进,例如找到一种方法来平滑我们拍摄的所有360张图像。

您可以在此处查看我们应用程序的视频演示:

您可以在此处直接使用该演示:

360°图片库
360°图片库– A型框架 handy-raft.glitch.me