在线眨眼挑战游戏 Never-Blink

在线眨眼挑战游戏 Never-Blink

MIT
JavaScript 查看源码»
跨平台
2019-06-14
xplanet

Never-Blink 是一个在线眨眼挑战游戏,可随机连接到世界各地的玩家并通过视频挑战对方,谁先眨眼谁就输。

实现原理

1. 项目结构

.
├── 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 实现实时数据传输。

2. 游戏状态的实现

我们使用有限状态机的概念来设计我们的游戏状态。圆圈代表状态,每个框顶部的文本是导致状态转换的事件,每个框底部的文本是事件发生时采取的操作。这里的逻辑非常简单,但实现起来并不容易。有关更多详细信息,请查看 play.jsx 或 server.py

的码云指数为
超过 的项目
加载中

评论(7)

你好今天晴天
你好今天晴天
这个女生像 夏树
DanoR
DanoR
哈哈我还以为很Blink内核有什么仇呢
a
ansj
谁先眨眼谁脱衣服。然后就火了
大辉同学
还有其他的一些可能误导计算机的?!
大辉同学
用一张张的照片做的动态图片可以识别吗?
开源前端工程师
开源前端工程师
你把正文的动图看完,哈哈哈,有人脑洞比你还大
OSC_ivoCMV
OSC_ivoCMV
这游戏,有点单一

暂无资讯

暂无问答

谷歌推WebKit新分支——Blink

今天显然是浏览器引擎节。Mozilla和三星才 宣布完Servo ,谷歌就宣布了它 将推出WebKit新分支Blink ( 直译为眨眼,表示速度很快吧 )的消息。和WebKit一样, Blink 将会开源,也还会为其他浏...

2013/04/04 08:00
143
0
这一年多来,阿里Blink测试体系如何从0走向成熟?

摘要: 引言 Apache Flink是面向数据流处理和批处理的分布式开源计算框架,2016年阿里巴巴引入Flink框架,改造为Blink。2017年,阿里整合了所有流计算产品,决定以Blink引擎为基础,打造一款...

2018/11/23 11:39
32
0
Chromium浏览器之渲染引擎Blink

Blink是谷歌公司的浏览器Chromium使用的渲染引擎。 Blink处于一个包容性的开源社区里,它欢迎任何人分享其使命。 Blink是在一种抽象的平台上实现的, 因此本身不能运行。 Chromium Content m...

2015/06/19 22:55
206
0
实时计算实践:基于表格存储和Blink的大数据实时计算

表格存储: 数据存储和数据消费All in one 表格存储(Table Store)是阿里云自研的NoSQL多模型数据库,提供PB级结构化数据存储、千万TPS以及毫秒级延迟的服务能力。在实时计算场景里,表格存储...

03/07 11:20
71
0
终于等到你!阿里正式向 Apache Flink 贡献 Blink 源码

阿里妹导读:如同我们去年12月在 Flink Forward China 峰会所约,阿里巴巴内部 Flink 版本 Blink 将于 2019 年 1 月底正式开源。今天,我们终于等到了这一刻。 阿里资深技术专家大沙,将为大...

01/28 10:48
43
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部