成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

Profeel / 841人閱讀

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

思路

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

附

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

CSS3 3D立方體

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

bug

這里有個問題就是Z軸在臨界值會直接從180°變成-180°，Y軸會在臨界值從 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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/111490.html

相關(guān)文章

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

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

    Clect 評論0 收藏0

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

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

    codercao 評論0 收藏0

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

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

    lscho 評論0 收藏0

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

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

    dkzwm 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<