我们团队一座精神小岛《云端世界》,一次实验尝试
《云端世界》
我们团队的一座精神小岛,5个人小团队从0开始的一次实验性尝试。
当你打开网页端或手机扫码后,你将游走进入不同的虚拟场景,会发现一些有趣的东西,还可以与NPC、陌生人交流。
基于实验性的目的,我们一开始只是计划做一个有点不一样的网页3D虚拟世界,是把心中那片空旷的空间通过《云端世界》表达出来。网页端开发会受到一些限制,我们希望通过思考尝试,它能加载快一些,体验流畅一些,有一些新的东西、探索新的可能,用PC电脑、手机扫码就能体验。也希望它能给我们的其他团队提供更多思路。
我们觉得,只要身体里对技术的热血依旧,或许广告营销领域的轻量化技术运营应用正在待挖掘。
项目初期的部分截图
《云端世界》没有商业目的,也没有一定要去完成的任务,然后获得奖励。
我们享受创造它的这个过程,可以没有约束地将我们自己的想法、技术展现出来。
访问《云端世界》主岛
PC电脑端体验
https://meo.meo.plus/main/
手机扫码体验
关于社交功能:除了聊天、发表情,我们保守地加入了一丢丢。你会发现一些人物动作是被锁定的,你需要和场景里的NPC互动才能获得。
你在游走过场中,很少有一些提示,我们(单方面)希望用户自己去发现或者与其他用户交流获得“攻略”。
比如主岛《云·境》:
当你靠近海边时你才能听到海浪的声音;
当你再靠近海里时,你会发现可以扔出一个漂流瓶;
当你站在沙滩上,可能正好有一个不起眼的瓶子,可以捡起来看看。
对于多人交流:我们尝试使用了气泡聊天的方式,虽然这种方式更符合现实生活中交流的场景也更有气氛感,但在虚拟世界中,它劣势也非常明显。比如走远了就看(听)不见了,这在虚拟互动中就很难受。(还有机会的话我们会增加聊天列表框)
对于其他场景入口:我们在主岛《云·境》放置了其他5个场景的入口。
通过点击小云朵
也可以直接进入其它5个分场景
主岛《云·境》
其它5个分场景为:《蓝屿》、《秘灵》、《星月夜》、《她的hua语》、《禅·境》。
7个版本的迭代
因为主岛体量已经非常大了,为了在视觉、性能、用户感知层面都有良好的表现,我们总共迭代了7个版本的传送门效果,针对性研发了传送门的Shader特效。
迭代过程版本
关于“孩子们”
《云端世界》的五名“孩子”分别是:电娃、方方、小花、嘿嘿、工作人员。我们没有去做皮肤组合DIY,因为这不是我们需要去实验的内容。点击换肤按钮直接选择你中意的“孩子”。
对于他们的名字,老人们说取名越随(jiàn)意(jiàn)的, 越好养活,这就是我们的希望。我们是真的很认真地对待自己的“孩子”,为他们都写了人物小传,还希望有一天他们能有机会做成手办与大家见面。
关于场景
在这几个月的创作中,我们一共实验性的创造了6个几乎独立的场景。他们分别是:主岛《云·境》《蓝屿》、《秘灵》、《星月夜》、《她的hua语》、《禅·境》。
当把它们组合起来后,发现《云端世界》拥有了一些情绪、一些放松、一些禅意,或者是一些可可爱爱、一些奇奇怪怪,还可能就像飘在云端一样,毫无目的。
总之四处转转、停停留留、听听看看,每个场景我们都应用了不同的实现方式,他们除了风格迥异之外,互动感受上也有很大差别。
分场景一
《秘灵》
PC电脑端体验《秘灵》
https://meo.meo.plus/main/#UllOQg==
扫码体验《秘灵》
这个场景我们当时只是为了进行一个性能测试。最初手机端只有20fps不到,为了找到原因一点点减面、减模型,改算法,然后又一点点加了回来。既然已经做了这么多了,索性再完善了一把,把它也放进了《云端世界》里。
截屏
动图
白飘飘的状态真羡慕si我了
分场景二
《蓝屿》
PC电脑端体验《蓝屿》
https://meo.meo.plus/main/#UllKQg==
扫码体验《蓝屿》
快乐是什么?是一杯咖啡/奶茶?是方案一次过?是掌控全局并取得优秀结果?是无需应酬的升职加薪?还是彻底躺平?每个人在不同阶段感受到快乐的方式并不一样。而有些东西一定是快乐的:蓝天、白云、音乐、糖果、泡泡。当你躺在云朵上、当听见泡泡破掉那“啵、啵”的声音多开心呀。
截屏
动图
撞到泡泡会“啵~”破掉
分场景三
《禅·境》
PC电脑端体验《禅·境》
https://meo.meo.plus/main/#UllaQg==
扫码体验《禅·境》
这是我们实验阶段最后一个制作的场景。听着木鱼咚、咚、咚的声音可能无法功德+1,但总能获得内心片刻平静。无论你在迷雾里走得有多远,真实的内心自会发光,会指引自己不迷路。
整体灰白调与辉光的效果是我们实验的目标之一。接入AI的GPT的大师为您在线解惑。
截屏
动图
GPT大师解惑
分场景四
《她的hua语》
PC电脑端体验《她的hua语》
https://meo.meo.plus/main/#UllWQg==
扫码体验《她的hua语》
我们很荣幸的作为协办方之一与艾洛互动、W·AI一起,参与了W和王小慧艺术馆共同主办的“野小慧”国际AI艺术展的内容产出(2023.07.15-09.15在上海王小慧艺术馆展出)。
化身为王小慧老师的作品「红孩子」里的形象,遨游在《云端世界》里与路途中的历史知名女性发起对话,听见她们掷地有声的独特见解。
截屏
动图
开花密度、速度、状态、粒子反复调试优化而成的“莲步生花”。
根据王小慧老师的作品「红孩子」衍生出角色“小红花”
第一版程序实现的“草海”
出街版草海
180万根草,疏密、深浅、颜色各不相同。随风舞动,踩上去有力场感,更佳柔和唯美符合女性感受。
分场景五
《星月夜》
PC电脑端体验《星月夜》
https://meo.meo.plus/main/#UllSQg==
扫码体验《星月夜》
这个是我们《云端世界》里最具特色的一个场景,他的创作并非由3D软件建模,而是在VR设备里“画”出来的。
画出来的模型灰暗,三维软件无法调整,所以专门写了一个程序功能来“复原”他的原本色彩。漫游在3D星月夜中,尤其是在VR设备里的体验沉浸感更强。
截屏
动图
VR创作过程
关于技术
对于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
欢迎访问我们的数英主页 或 扫码联系我们
访问《云端世界》主岛
PC电脑端体验
https://meo.meo.plus/main/
手机扫码体验
创作人员名单
首批创作人员发起者:MEO
蒋之曦 | Amao
汪肖熊 | XiaoXiong
赵昊 | More
陈达 | chen总
赵倩倩 | Nasa
数英奖参赛项目说明 - MEO 上海,制作公司
【背景与目标】
没有什么大背景,我们内部发起一个虚拟世界项目。
所有参与同学都巧妙的植入了进去。
自由探索、挑战游戏、与NPC聊聊天,或看看风景。
【洞察与策略】
疫情(虽然此时觉得已经过去挺久),让我们无法自由出行。在解封复工后,我们依然非常希望能有一处让我们自由自在,轻松休憩的精神世界。
【创意阐述】
借助threejs三维技术,慢慢的创造了一款属于我们的精神世界。它包含主世界,以及6个风格迥异的子世界。
你可以漫步在艺术草海、花海的世界;
你也可以在空灵的世界问师解惑;
或者漫步在通过VR眼睛画出来的梵高星月夜;
【结果与影响】
在围绕我们自己精神世界的创造初心下,我们没有广告投放,也没有宣传。
在朋友之间的传播中,获得了技术圈,游戏圈等相对偏执行端朋友的众多好评。当然也获得了不少朋友的应用建议。非常感谢大家!
专业评分
评论
评论
推荐评论
全部评论(2条)