Never-Blink <strong>实现原理</strong> 介绍
Never-Blink 是一个在线眨眼挑战游戏,可随机连接到世界各地的玩家并通过视频挑战对方,谁先眨眼谁就输。
实现原理
. ├── backend │ ├── __init__.py │ ├── detect.py │ └── shape_predictor_68_face_landmarks.dat (detect model) ├── package.json ├── requirements.txt ├── server.py ├── src │ ├── app.jsx │ ├── index.js │ ├── play.jsx │ └── start.jsx ├── static │ └── bundle.js ├── templates │ └── index.html └── webpack.config.js
使用 react 作为前端框架, 使用 peerjs 在客户端之间通信。 在后端,使用 flask 来托管服务器。对于客户端和服务器之间的连接,
使用 socketio 实现实时数据传输。
我们使用有限状态机的概念来设计我们的游戏状态。圆圈代表状态,每个框顶部的文本是导致状态转换的事件,每个框底部的文本是事件发生时采取的操作。这里的逻辑非常简单,但实现起来并不容易。有关更多详细信息,请查看
play.jsx 或
server.py。
Never-Blink <strong>实现原理</strong> 官网
https://github.com/ByronHsu/Never-Blink
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。