夜鲁很鲁在线视频_欧美成人高清视频_综合图区亚洲白拍在线_av一区二区在线播放_色婷婷精品久久二区二区密_亚洲欧美视频在线观看_日韩免费av一区_国产一区二区精品久久91

搜索新聞

為什么JavaScript也將征服VR世界

來源:投影時代 更新日期:2016-04-13 作者:佚名

    因為我只玩過公司的 Oculus DK2,所以這里是以 DK2 為內容而展開的。

    實際上,要用 javascript 來用 VR 程序是很簡單的一件事:

    使用 Node.js 來讀取 Oculus 上的傳感器的數據,將這些數據用 WebSocket 協議來提供一個服務。

    尋找一個 3D 游戲引擎,如 Three.js 來創建一個 3D 世界。

    讀取傳感器的值將其表示在 3D 世界中。

    這點也可以用在混合應用上,你只需要有一個 CardBoard 即可。使用 Cordova 讀取手機傳感器的數據,再通過這些數據來改變 WebView 的狀態——除了發熱會比較嚴重,應該沒有別的影響。

    基礎知識:3D 世界與四元數

    在我們所熟知的 3D 游戲里,點的位置由三個坐標決定的(x,y,z),如下圖所示:

    這三個坐標只能表示我們在這個世界的位置,而不能上下的看這個世界。

    Oculus DK2 用的是 MPU (Motion Processing Unit)芯片是 MPU6500,是第二個整合性 6 軸運動處理組件(第一個是 MPU6050)。它可以數字輸出 6 軸或 9 軸的旋轉矩陣、四元數(quaternion)、歐拉角格式(Euler Angle forma)的融合演算數據。

    這時候,我們就需要歐拉角以及四元數來表示物體在虛擬世界的狀態。(PS:原諒我只能簡單地提一下)

    歐拉角是一組用于描述剛體姿態的角度,歐拉提出,剛體在三維歐氏空間中的任意朝向可以由繞三個軸的轉動復合生成。通常情況下,三個軸是相互正交的。

    其對應的三個角度又分別成為 roll(橫滾角),pitch(俯仰角)和 yaw(偏航角)。

    而四元數則是:

    四元數可以用于表示三維空間里的旋轉。它常用的另外兩種表示方式(三維正交矩陣和歐拉角)是等價的。人們用四元數來表示旋轉要解決兩個問題,一是如何用四元數表示三維空間里的點,二是如何用四元數表示三維空間的旋轉。

    之前玩過的 6050 出來大概就是這樣子的,如果你玩四軸飛行器的話,你也應該這樣玩過:

為什么JavaScript也將征服VR世界

    Copy/Paste 完上面的內容后,你可能沒有啥概念,還是舉個 hello,world 的例子。

    例子: 一個 hello,world

    讓我們在回到一開始說的那三步,我們將需要做三件事:

    尋找一個 Node 的 Oculus 拓展——不過,這件事現在可以交給 WebVR。

    尋找一個 Web 的 3D 庫,及其對應的 Oculus 展示插件。

    讀取傳感器數據,顯示到虛擬世界中。

    如下圖所示:

為什么JavaScript也將征服VR世界

    于是找至了對應的 Node 庫有:Node-HMD,它可以讀取傳感器的數據。

    還有 Three.js 和 Oculus Effect 插件,可以顯示出下面的視圖:

    這樣,我們 DK2 Control 讀取傳感器的數據,就可以到這個虛擬世界玩了~~。

    更詳細的介紹可以見: https://github.com/phodal/oculus-nodejs-threejs-example

    高級應用: 火星漫游者

    上面的應用示例還是太簡單了,讓我們來看一個高級應用——這是我們在兩個月前做的另外一個 Hackday Idea,這是另外一個“火星漫游者”:

    想象一下你想去看看火星,但是你又沒有錢去。而你可以租用這樣的一個機器人,然后你就可以在火星漫游了。

    因此,首先我們需要一個實時視頻通訊,這里我們就用到了 WebRTC:

    通過 WebRTC 我們就可以在計算機瀏覽器上實現實時通訊,再通過 Three.js 就可以將這個視頻轉為一個近似 3D 的視角。而捕獲這個視頻即可以通過手機上的瀏覽器,也可以在手機上編寫相應的 Web 應用。

    這里有一個在線的 Demo:http://laht.info/WebGL/DK2Demo.html

    架構大致如下圖所示:

為什么JavaScript也將征服VR世界

    這樣我們就解決了實時視頻這個問題,然后我們還需要去控制硬件:

    用 WebSocket 協議來提供 Oculus 的上、下、左、右運動的數據

    在手機上讀取這個傳感器數據,并將這個數據通過 BLE 傳送到小車上。

    小車以通過指令來做相應的運動。

    關于這部分內容的可以看我之前的那篇文章《我是如何 Hack 一個機器人的?》

    總結: All in javascript

    與C坑坑(C++)相比,javascript 更適合搭建原型——快速、直接、有效,畢竟 C++ 編譯需要時間的。運行起來的效果也如預期的一樣,電腦風扇各種轉,不知道是不是 Mac 專有的。不過,我想這個性能問題是一直都有的。

 標簽:VR軟件 技術介紹
廣告聯系:010-82755684 | 010-82755685 手機版:m.pjtime.com官方微博:weibo.com/pjtime官方微信:pjtime
Copyright (C) 2007 by PjTime.com,投影時代網 版權所有 關于投影時代 | 聯系我們 | 歡迎來稿 | 網站地圖
返回首頁 網友評論 返回頂部 建議反饋
快速評論
驗證碼: 看不清?點一下
發表評論
亚洲精品写真福利| 成人av在线一区二区三区| 国模私拍国内精品国内av| 成年女人的天堂在线| 伊人手机在线视频| 四虎永久在线精品免费一区二区| 天天爽夜夜爽夜夜爽精品视频| 岛国精品在线播放| 久久亚洲一区| 99国产精品视频免费观看一公开| blacked蜜桃精品一区| 国产精品久久久久久久久久白浆 | 亚洲天堂av片| 男女啪啪网站| 天天综合网天天综合| 在线不卡免费视频| 久久久一二三区| www.av成人| 国产日产精品一区二区三区的介绍| 一边摸一边做爽的视频17国产| 日韩不卡一二三| 九色91popny| 亚欧在线免费观看| 国产性生活大片| 刘亦菲毛片一区二区三区| 天天色天天操天天射| 啊啊啊好爽视频| 中国大陆高清aⅴ毛片| www99avcom| 成人私拍视频| 国产精品亲子伦av一区二区三区| www.久久.com| 精品三级久久久| 免费久久精品| 欧美一区影院| 在线一区免费观看| 国产精品久久影院| 亚洲一二三专区| 91电影在线观看| 日韩精品专区在线影院重磅| 日韩成人黄色av| 欧美成人激情视频| 91成人福利在线| 444亚洲人体| 日韩女优中文字幕| 91免费视频黄| 国产男女激情视频| 屁屁影院国产第一页| 我要看黄色一级片| 欧美精品se| 成年美女网站| 欧美成人综合在线| sis001亚洲原创区| 欧美成人黄色| 久久9热精品视频| 亚洲三级在线看| 欧美一区二区私人影院日本| 国产小视频国产精品| 97视频在线观看免费| 风间由美久久久| 日韩一级片一区二区| 最近中文字幕一区二区| 中文字幕一区二区人妻在线不卡| 日韩精品在线不卡| 午夜av免费在线观看| 娇小的粉嫩xxx极品| 日本在线丨区| 福利视频一区| 狠狠色2019综合网| 亚洲福利视频导航| 精品呦交小u女在线| 日韩av日韩在线观看| 久久久久国产精品视频| 久久国产亚洲精品无码| 日韩av在线看免费观看| 亚洲视频在线观看免费视频| 在线观看视频色潮| 欧美性suv| 黄色av成人| 国产精品久久毛片av大全日韩| 中文字幕亚洲欧美日韩在线不卡| 国产精品尤物福利片在线观看| 超碰在线免费观看97| 青草视频在线观看免费| 宅男深夜国产| 久久久久av| 久久久精品一品道一区| 91精品国产91久久久久久最新毛片| 亚洲综合在线小说| 91福利国产成人精品播放| 99热这里精品| h动漫在线视频| 先锋资源久久| 欧美日韩亚洲综合一区| 欧美一区第一页| 成人免费在线网| 婷婷伊人五月天| 日本夜爽爽一二区| 成人免费91| 麻豆视频观看网址久久| 欧美性极品xxxx做受| 欧美日韩xxxxx| 黄色网络在线观看| 免费人成又黄又爽又色| 丰满少妇在线观看bd| 婷婷电影在线观看| 美女精品一区| 欧美在线播放高清精品| 茄子视频成人在线| 秋霞无码一区二区| 国产亚洲精品成人| 激情福利在线| 色135综合网| 亚洲色图在线看| 国产a一区二区| 精品人妻一区二区三区免费看 | 婷婷色一区二区三区| 国产一级性片| jizzjizzjizz欧美| 成人毛片老司机大片| 欧美日韩国产成人| 国精产品一区一区三区免费视频| 69国产精品视频| 亚洲永久免费| 欧美一区二区人人喊爽| 久久精品国产sm调教网站演员| 性感美女一级片| 久久午夜影院| 久久久不卡影院| 99re国产| 国产精品伊人久久| 成人免费黄色网页| 成人网男人的天堂| 亚洲一区二区中文| 最近中文字幕在线免费观看| 欧美精品少妇| 成人免费视频caoporn| 国产精品wwww| 国产全是老熟女太爽了| 在线宅男视频| 国产99久久久国产精品| 最新国产成人av网站网址麻豆| 少妇人妻大乳在线视频| 国产免费黄色片| 亚洲一区二区三区免费| 国产精品美日韩| 视频一区在线免费观看| 亚洲欧美日韩成人在线| 精品国产aⅴ| 在线观看国产欧美| 日本久久精品一区二区| 免费高清成人| 91麻豆国产自产在线观看亚洲| 欧美日韩中文字幕在线| 7777精品伊久久久大香线蕉语言 | 99精品视频国产| 欧美videos巨大粗暴| 欧美一区影院| 97热精品视频官网| 一级黄色在线视频| 国产精品香蕉| 一区二区成人av| 久久艹精品视频| 九色在线免费| 亚洲丝袜自拍清纯另类| 久久精品国产sm调教网站演员| a在线观看网站| 欧美日本免费| 日韩精品中文字幕有码专区| 91精品人妻一区二区三区蜜桃欧美| 哥也色在线视频| 国产mv日韩mv欧美| 你懂的网址一区二区三区| 特级做a爱片免费69| 日韩免费一级| 欧美日韩美少妇| 青青草国产精品视频| 国产高潮av| 国产精品久久久久久久久免费樱桃| 亚洲爆乳无码精品aaa片蜜桃| 天天舔夜夜操| 国产日韩亚洲欧美精品| 在线观看日韩专区| 久久久久亚洲av片无码下载蜜桃| 怡红院成人在线| 亚洲韩国精品一区| 三区视频在线观看| 国产黄色片大全| 国产精品久久久久久久久快鸭| 亚洲一区二区三区777| 一本一本久久a久久综合精品蜜桃| 国产精品久久久网站| 久久亚洲精品一区| 亚洲黄色网址大全| 国产精品视频一区二区久久| 高清在线观看日韩| 欧美少妇一区二区三区| 国产免费黄色| 亚洲日产国产精品| 热99在线视频|