我们团队一座精神小岛《云端世界》，一次实验尝试
《云端世界》
我们团队的一座精神小岛，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眼睛画出来的梵高星月夜；
【结果与影响】
在围绕我们自己精神世界的创造初心下，我们没有广告投放，也没有宣传。
在朋友之间的传播中，获得了技术圈，游戏圈等相对偏执行端朋友的众多好评。当然也获得了不少朋友的应用建议。非常感谢大家！
专业评分
评论
评论
推荐评论
全部评论（4条）