亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

利用手機(jī)姿態(tài)控制網(wǎng)頁中css長方體姿態(tài)

Profeel / 902人閱讀

摘要：思路這個(gè)分為客戶端，控制端和服務(wù)端?？蛻舳耸且粋€(gè)用寫的三維的長方體，只接受數(shù)據(jù)?？刂贫耸褂檬录慝@取手機(jī)姿態(tài)并通過發(fā)送姿態(tài)數(shù)據(jù)。附之前寫過兩篇文章是關(guān)于用制作立方體和使用搭建聊天室對(duì)本文有點(diǎn)借鑒意義。

思路

這個(gè) Demo 分為客戶端，控制端和服務(wù)端?？蛻舳耸且粋€(gè)用css3寫的三維的長方體，只接受websocket數(shù)據(jù)。
控制端使用deviceorientation事件來獲取手機(jī)姿態(tài)并通過websocket發(fā)送姿態(tài)數(shù)據(jù)。服務(wù)端就是一個(gè)使用ws庫的websocket 服務(wù)器，這里我監(jiān)聽的端口是5656。

附

之前寫過兩篇文章是關(guān)于用 css 制作3D立方體 和 使用websocket搭建聊天室 對(duì)本文有點(diǎn)借鑒意義。

CSS3 3D立方體

使用websocket 的ws庫構(gòu)建聊天室

bug

這里有個(gè)問題就是Z軸在臨界值會(huì)直接從180°變成-180°，Y軸會(huì)在臨界值從 90°變成-90°，我想了很久也沒有找到解決方法，有好的解決方法可以提issues

使用

源碼地址 gyrscope-control-css-cube

git clone https://github.com/GaryChangCN/gyrscope-control-css-cube.git
npm update
npm start
//之后修改客戶端和控制端 websocket 協(xié)議的地址為你服務(wù)端所在的局域網(wǎng)地址
示例


演示視頻

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/111490.html

相關(guān)文章

  • 利用手機(jī)姿態(tài)控制網(wǎng)頁中css長方體姿態(tài)

    摘要：思路這個(gè)分為客戶端，控制端和服務(wù)端?？蛻舳耸且粋€(gè)用寫的三維的長方體，只接受數(shù)據(jù)。控制端使用事件來獲取手機(jī)姿態(tài)并通過發(fā)送姿態(tài)數(shù)據(jù)。附之前寫過兩篇文章是關(guān)于用制作立方體和使用搭建聊天室對(duì)本文有點(diǎn)借鑒意義。 思路 這個(gè) Demo 分為客戶端，控制端和服務(wù)端?？蛻舳耸且粋€(gè)用css3寫的三維的長方體，只接受websocket數(shù)據(jù)?？刂贫耸褂胐eviceorientation事件來獲取手機(jī)姿態(tài)并通...

    Clect 評(píng)論0 收藏0

  • 膠囊 (向量神經(jīng)) 網(wǎng)絡(luò)

    斯蒂文認(rèn)為機(jī)器學(xué)習(xí)有時(shí)候像嬰兒學(xué)習(xí)，特別是在物體識(shí)別上。比如嬰兒首先學(xué)會(huì)識(shí)別邊界和顏色，然后將這些信息用于識(shí)別形狀和圖形等更復(fù)雜的實(shí)體。比如在人臉識(shí)別上，他們學(xué)會(huì)從眼睛和嘴巴開始識(shí)別最終到整個(gè)面孔。當(dāng)他們看一個(gè)人的形象時(shí)，他們大腦認(rèn)出了兩只眼睛，一只鼻子和一只嘴巴，當(dāng)認(rèn)出所有這些存在于臉上的實(shí)體，并且覺得這看起來像一個(gè)人。斯蒂文首先給他的女兒悠悠看了以下圖片，看她是否能自己學(xué)會(huì)認(rèn)識(shí)圖中的人(金·卡...

    codercao 評(píng)論0 收藏0

  • 膠囊網(wǎng)絡(luò)為何如此熱門？與卷積神經(jīng)網(wǎng)絡(luò)相比誰能更甚一籌？

    摘要：膠囊網(wǎng)絡(luò)是一種熱門的新型神經(jīng)網(wǎng)絡(luò)架構(gòu)，它可能會(huì)對(duì)深度學(xué)習(xí)特別是計(jì)算機(jī)視覺領(lǐng)域產(chǎn)生深遠(yuǎn)的影響。下幾層膠囊也嘗試檢測對(duì)象及其姿態(tài)，但工作方式非常不同，即使用按協(xié)議路由算法。 膠囊網(wǎng)絡(luò)（Capsule networks, CapsNets）是一種熱門的新型神經(jīng)網(wǎng)絡(luò)架構(gòu)，它可能會(huì)對(duì)深度學(xué)習(xí)特別是計(jì)算機(jī)視覺領(lǐng)域產(chǎn)生深遠(yuǎn)的影響。等一下，難道計(jì)算機(jī)視覺問題還沒有被很好地解決嗎？卷積神經(jīng)網(wǎng)絡(luò)（Convolu...

    lscho 評(píng)論0 收藏0

  • 吃了這些數(shù)據(jù)集和模型，跟 AI 學(xué)跳舞，做 TensorFlowBoys

    摘要：最近，這就是街舞第二季開播，又一次燃起了全民熱舞的風(fēng)潮。然而，真要自己跳起來，實(shí)際與想象之間，估計(jì)差了若干個(gè)羅志祥。系統(tǒng)映射結(jié)果展示對(duì)于系統(tǒng)的結(jié)果，研究人員表示還不完美。谷歌在和跳舞的結(jié)合上也花了心思。好了，先不說了，我要去跟學(xué)跳舞了。 最近，《這！就是街舞》第二季開播，又一次燃起了全民熱舞的風(fēng)潮。 剛開播沒多久，這個(gè)全程高能的節(jié)目，就在豆瓣上就得到了 9.6 的高分。舞者們?cè)诒荣愔芯?..

    dkzwm 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<