我们团队一座精神小岛《云端世界》,一次实验尝试

举报 2023-09
该项目正在参与 2024 数英奖 评选
参赛企业
品牌
参赛类别

创意单元-互动组-互动广告类

技艺单元-互动制作类

我们团队的一座精神小岛《云端世界》,一次实验性尝试

我们团队的一座精神小岛《云端世界》,一次实验性尝试

《云端世界》
我们团队的一座精神小岛,5个人小团队从0开始的一次实验性尝试。

当你打开网页端或手机扫码后,你将游走进入不同的虚拟场景,会发现一些有趣的东西,还可以与NPC、陌生人交流。

基于实验性的目的,我们一开始只是计划做一个有点不一样的网页3D虚拟世界,是把心中那片空旷的空间通过《云端世界》表达出来。网页端开发会受到一些限制,我们希望通过思考尝试,它能加载快一些,体验流畅一些,有一些新的东西、探索新的可能,用PC电脑、手机扫码就能体验。也希望它能给我们的其他团队提供更多思路。

我们觉得,只要身体里对技术的热血依旧,或许广告营销领域的轻量化技术运营应用正在待挖掘。

项目初期的部分截图

我们团队的一座精神小岛《云端世界》,一次实验性尝试

《云端世界》没有商业目的,也没有一定要去完成的任务,然后获得奖励。
我们享受创造它的这个过程,可以没有约束地将我们自己的想法、技术展现出来。


访问《云端世界》主岛

PC电脑端体验
https://meo.meo.plus/main/

手机扫码体验


关于社交功能:除了聊天、发表情,我们保守地加入了一丢丢。你会发现一些人物动作是被锁定的,你需要和场景里的NPC互动才能获得。

1.jpg

你在游走过场中,很少有一些提示,我们(单方面)希望用户自己去发现或者与其他用户交流获得“攻略”。

比如主岛《云·境》:
当你靠近海边时你才能听到海浪的声音;
当你再靠近海里时,你会发现可以扔出一个漂流瓶;
当你站在沙滩上,可能正好有一个不起眼的瓶子,可以捡起来看看。

我们团队的一座精神小岛《云端世界》,一次实验性尝试

我们团队的一座精神小岛《云端世界》,一次实验性尝试


对于多人交流:我们尝试使用了气泡聊天的方式,虽然这种方式更符合现实生活中交流的场景也更有气氛感,但在虚拟世界中,它劣势也非常明显。比如走远了就看(听)不见了,这在虚拟互动中就很难受。(还有机会的话我们会增加聊天列表框)

我们团队的一座精神小岛《云端世界》,一次实验性尝试

我们团队的一座精神小岛《云端世界》,一次实验性尝试

对于其他场景入口:我们在主岛《云·境》放置了其他5个场景的入口。

通过点击小云朵
也可以直接进入其它5个分场景

1-4.jpg

主岛《云·境》
其它5个分场景为:《蓝屿》、《秘灵》、《星月夜》、《她的hua语》、《禅·境》。

1695095238716506.jpg

7个版本的迭代

因为主岛体量已经非常大了,为了在视觉、性能、用户感知层面都有良好的表现,我们总共迭代了7个版本的传送门效果,针对性研发了传送门的Shader特效。

迭代过程版本

MEO《云端世界》来了!

关于“孩子们”

《云端世界》的五名“孩子”分别是:电娃、方方、小花、嘿嘿、工作人员。我们没有去做皮肤组合DIY,因为这不是我们需要去实验的内容。点击换肤按钮直接选择你中意的“孩子”。

《云端世界》的五名“孩子”

对于他们的名字,老人们说取名越随(jiàn)意(jiàn)的, 越好养活,这就是我们的希望。我们是真的很认真地对待自己的“孩子”,为他们都写了人物小传,还希望有一天他们能有机会做成手办与大家见面。

《云端世界》的五名“孩子”

关于场景

在这几个月的创作中,我们一共实验性的创造了6个几乎独立的场景。他们分别是:主岛《云·境》《蓝屿》、《秘灵》、《星月夜》、《她的hua语》、《禅·境》。

当把它们组合起来后,发现《云端世界》拥有了一些情绪、一些放松、一些禅意,或者是一些可可爱爱、一些奇奇怪怪,还可能就像飘在云端一样,毫无目的。

总之四处转转、停停留留、听听看看,每个场景我们都应用了不同的实现方式,他们除了风格迥异之外,互动感受上也有很大差别。




分场景一
《秘灵》

PC电脑端体验《秘灵》
https://meo.meo.plus/main/#UllOQg==

扫码体验《秘灵》

这个场景我们当时只是为了进行一个性能测试。最初手机端只有20fps不到,为了找到原因一点点减面、减模型,改算法,然后又一点点加了回来。既然已经做了这么多了,索性再完善了一把,把它也放进了《云端世界》里。

截屏

03.jpg
3.jpg
04.jpg

动图

白飘飘的状态真羡慕si我了



分场景二
《蓝屿》

PC电脑端体验《蓝屿》
https://meo.meo.plus/main/#UllKQg==

扫码体验《蓝屿》

快乐是什么?是一杯咖啡/奶茶?是方案一次过?是掌控全局并取得优秀结果?是无需应酬的升职加薪?还是彻底躺平?每个人在不同阶段感受到快乐的方式并不一样。而有些东西一定是快乐的:蓝天、白云、音乐、糖果、泡泡。当你躺在云朵上、当听见泡泡破掉那“啵、啵”的声音多开心呀。

截屏

03.jpg
3.jpg
04.jpg

动图

撞到泡泡会“啵~”破掉




分场景三
《禅·境》

PC电脑端体验《禅·境》
https://meo.meo.plus/main/#UllaQg==

扫码体验《禅·境》

这是我们实验阶段最后一个制作的场景。听着木鱼咚、咚、咚的声音可能无法功德+1,但总能获得内心片刻平静。无论你在迷雾里走得有多远,真实的内心自会发光,会指引自己不迷路。

整体灰白调与辉光的效果是我们实验的目标之一。接入AI的GPT的大师为您在线解惑。

截屏

03.jpg
3.jpg

动图


GPT大师解惑



分场景四
《她的hua语》

PC电脑端体验《她的hua语》
https://meo.meo.plus/main/#UllWQg==

扫码体验《她的hua语》

我们很荣幸的作为协办方之一与艾洛互动、W·AI一起,参与了W和王小慧艺术馆共同主办的“野小慧”国际AI艺术展的内容产出(2023.07.15-09.15在上海王小慧艺术馆展出)。

微信图片_20230915180638.png

化身为王小慧老师的作品「红孩子」里的形象,遨游在《云端世界》里与路途中的历史知名女性发起对话,听见她们掷地有声的独特见解。

截屏

03.jpg
3.jpg
04.jpg

动图

开花密度、速度、状态、粒子反复调试优化而成的“莲步生花”。

 

根据王小慧老师的作品「红孩子」衍生出角色“小红花”

9月15日_1.gif

第一版程序实现的“草海”   

9月15日(1)_1.gif

出街版草海

180万根草,疏密、深浅、颜色各不相同。随风舞动,踩上去有力场感,更佳柔和唯美符合女性感受。


分场景五
《星月夜》

PC电脑端体验《星月夜》
https://meo.meo.plus/main/#UllSQg==

扫码体验《星月夜》

这个是我们《云端世界》里最具特色的一个场景,他的创作并非由3D软件建模,而是在VR设备里“画”出来的。

画出来的模型灰暗,三维软件无法调整,所以专门写了一个程序功能来“复原”他的原本色彩。漫游在3D星月夜中,尤其是在VR设备里的体验沉浸感更强。

截屏

1-4.jpg
02-动态-2-1-发布.jpg

动图

VR创作过程

9月15日 (2)_1.gif

关于技术

对于WEB网页端(扫码即玩、跨端)加载速度、体验流畅度、视觉效果它们互相矛盾,这个是全世界同行面临的难题,这也是我们实验的最重要目的之一。

我们使用了开源的Threejs作为底层基础框架。相比采用unity开发而言,它更难,几乎所有功能、代码效果都需要我们自己制作。但是我们做到了:

1:急速加载平均加载3-7秒;

2:智能镜头:建筑、植被透视;墙体、山体智能前移镜头,按游戏的水准来解决视野遮挡问题;

3:60fps:网页3D项目使用60帧渲染,是我们另一个非常重要的尝试。它意味着比20、30帧更流畅,也成倍的增加了我们性能优化难度。即使在“云·境”超大场景以及接近600万三角面的“她的hua语”场景,依然在2018年发布的初代iPhone XR上跑满60fps;

4:代码特效:大量的代码特效,而非贴图(大大减少项目体积,提高加载速度)

5:全景输出:支持VR全景模式实时输出,在抖音(全景模式)、PICO设备里进行VR体验、直播。

6:跨平台:手机横/竖屏、小程序、PC,能打开WebGL网页的地方都能体验。

VR单目全景模式


结合微信小程序的MR虚实结合入口
用户模拟从现实生活中
走进《云端世界》

一些期盼

云端世界什么时候能完成,我们也不知道。我们更希望他永远都不要完成,永远都在持续进化。

希望更多伙伴一起加入云端世界的共创,我们还有很多想法等待验证和发散,也许有一天它能成为一个真正的宇宙。

首批创作人员发起者:MEO
前端扫地僧:蒋之曦 | Amao
3D魔法师:汪肖熊 | XiaoXiong
前端罗汉:赵昊 | More
后端水掌门:陈达 | chen总
美术宇航局长:赵倩倩 | Nasa

欢迎访问我们的数英主页 或 扫码联系我们
1695103552283160.jpg

访问《云端世界》主岛

PC电脑端体验
https://meo.meo.plus/main/

手机扫码体验


创作人员名单

首批创作人员发起者:MEO
蒋之曦 | Amao
汪肖熊 | XiaoXiong
赵昊 | More
陈达 | chen总
赵倩倩 | Nasa

数英奖参赛项目说明 - MEO 上海,制作公司

【背景与目标】

没有什么大背景,我们内部发起一个虚拟世界项目。
所有参与同学都巧妙的植入了进去。
自由探索、挑战游戏、与NPC聊聊天,或看看风景。

【洞察与策略】

疫情(虽然此时觉得已经过去挺久),让我们无法自由出行。在解封复工后,我们依然非常希望能有一处让我们自由自在,轻松休憩的精神世界。

【创意阐述】

借助threejs三维技术,慢慢的创造了一款属于我们的精神世界。它包含主世界,以及6个风格迥异的子世界。
你可以漫步在艺术草海、花海的世界;
你也可以在空灵的世界问师解惑;
或者漫步在通过VR眼睛画出来的梵高星月夜;

【结果与影响】

在围绕我们自己精神世界的创造初心下,我们没有广告投放,也没有宣传。
在朋友之间的传播中,获得了技术圈,游戏圈等相对偏执行端朋友的众多好评。当然也获得了不少朋友的应用建议。非常感谢大家!

项目信息
品牌/广告主
MEO 上海
MEO 上海

营销机构

Creative Agency 创意代理商
MEO 上海
MEO 上海
Production House 制作公司
MEO 上海
MEO 上海
Others 其它
MEO 上海
MEO 上海

参与者

美术创意
某猫一只
 
数英评分
7.6
我的评分
谢谢
数英评分
7.6
我的评分
    该项目正在参与 2024 数英奖 评选
    参赛企业
    品牌
    参赛类别

    创意单元-互动组-互动广告类

    技艺单元-互动制作类

    我的评分
    评委评分

      专业评分

      请打分
      最多允许输入 1000 字
      提交后无法修改,请确认后提交
      取消

      评论

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

      评论

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

      推荐评论

      全部评论(2条)