我正在尝试将HTML5画布游戏集成到单个Web界面中。
当按下按钮时,html游戏将填满<div id="game">
。但是我只在我的javascript文件中定义了node.js。
现在,我可能也可以在HTML2文件中定义它,但是似乎它将创建2个单独的连接。
只有一个连接时,有没有办法做到这一点?
简而言之-2个具有完全相同连接的独立HTML / javascript文件
谢谢
的HTML
<div id="game">
<button id="gameFile">MyGame</button>
</div>
Java脚本
var socket = io('http://192.168.0.5:2000');
socket.on('connect', function() {
socket.emit('login', {
});
});
$('#gameFile').click(function(event){
document.getElementById("game").innerHTML='<object type="text/html" data="games/myGame/index.html" style="width:100%; height: 100%;" ></object>';
});
HTML2(games / myGame / index.html)
<canvas id="myCanvas">
Your browser does not support the HTML5 canvas tag :(
</canvas>
<script>
socket.emit('msg', "2nd HTML connected");
</script>
可能您不能只是这样做。
如果有其他窗口,则需要连接插座。但是,您可以在服务器上使用ChatRooms的概念来同步它们,只需在Room中添加用户的所有连接池即可。
####编辑###
您可以简单地将套接字连接加入到Chatroom中:
io.on('connection', function(socket){
socket.join('some room');
});
然后,简单地向该会议室成员广播一条消息:
io.to('some room').emit('some event'):
您可以简单地使用房间名称来对应某些用户身份。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句