思绪
这个 Demo 分为客户端,掌握端和服务端。客户端是一个用css3
写的三维的长方体,只接收websocket
数据。
掌握端运用deviceorientation
事宜来猎取手机姿势并经由过程websocket
发送姿势数据。服务端就是一个运用ws
库的websocket
服务器,这里我监听的端口是5656
。
附
之前写过两篇文章是关于用 css 制造3D立方体 和 运用websocket搭建聊天室 对本文有点自创意义。
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 协定的地点为你服务端地点的局域网地点