应用手机姿势掌握网页中css长方体姿势

思绪

这个 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 协定的地点为你服务端地点的局域网地点

示例

《应用手机姿势掌握网页中css长方体姿势》
演示视频

    原文作者:tinytin
    原文地址: https://segmentfault.com/a/1190000006767160
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞