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

举报 2023-09

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

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

《云端世界》
我们团队的一座精神小岛,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 上海

MEO 上海

MEO 上海

MEO 上海

阿毛酱的三行代码

 

参与评论

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

参与评论

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

推荐评论

全部评论(2条)