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

暨宸
2023-12-01
刚开始学习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 服务端 有许多不足,比如没有加上创建房间和加入房间的功能



客户端的代码如下载地址如下 坦克大战客户端













 类似资料: