您的位置:首页 > Web前端 > Node.js

node.js websocket+html5实现的简单联网tank大战的游戏模型

2016-10-29 11:35 771 查看
刚开始学习node.js 下载了一个node.js websocket的聊天代码,后改为一个简单的tank 大战游戏雏形,献丑了

服务端代码
可直接部署到百度bae上
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){

res.send('<h1>game hahaha</h1>');

});

//在线用户
var onlineUsers = {};
//当前在线人数
var onlineCount = 0;

//控制的主人公
var players={};

io.on('connection', function(socket){
console.log('a user connected');

//监听新用户加入
socket.on('login', function(obj){
//将新加入用户的唯一标识当作socket的名称,后面退出的时候会用到
socket.name = obj.userid;

//检查在线列表,如果不在里面就加入
if(!onlineUsers.hasOwnProperty(obj.userid)) {
onlineUsers[obj.userid] = obj.username;
players[obj.userid]=obj.persion;

//在线人数+1
onlineCount++;
}

//向所有客户端广播用户加入
io.emit('login', {onlineUsers:onlineUsers, onlineCount:onlineCount, user:obj,players:players});
console.log(obj.username+'加入了游戲');
});

//监听用户退出
socket.on('disconnect', function(){
//将退出的用户从在线列表中删除
if(onlineUsers.hasOwnProperty(socket.name)) {
//退出用户的信息
var obj = {userid:socket.name, username:onlineUsers[socket.name]};

//删除
delete onlineUsers[socket.name];
delete players[socket.name];
//在线人数-1
onlineCount--;

//向所有客户端广播用户退出
io.emit('logout', {onlineUsers:onlineUsers, onlineCount:onlineCount, user:obj,players:players});
console.log(obj.username+'退出了游戲');
}
});

//监听用户发送tank信息
socket.on('message', function(obj){
//向所有客户端广播发布的消息
players[obj.userid]=obj.persion;
io.emit('message', obj);

});

});

http.listen(18080, function(){
console.log('游戏服务器启动 *:18080');
});


这是一个简单node.js websocket 服务端 有许多不足,比如没有加上创建房间和加入房间的功能

客户端的代码如下载地址如下坦克大战客户端
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: