改进Flappy Bird并搭建NodeJS服务器接收相关数值

加入了键盘响应事件:

1
2
3
4
5
6
document.onkeydown = function(event) {
if (gamestate == 1 || gamestate == -1) {
start()
}
tap()
}

将图片插入后,页面改成如下:

希望以某种方式获取鸟与柱子的实时数据。因此使用NodeJS进行获取。

在网页中加入js:

1
2
3
var upload = setInterval(function() {
$.get("http://localhost:8000/?x-distance=" + (300 - pillarX - 50) + "&y-distance=" + (pillarupH + 100 - startY))
}, 20)

可以每20毫秒以get的方式请求一次服务器,将相关的数据上传。因为是本机搭建服务器因此无需担心由于网络环境造成的丢包与延迟等情况。

NodeJS代码如下

1
2
3
4
5
6
7
8
9
10
var http = require('http');
var url = require('url');
var util = require('util');

http.createServer(function(req, res){
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end(util.inspect(url.parse(req.url, true)));
var arg = url.parse(req.url, true).query;
console.log(JSON.stringify(arg))
}).listen(8000);

直接在本机8000端口建立服务器,并获得前端的get请求。

运行效果如下

能获得当前数据信息,之后考虑如何让电脑学会玩这个小游戏