說(shuō)明：本文采用的圖片大多來(lái)自網(wǎng)上或者視頻截圖，如果有侵權(quán)立刻刪除，或者錯(cuò)誤之處請(qǐng)諒解。

如需轉(zhuǎn)載： 請(qǐng)注明出處: http://www.itdecent.cn/p/02a32a6f0563

聯(lián)系方式： 微信：breakerror

隨著消費(fèi)升級(jí)一切東西往 【美】 的方向發(fā)展，那么電商的購(gòu)物模式也在變化，淘寶 Buy+ 發(fā)布視頻后確實(shí)讓我震撼了一把。在思考這是不是電商購(gòu)物體驗(yàn)的未來(lái)之余，也在思考 Buy+ 的宣傳視頻的水分到底有多少？

首先看看 Buy+ 的視頻都有哪些【“黑科技”】

Buy+ 視頻開(kāi)頭說(shuō)了一大把噱頭，這個(gè)可以直接忽略過(guò)去，大致就是說(shuō)了 Buy+ 可以實(shí)現(xiàn)沉浸式的購(gòu)物體驗(yàn)。然后畫面給出了一個(gè)場(chǎng)景

男豬張開(kāi)了嘴，秀了一把演技

接著畫面一切，給出了一個(gè)極有誘惑力的溫馨的畫面

差點(diǎn)就信了，還感動(dòng)了

作為觀眾的我當(dāng)時(shí)覺(jué)得還是挺震撼的，如果 VR 可以做到這個(gè)畫面那 真厲害了我的哥！淘寶團(tuán)隊(duì)的技術(shù)真不是蓋的，下一秒我立馬意識(shí)到這個(gè)畫面可能不是真的。這個(gè)畫面不是用計(jì)算機(jī)不能渲染出來(lái)，但是這個(gè)畫面中有大量的高模和 ray trace（光線跟蹤）。保守估計(jì)這張圖在 Apple 垃圾桶上面渲染一幀到這個(gè)效果的時(shí)間應(yīng)該在30個(gè)小時(shí)以上。作為 VR 不是播放影片給你看，而是需要和使用者進(jìn)行交互的。在這個(gè)過(guò)程中必須實(shí)時(shí)渲染。就像電影院的影片就沒(méi)有和觀眾交互的可能，所以用了大量的這類技術(shù)，當(dāng)然渲染的速度也是非常慢，好處就是效果逼真啊。作為游戲玩家要可以和游戲交互，這些技術(shù)都不能用了。所以游戲暫時(shí)是不可能做到電影的那個(gè)畫質(zhì)，現(xiàn)階段 CG 的制作成本也是不低。

然后畫面再次切到一個(gè)場(chǎng)景中

這個(gè)什么鬼地方

這個(gè)畫面看起來(lái)像是從某些互聯(lián)網(wǎng)攝像頭的宣傳視頻中截取的。首先這個(gè)真實(shí)的場(chǎng)景用計(jì)算機(jī)模擬到這個(gè)程度不可能，那么假設(shè)淘寶把攝像頭通過(guò)網(wǎng)絡(luò)直接接到用戶的 VR 眼鏡上面？當(dāng)然這樣的確可以讓用戶看到 3D 的畫面，但是這樣有兩個(gè)問(wèn)題：

• 通過(guò)攝像頭拍攝的畫面控制性差，和畫面里面的物體做交互？？
• 這樣就需要每個(gè) VR 眼鏡都需要連接一個(gè) 唯一的互聯(lián)網(wǎng)的攝像頭，當(dāng)我偏頭看另一邊的時(shí)候就要調(diào)整攝像頭的角度。一個(gè)攝像頭同一個(gè)時(shí)間內(nèi)只能服務(wù)一個(gè) VR 眼鏡，假設(shè)有10w人同時(shí)看，那商場(chǎng)得放多少個(gè)攝像頭??？其次數(shù)據(jù)傳輸有延遲這個(gè)問(wèn)題能解決？

SO？不過(guò)的的人會(huì)說(shuō)街景地圖？街景地圖是 Sky Box 實(shí)現(xiàn)的！原理程序是把你的視野放在一個(gè) 立方體的盒子里面，然后盒子的內(nèi)壁貼上街景車采集的圖，你旋轉(zhuǎn)角度的函數(shù)程序就轉(zhuǎn)動(dòng)那個(gè)立方體盒子。然后你移動(dòng)的時(shí)候他就不停的換圖。這種技術(shù)不適合在 VR 上面，控制性不好。

呵呵！不過(guò)話說(shuō)回來(lái)，如果淘寶不是這么實(shí)現(xiàn)的那這個(gè)畫面就有待于質(zhì)疑了。忽略過(guò)去吧！前面部分視頻幾乎大多都是帶有很高的宣傳性的介紹。一直到最后面的時(shí)候有一段關(guān)于建模的部分的介紹。

TPMS題主并沒(méi)有接觸過(guò)

TPMS 具體是什么題主不知道，可能是一種很厲害的建模工具吧。反正這類工具的結(jié)果就是生成 點(diǎn)、法向量、點(diǎn)的順序（用來(lái)組成三角形，顯卡只能繪制三角形，呵呵?。⒓y理坐標(biāo)、或者還有燈光位置、高級(jí)一點(diǎn)的還有動(dòng)畫數(shù)據(jù)等等。

如果提到建模那么淘寶的玩法應(yīng)該和游戲的技術(shù)沒(méi)多大的區(qū)別，所以大膽的猜測(cè)一下 Buy+ VR 的畫面應(yīng)該和傳統(tǒng)的 VR 游戲畫面在一個(gè)技術(shù)級(jí)別，如果好可能只是模型設(shè)計(jì)更加精細(xì)，材質(zhì)更加逼真。

所以：上面是關(guān)于 Buy+ 視頻中可以看到的信息，題主只是從技術(shù)的角度分析了一下這個(gè)可能性。盡管技術(shù)上可能沒(méi)有創(chuàng)新，但是 Buy+ 的產(chǎn)品創(chuàng)新味道還是很濃的，題主也很期待有一天可以出現(xiàn)這類的購(gòu)物形式。除此之外有些網(wǎng)文質(zhì)疑 Buy+ 能不能做到 裸手和 VR 場(chǎng)景交互。之前的 VR 交互都是需要一些手持設(shè)備的，但是裸手做一些交互題主覺(jué)得是沒(méi)有問(wèn)題的。稍后題主會(huì)給出一個(gè)簡(jiǎn)單的解決方案。

那么從基礎(chǔ)實(shí)現(xiàn)一個(gè)類似 Buy+ 這類的購(gòu)物商城我們能做什么？

剁手！??！

首先我們來(lái)講講一下幾個(gè)問(wèn)題：

• 如何讓人類看到 3D 的場(chǎng)景？

相信大家都去看過(guò) 3D 電影，3D 熒幕用偏正光放映。觀影者的眼鏡左右保證看到的畫面不一樣。這個(gè)畫面是從兩個(gè)角度拍攝的。這樣人腦就能自動(dòng)補(bǔ)償這部分讓人腦產(chǎn)生看到了 3D 的錯(cuò)覺(jué)。
所以 VR 眼鏡是兩個(gè)眼鏡，程序只要在兩片的眼鏡中顯示不同角度渲染的畫面，這樣人眼就會(huì)補(bǔ)償成 3D 影像。做過(guò) 3D 游戲的人或者熟悉仿射空間的人，可能已經(jīng)明白這個(gè)過(guò)程就是程序調(diào)整了虛擬攝像機(jī)（仿射空間中的 MVP 矩陣）的位置渲染的不同畫面而已。那么如何讓畫面可以隨著人頭的轉(zhuǎn)動(dòng)而渲染不同的畫面？這個(gè)就更加簡(jiǎn)單了，只要在 VR 眼鏡中內(nèi)置一個(gè)陀螺儀，通過(guò)陀螺儀采集的數(shù)據(jù)調(diào)整 MVP 矩陣然后重新渲染就好了。這個(gè)過(guò)程就像你在打 CS，用鼠標(biāo)在移動(dòng)視野一樣。所以這個(gè)部分基本沒(méi)有難點(diǎn)，用現(xiàn)成的 3D 游戲引擎稍微改造下就能做出 VR 版本的。題主只是現(xiàn)在想知道用 WebGL 實(shí)現(xiàn)的可能性有多大。

• 如何讓 VR 數(shù)據(jù)從網(wǎng)上獲??？

這個(gè)問(wèn)題確實(shí)是一個(gè)難點(diǎn)，傳統(tǒng)的游戲都是把資源打包發(fā)布的。這是因?yàn)槟Ｐ蛿?shù)據(jù)和紋理都是體積很大的。如果通過(guò)網(wǎng)絡(luò)下載會(huì)非?？?。大家有時(shí)候更新 3D 游戲的時(shí)候多出了場(chǎng)景，那就是更新模型和紋理數(shù)據(jù)。
但是好在我們只是做一個(gè)簡(jiǎn)單商場(chǎng)，沒(méi)有游戲那么復(fù)雜的場(chǎng)景。游戲里面的人物模型也沒(méi)有多少。只是大量的圖片和簡(jiǎn)單的模型數(shù)據(jù)應(yīng)該還抗的動(dòng)。
沙盤模擬：當(dāng)我們帶上 VR 眼鏡然后進(jìn)入到一個(gè)店（這部分可以采用語(yǔ)音搜索的方式），首先程序會(huì)從服務(wù)器端請(qǐng)求商店墻壁柜臺(tái)之類的模型數(shù)據(jù)，通過(guò)壓縮和不采用特別復(fù)雜的模型這塊數(shù)據(jù)應(yīng)該可以控制在 1MB 以內(nèi)，然后就是下載一些這些模型的紋理，這塊數(shù)據(jù)可以控制在幾張圖內(nèi)（反正電商就是大量的圖）。然后優(yōu)先下載視野內(nèi)的商品的模型數(shù)據(jù)（可以通過(guò)三維八叉樹(shù)之類的算法碰撞得出）然后當(dāng)視野轉(zhuǎn)動(dòng)的時(shí)候按需加載其他模型數(shù)據(jù)和紋理。當(dāng)然這塊數(shù)據(jù)隨著網(wǎng)速的發(fā)展都不是事情了。說(shuō)白了就是解決動(dòng)態(tài)性的問(wèn)題，VR 電商的模型數(shù)據(jù)比游戲的簡(jiǎn)單很多，所以體積就小了很多，動(dòng)態(tài)性應(yīng)該問(wèn)題不是很大。

• 裸手操作是不是有可能？

目前市面上面的 VR 設(shè)備大多需要一些手持設(shè)備才能交互。

看Pose都知道很累

那么能不能裸手來(lái)操作來(lái)？題主覺(jué)得應(yīng)該是沒(méi)有問(wèn)題的（理論還沒(méi)有驗(yàn)證過(guò)）

首先我們對(duì)傳統(tǒng)的 VR 穿戴設(shè)備稍加改造添加幾個(gè)傳感器（一排紅外線陣列發(fā)射器，2個(gè)紅外線攝像機(jī)）。這幾個(gè)東西體積都是可以很小的，可以同時(shí)做到一個(gè)稍大一點(diǎn)的U盤那么大的盒子里面。這個(gè)要安裝在 VR 眼鏡的前面。類似于下面這個(gè)：

呵呵

設(shè)備開(kāi)動(dòng)的時(shí)候時(shí)候大概就這樣（當(dāng)然圖片中的紅色光，我們可以用紅外線來(lái)設(shè)計(jì)，人眼是看不到的，也是無(wú)害的）：

好了通過(guò)上面的敘述我們可以得到用戶手部的動(dòng)作信息，那么如何把這部分?jǐn)?shù)據(jù)放到 VR 里面去？
我們可以簡(jiǎn)單這么考慮，我們制作一雙手的三維模型，通過(guò)骨骼動(dòng)畫 的方式操作骨骼的方式讓他動(dòng)起來(lái)，這類技術(shù)已經(jīng)爛大街了，已經(jīng)很成熟！然后通過(guò)傳感器采集的手勢(shì)信息轉(zhuǎn)化成骨骼的位置變化。這樣就能真實(shí)世界的人手就和 VR 世界的人手綁定在一起了。只要程序沒(méi)有問(wèn)題應(yīng)該人手做了什么動(dòng)作 VR 設(shè)備就能采集到，并在 VR 的視野里面操作三維模型的手做同樣的動(dòng)作。

如果想通過(guò)手勢(shì)操作 VR 的虛擬商品應(yīng)該如何操作？
比如我們想在 VR 視野里面隔空取一個(gè)商品過(guò)來(lái)。我們只要用手一指就可以取到，甚至旋轉(zhuǎn)他的角度。這個(gè)過(guò)程選取商品的過(guò)程在 3D 里面叫三維拾取。類似于你在 CS 游戲的時(shí)候開(kāi)了一槍，程序幫你計(jì)算子彈命中了誰(shuí)一樣？至于如何放大、移動(dòng)、旋轉(zhuǎn)物品等等 都是對(duì)場(chǎng)景樹(shù)中一個(gè)節(jié)點(diǎn)的 位置矩陣的變幻。甚至我們還可以定義一些特殊的手勢(shì)，比如捏一下商品就彈出一個(gè)框框，這個(gè)框框就是平面的顯示一些基本的參數(shù)。這些設(shè)計(jì)到用矢量渲染的部分，可以用 Skia 之類庫(kù)渲染，這部分就像 CS 中途查看戰(zhàn)績(jī)那個(gè)界面一個(gè)樣子。想想CS是哪個(gè)年代的產(chǎn)物。

• 商業(yè)化的難點(diǎn)和痛點(diǎn)？

1.技術(shù)難點(diǎn)
盡管整個(gè)技術(shù)可以說(shuō)的通，但是調(diào)試出優(yōu)秀的可以用的設(shè)備還是需要比較高的研發(fā)成本的，中間涉及到很多圖形領(lǐng)域的知識(shí)難度都很大。
2.維護(hù)成本
Buy+ 推出了他那個(gè)模型軟件，要把商品放置到 VR 世界里面去。必須是以數(shù)據(jù)模型的方式。生成商品模型是復(fù)雜度和成本比較高的。同時(shí)還要提供給商家工具可以通過(guò)鼠標(biāo)簡(jiǎn)單布局三維模型。
3.用戶設(shè)備
需要用戶自己掏錢購(gòu)買的設(shè)備，只有當(dāng)有足夠的多用戶購(gòu)買了設(shè)備，商家上架了足夠多的 VR 商店才能形成商業(yè)模式。
4.規(guī)范問(wèn)題
淘寶作為電商鯊魚，從重量級(jí)來(lái)說(shuō)都是不可比擬的。淘寶如果自定義這類規(guī)范并不公開(kāi)是沒(méi)有辦法和他兼容的。只會(huì)形成一家獨(dú)大的情況。

總結(jié)：國(guó)內(nèi)做這塊的現(xiàn)在也很多，技術(shù)上面也有很多公開(kāi)。如果要我們自己實(shí)現(xiàn)一個(gè) VR 商城，并可以實(shí)現(xiàn)交互體驗(yàn)理論上并沒(méi)有太大的問(wèn)題。但是最終要做一個(gè)好的產(chǎn)品只會(huì)技術(shù)是遠(yuǎn)遠(yuǎn)不夠的，希望未來(lái)可以在這塊出一個(gè)殺手锏一樣的應(yīng)用，革新購(gòu)物體驗(yàn)。