OPPO未来科技大会:线上虚拟空间进行时

举报 2021-12

OPPO未来科技大会:线上虚拟空间进行时

扫描,分享朋友圈

原标题:线上虚拟空间:未来科技大会的未来时

想象一下,一场48小时不间断的线上虚拟活动会是什么样子。


不一样的开始

9月中我们收到了一份疯狂的brief,将年度会议活动“未来科技大会”搬到线上,一个“拥有完整的、沉浸式的和有创意”的线上,这次的线上活动需要有虚拟世界(用户可以在世界漫游),虚拟形象,虚拟展馆,社交与直播功能。

“我们有多久的准备时间”
“你们周末可以准备一下,不需要太细致,把相关内容做个展示就好”
“这个时间会不会太紧了”
“那我们可以往后推两天”


确实,挺疯狂的,但也许也没有那么疯狂。从2020年初席卷全球的疫情开始,线下的活动受到了大规模的影响,以往万人聚集的音乐节、游戏节和各类大型活动纷纷取消。走向线上是这道难题的解法,但如果线上只有视频直播、图文介绍、聊天留言。那在线下活动会场中的闲逛游览、认识新朋友和与友人的相聚、各类新奇展品的体验都将失去。

如果,线上的体验可以把这些都拿回来,这会是怎样的一种感受。

扫描二维码,一起进入线上虚拟世界!
(数英网APP用户需点击放大二维码,长按识别)
OPPO未来科技大会:线上虚拟空间进行时
(PC用户可以直接点击下方链接,一起进入线上虚拟世界!)

欢迎进入线上虚拟世界


想象的容易做出来难

彼时,开始构建这样一个线上虚拟空间困难重重,我们应该怎么定义线上的虚拟世界?

它是一个网站,让用户从手机、PC都可以进入?它是一个3D游戏,地图、人物、场景全部3D化,让用户可以漫游?它是一个增强版的线上会议,图文+视频+聊天之后多一些互动?

可能都是,也可能都不是,我们甚至没有先例可以跟合作伙伴明确的定义这样的形式。

“书到用时方恨少”,上一次有这样的感慨可能要回到学生时代的考场了~

接下来是一个漫长的故事,简短节说,给大家聊聊这个我们也无法名状的虚拟世界是怎么做出来的。


1、构思

这个世界始于“莫比乌斯环”的概念,莫比乌斯环是一种只有一个面和一条边界的曲面,这个结构由一个纸带旋转半圈再把两端粘上之后形成。莫比乌斯环是平面向三维空间的拓展,也象征永恒和无限代表无尽与探索,同时又体现连接与融合。

OPPO未来科技大会:线上虚拟空间进行时
科技和人文在自有的轨迹上无限的延伸,但是科技和人文并不矛盾,他们亦有连接和融合

于是我们尝试构建这样一个世界:带有莫比乌斯环的形状与内涵,我们希望这样的一个虚拟世界将会是无限的与连接的融合,探索与体验的融合,第一次我们尝试勾勒的虚拟世界的雏形。

OPPO未来科技大会:线上虚拟空间进行时
INNO World概念初稿

OPPO未来科技大会:线上虚拟空间进行时
最初的设定上颜色的使用比较放飞

我们将这个这样一个世界的分成场馆层、地形道路层、环艺层与彩蛋层,在不同的分层中,我们会一点点勾勒出虚拟世界的模样。

1642336925513998.png
场馆层/地形道路层/环艺层/彩蛋层


2、落笔

接下来的内容给大家详细的讲讲,什么叫做想象的容易做起来难。

地形设定阶段,我们就遇到了第一个问题,在我们和客户的多次碰撞中,大家都倾向于打造一个有起伏的虚拟世界,而地形起伏的程度又直接关乎用户在虚拟世界中漫游的体验,不可大开大合,也不能蜻蜓点水,此处的尝试着实费了一些笔墨。

OPPO未来科技大会:线上虚拟空间进行时
地形起伏的设定

OPPO未来科技大会:线上虚拟空间进行时
逐渐清晰的世界

场馆设定阶段,每个场馆都肩负自己的责任,未来科技大会,需要体现诸多最前沿的科技,有首发的折叠屏手机,有首个自研的影像芯片,最新的AR眼镜,在虚拟世界中,我们想尝试给大家描绘一下客户未来科技的建筑应该是什么模样。

OPPO未来科技大会:线上虚拟空间进行时

在所有的场馆设定中,主场馆尤为坎坷,作为整个虚拟世界的地标,不论是个头还是承载的内容堪称场馆中的“旗舰”,也正式打磨这个旗舰,硬是把建筑设计师都拉了出来,内部前后过了将近100稿。

OPPO未来科技大会:线上虚拟空间进行时
主场馆的部分画稿

OPPO未来科技大会:线上虚拟空间进行时
主场馆的最终选型

有了这些核心的元素,虚拟世界也慢慢有了最终的模样。

OPPO未来科技大会:线上虚拟空间进行时
INNO World的不同视角

OPPO未来科技大会:线上虚拟空间进行时
我们也尝试给INNO World不同的配色,但是考虑科技的属性,最终选择了第三个方案

人物设定阶段,我们尝试了众多方案来兼顾虚拟世界中的用户体验,同时让用户在选择自己身份时具备更多的可能性,最终我们选择了“i”为主体形象进行延展。

OPPO未来科技大会:线上虚拟空间进行时
虽然落选了,但是你们值得拥有姓名,请欣赏人物落选稿12346

1642339747969083.png
人物最终形象的部分画稿

看到如此多强劲的对手,中选的小伙伴不禁嘚瑟的抖起了小脚、欢呼跳跃、尽情起舞!

1642345889305938.gif1642346697662565.gif1642346733486449.gif
人物在虚拟世界中的动态

平面制作阶段,UI做为整个虚拟世界的串场,虽不站在台中央,但是过程同样马虎不得。

1642340977266761.png
UI的设定稿也是道路曲折

1642341293274852.png
预热页面尝试不同的风格变化


3、融合

接下来要聊一下技术了,如果用一个字来形容,那就是“难”,这里的难不仅是技术本身的难,也难在把上面这么多的内容放进去,并且最大程度的还原视觉概念的各种设定,同时还能让用户在手机、PC和平板等不同的使用平台上流畅的体验。这一路来我们要解决网页性能的瓶颈、多人实时在线的稳定性和直播的兼容性以及大规模场景中的内存控制,事儿就不往复杂处说了,讲几个普通用户也能理解和感受到的环节。

场景放置,如果将这么大的3D世界和内容放进程序能够像“把大象放进冰箱”一样就好了。第一步,把冰箱门打开;第二步,把大象装进去;第三步把冰箱门关上(* ̄︶ ̄)。在这个环节中,技术克服的最大难题就是通过合并和减面处理,让中低端移动机型也可以流畅的运行,让前路未卜的开发之路在初期给团队增加了很多的信心。

1642342367850028.png
虽然和最终效果只有“亿点点”差距,但是对于初期的测试来说完全够用了

人物漫游,做为整个项目最大的亮点,我们希望能够在虚拟世界中可以自由移动,而人物在场景中需要面对高低不平的地形,人物的位置随着脚下地形的高度变化而改变。同时在场景中,同一时间会有很多人物的移动,解决了这些难题,大家在虚拟世界中可以流畅的溜达。

1642343093177137.png
人物的自由移动

性能区分,为了进一步覆盖更多的设备,保证低端机型的流畅体验。我们采用了游戏的通常做法,通过检测设备型号,对显示效果进行了默认选择,配置比较低的设备则以性能为主,较高的则能显示更精致的画面。并开放选项让用户可以自行切换,感受不同选项的差异。

1642343709435547.png

解决了以上的种种,不禁想和大家一起重温一下这次线上虚拟世界活动的精彩瞬间!

OPPO线上活动:未来科技大会
INNO World鸟瞰

1641743967569026.gif
INNO World漫游

1642343880289112.gif
INNO World彩蛋


虚拟空间,我们准备好了么

有太多的理由可以说:我们还没有准备好,因为技术还不够成熟,因为硬件还不够普及,因为用户认知基础还不够广泛,但是新的事物从不曾在我们准备好时才出现,我们也从不曾在准备好后才出发。

但是想像一下这样的场景:音乐节,少了风吹日晒,丢手机找厕所,有仪式感的在电脑或电视前呼朋唤友参加线上音乐体验,朋友是不是在身边都不重要,因为虚拟和现实的空间也可以被打破;游戏节,每一个参展商都有一个自己的空间,不再受到空间和物理环境的局限,让游戏节就举办在游戏中。


结语

做为了一个在全球超过50个国家同时上线的项目,项目在预热开始就达到了极高的热度,提升了用户的参与度和体验感。

1642344981641957.png
虚拟世界在Twitter的传播

其实这次项目有不少的遗憾,我们准备了100个彩蛋,希望用户可以在虚拟世界有更多的探索欲望;我们准备了互动活动,比如推轮子比赛,自行车环游虚拟世界;我们准备了社交互动,比如私人聊天空间,组队探索。但是因各种原因原因,没有机会跟大家见面,线上虚拟空间也如我们这次的项目的遗憾,我们恨不得把它所有的可能,所有的美统统呈现给大家,但是这也是最好的结果,每次的缺憾会让我们在下次不断前行。线上虚拟空间的大门已经打开,我们会奉献更多的作品给大家,也期待与大家共同探索更多的可能。

OPPO 欧珀

灵境至维

灵境至维

 

OPPO未来科技大会:线上虚拟空间进行时

扫描,分享朋友圈

参与评论

文明发言,无意义评论将很快被删除,异常行为可能被禁言
DIGITALING
登录后参与评论

参与评论

文明发言,无意义评论将很快被删除,异常行为可能被禁言
800

推荐评论

全部评论(7条)