我們團隊一座精神小島《云端世界》，一次實驗嘗試
《云端世界》
我們團隊的一座精神小島，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條）