我們團(tuán)隊(duì)一座精神小島《云端世界》，一次實(shí)驗(yàn)嘗試
《云端世界》
我們團(tuán)隊(duì)的一座精神小島，5個(gè)人小團(tuán)隊(duì)從0開始的一次實(shí)驗(yàn)性嘗試。
當(dāng)你打開網(wǎng)頁(yè)端或手機(jī)掃碼后，你將游走進(jìn)入不同的虛擬場(chǎng)景，會(huì)發(fā)現(xiàn)一些有趣的東西，還可以與NPC、陌生人交流。
基于實(shí)驗(yàn)性的目的，我們一開始只是計(jì)劃做一個(gè)有點(diǎn)不一樣的網(wǎng)頁(yè)3D虛擬世界，是把心中那片空曠的空間通過《云端世界》表達(dá)出來。網(wǎng)頁(yè)端開發(fā)會(huì)受到一些限制，我們希望通過思考嘗試，它能加載快一些，體驗(yàn)流暢一些，有一些新的東西、探索新的可能，用PC電腦、手機(jī)掃碼就能體驗(yàn)。也希望它能給我們的其他團(tuán)隊(duì)提供更多思路。
我們覺得，只要身體里對(duì)技術(shù)的熱血依舊，或許廣告營(yíng)銷領(lǐng)域的輕量化技術(shù)運(yùn)營(yíng)應(yīng)用正在待挖掘。
項(xiàng)目初期的部分截圖
《云端世界》沒有商業(yè)目的，也沒有一定要去完成的任務(wù)，然后獲得獎(jiǎng)勵(lì)。
我們享受創(chuàng)造它的這個(gè)過程，可以沒有約束地將我們自己的想法、技術(shù)展現(xiàn)出來。
訪問《云端世界》主島
PC電腦端體驗(yàn)
https://meo.meo.plus/main/
手機(jī)掃碼體驗(yàn)
關(guān)于社交功能：除了聊天、發(fā)表情，我們保守地加入了一丟丟。你會(huì)發(fā)現(xiàn)一些人物動(dòng)作是被鎖定的，你需要和場(chǎng)景里的NPC互動(dòng)才能獲得。
你在游走過場(chǎng)中，很少有一些提示，我們（單方面）希望用戶自己去發(fā)現(xiàn)或者與其他用戶交流獲得“攻略”。
比如主島《云·境》：
當(dāng)你靠近海邊時(shí)你才能聽到海浪的聲音；
當(dāng)你再靠近海里時(shí)，你會(huì)發(fā)現(xiàn)可以扔出一個(gè)漂流瓶；
當(dāng)你站在沙灘上，可能正好有一個(gè)不起眼的瓶子，可以撿起來看看。
對(duì)于多人交流：我們嘗試使用了氣泡聊天的方式，雖然這種方式更符合現(xiàn)實(shí)生活中交流的場(chǎng)景也更有氣氛感，但在虛擬世界中，它劣勢(shì)也非常明顯。比如走遠(yuǎn)了就看(聽)不見了，這在虛擬互動(dòng)中就很難受。（還有機(jī)會(huì)的話我們會(huì)增加聊天列表框）
對(duì)于其他場(chǎng)景入口：我們?cè)谥鲘u《云·境》放置了其他5個(gè)場(chǎng)景的入口。
通過點(diǎn)擊小云朵
也可以直接進(jìn)入其它5個(gè)分場(chǎng)景
主島《云·境》
其它5個(gè)分場(chǎng)景為：《藍(lán)嶼》、《秘靈》、《星月夜》、《她的hua語》、《禪·境》。
7個(gè)版本的迭代
因?yàn)橹鲘u體量已經(jīng)非常大了，為了在視覺、性能、用戶感知層面都有良好的表現(xiàn)，我們總共迭代了7個(gè)版本的傳送門效果，針對(duì)性研發(fā)了傳送門的Shader特效。
迭代過程版本
關(guān)于“孩子們”
《云端世界》的五名“孩子”分別是：電娃、方方、小花、嘿嘿、工作人員。我們沒有去做皮膚組合DIY，因?yàn)檫@不是我們需要去實(shí)驗(yàn)的內(nèi)容。點(diǎn)擊換膚按鈕直接選擇你中意的“孩子”。
對(duì)于他們的名字，老人們說取名越隨（jiàn）意（jiàn）的, 越好養(yǎng)活，這就是我們的希望。我們是真的很認(rèn)真地對(duì)待自己的“孩子”，為他們都寫了人物小傳，還希望有一天他們能有機(jī)會(huì)做成手辦與大家見面。
關(guān)于場(chǎng)景
在這幾個(gè)月的創(chuàng)作中，我們一共實(shí)驗(yàn)性的創(chuàng)造了6個(gè)幾乎獨(dú)立的場(chǎng)景。他們分別是：主島《云·境》《藍(lán)嶼》、《秘靈》、《星月夜》、《她的hua語》、《禪·境》。
當(dāng)把它們組合起來后，發(fā)現(xiàn)《云端世界》擁有了一些情緒、一些放松、一些禪意，或者是一些可可愛愛、一些奇奇怪怪，還可能就像飄在云端一樣，毫無目的。
總之四處轉(zhuǎn)轉(zhuǎn)、停停留留、聽聽看看，每個(gè)場(chǎng)景我們都應(yīng)用了不同的實(shí)現(xiàn)方式，他們除了風(fēng)格迥異之外，互動(dòng)感受上也有很大差別。
分場(chǎng)景一
《秘靈》
PC電腦端體驗(yàn)《秘靈》
https://meo.meo.plus/main/#UllOQg==
掃碼體驗(yàn)《秘靈》
這個(gè)場(chǎng)景我們當(dāng)時(shí)只是為了進(jìn)行一個(gè)性能測(cè)試。最初手機(jī)端只有20fps不到，為了找到原因一點(diǎn)點(diǎn)減面、減模型，改算法，然后又一點(diǎn)點(diǎn)加了回來。既然已經(jīng)做了這么多了，索性再完善了一把，把它也放進(jìn)了《云端世界》里。
截屏
動(dòng)圖
白飄飄的狀態(tài)真羨慕si我了
分場(chǎng)景二
《藍(lán)嶼》
PC電腦端體驗(yàn)《藍(lán)嶼》
https://meo.meo.plus/main/#UllKQg==
掃碼體驗(yàn)《藍(lán)嶼》
快樂是什么？是一杯咖啡/奶茶？是方案一次過？是掌控全局并取得優(yōu)秀結(jié)果？是無需應(yīng)酬的升職加薪？還是徹底躺平？每個(gè)人在不同階段感受到快樂的方式并不一樣。而有些東西一定是快樂的：藍(lán)天、白云、音樂、糖果、泡泡。當(dāng)你躺在云朵上、當(dāng)聽見泡泡破掉那“啵、啵”的聲音多開心呀。
截屏
動(dòng)圖
撞到泡泡會(huì)“啵~”破掉
分場(chǎng)景三
《禪·境》
PC電腦端體驗(yàn)《禪·境》
https://meo.meo.plus/main/#UllaQg==
掃碼體驗(yàn)《禪·境》
這是我們實(shí)驗(yàn)階段最后一個(gè)制作的場(chǎng)景。聽著木魚咚、咚、咚的聲音可能無法功德+1，但總能獲得內(nèi)心片刻平靜。無論你在迷霧里走得有多遠(yuǎn)，真實(shí)的內(nèi)心自會(huì)發(fā)光，會(huì)指引自己不迷路。
整體灰白調(diào)與輝光的效果是我們實(shí)驗(yàn)的目標(biāo)之一。接入AI的GPT的大師為您在線解惑。
截屏
動(dòng)圖
GPT大師解惑
分場(chǎng)景四
《她的hua語》
PC電腦端體驗(yàn)《她的hua語》
https://meo.meo.plus/main/#UllWQg==
掃碼體驗(yàn)《她的hua語》
我們很榮幸的作為協(xié)辦方之一與艾洛互動(dòng)、W·AI一起，參與了W和王小慧藝術(shù)館共同主辦的“野小慧”國(guó)際AI藝術(shù)展的內(nèi)容產(chǎn)出（2023.07.15-09.15在上海王小慧藝術(shù)館展出）。
化身為王小慧老師的作品「紅孩子」里的形象，遨游在《云端世界》里與路途中的歷史知名女性發(fā)起對(duì)話，聽見她們擲地有聲的獨(dú)特見解。
截屏
動(dòng)圖
開花密度、速度、狀態(tài)、粒子反復(fù)調(diào)試優(yōu)化而成的“蓮步生花”。
根據(jù)王小慧老師的作品「紅孩子」衍生出角色“小紅花”
第一版程序?qū)崿F(xiàn)的“草?！?nbsp;
出街版草海
180萬根草，疏密、深淺、顏色各不相同。隨風(fēng)舞動(dòng)，踩上去有力場(chǎng)感，更佳柔和唯美符合女性感受。
分場(chǎng)景五
《星月夜》
PC電腦端體驗(yàn)《星月夜》
https://meo.meo.plus/main/#UllSQg==
掃碼體驗(yàn)《星月夜》
這個(gè)是我們《云端世界》里最具特色的一個(gè)場(chǎng)景，他的創(chuàng)作并非由3D軟件建模，而是在VR設(shè)備里“畫”出來的。
畫出來的模型灰暗，三維軟件無法調(diào)整，所以專門寫了一個(gè)程序功能來“復(fù)原”他的原本色彩。漫游在3D星月夜中，尤其是在VR設(shè)備里的體驗(yàn)沉浸感更強(qiáng)。
截屏
動(dòng)圖
VR創(chuàng)作過程
關(guān)于技術(shù)
對(duì)于WEB網(wǎng)頁(yè)端（掃碼即玩、跨端）加載速度、體驗(yàn)流暢度、視覺效果它們互相矛盾，這個(gè)是全世界同行面臨的難題，這也是我們實(shí)驗(yàn)的最重要目的之一。
我們使用了開源的Threejs作為底層基礎(chǔ)框架。相比采用unity開發(fā)而言，它更難，幾乎所有功能、代碼效果都需要我們自己制作。但是我們做到了：
1：急速加載：平均加載3-7秒；
2：智能鏡頭：建筑、植被透視；墻體、山體智能前移鏡頭，按游戲的水準(zhǔn)來解決視野遮擋問題；
3：60fps：網(wǎng)頁(yè)3D項(xiàng)目使用60幀渲染，是我們另一個(gè)非常重要的嘗試。它意味著比20、30幀更流暢，也成倍的增加了我們性能優(yōu)化難度。即使在“云·境”超大場(chǎng)景以及接近600萬三角面的“她的hua語”場(chǎng)景，依然在2018年發(fā)布的初代iPhone XR上跑滿60fps；
4：代碼特效：大量的代碼特效，而非貼圖（大大減少項(xiàng)目體積，提高加載速度）
5：全景輸出：支持VR全景模式實(shí)時(shí)輸出，在抖音(全景模式)、PICO設(shè)備里進(jìn)行VR體驗(yàn)、直播。
6：跨平臺(tái)：手機(jī)橫/豎屏、小程序、PC，能打開WebGL網(wǎng)頁(yè)的地方都能體驗(yàn)。
VR單目全景模式
結(jié)合微信小程序的MR虛實(shí)結(jié)合入口
用戶模擬從現(xiàn)實(shí)生活中
走進(jìn)《云端世界》
一些期盼
云端世界什么時(shí)候能完成，我們也不知道。我們更希望他永遠(yuǎn)都不要完成，永遠(yuǎn)都在持續(xù)進(jìn)化。
希望更多伙伴一起加入云端世界的共創(chuàng)，我們還有很多想法等待驗(yàn)證和發(fā)散，也許有一天它能成為一個(gè)真正的宇宙。
首批創(chuàng)作人員發(fā)起者：MEO
前端掃地僧：蔣之曦 | Amao
3D魔法師：汪肖熊 | XiaoXiong
前端羅漢：趙昊 | More
后端水掌門：陳達(dá) | chen總
美術(shù)宇航局長(zhǎng)：趙倩倩 | Nasa
歡迎訪問我們的數(shù)英主頁(yè) 或 掃碼聯(lián)系我們
訪問《云端世界》主島
PC電腦端體驗(yàn)
https://meo.meo.plus/main/
手機(jī)掃碼體驗(yàn)
創(chuàng)作人員名單
首批創(chuàng)作人員發(fā)起者：MEO
蔣之曦 | Amao
汪肖熊 | XiaoXiong
趙昊 | More
陳達(dá) | chen總
趙倩倩 | Nasa
數(shù)英獎(jiǎng)參賽項(xiàng)目說明 - MEO 上海，制作公司
【背景與目標(biāo)】
沒有什么大背景，我們內(nèi)部發(fā)起一個(gè)虛擬世界項(xiàng)目。
所有參與同學(xué)都巧妙的植入了進(jìn)去。
自由探索、挑戰(zhàn)游戲、與NPC聊聊天，或看看風(fēng)景。
【洞察與策略】
疫情（雖然此時(shí)覺得已經(jīng)過去挺久），讓我們無法自由出行。在解封復(fù)工后，我們依然非常希望能有一處讓我們自由自在，輕松休憩的精神世界。
【創(chuàng)意闡述】
借助threejs三維技術(shù)，慢慢的創(chuàng)造了一款屬于我們的精神世界。它包含主世界，以及6個(gè)風(fēng)格迥異的子世界。
你可以漫步在藝術(shù)草海、花海的世界；
你也可以在空靈的世界問師解惑；
或者漫步在通過VR眼睛畫出來的梵高星月夜；
【結(jié)果與影響】
在圍繞我們自己精神世界的創(chuàng)造初心下，我們沒有廣告投放，也沒有宣傳。
在朋友之間的傳播中，獲得了技術(shù)圈，游戲圈等相對(duì)偏執(zhí)行端朋友的眾多好評(píng)。當(dāng)然也獲得了不少朋友的應(yīng)用建議。非常感謝大家！
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（4條）