刚做了象棋和国际跳棋和国际象棋游戏 求教如何 实现游戏的在线即时

全国|百姓网公众号微信扫码关注百姓网小程序微信扫扫立即体验扫码下载手机客户端免费抢油卡、红包、电影票联网跳棋游戏系统提示:系统判断您来自, 推荐您可以跳转到频道看看所属类目分类联网跳棋游戏70元球类用品  17年4月7日180元户外用品  17年5月1日368元球类用品  17年2月27日30元各类棋牌  17年4月6日2元其他 新抚17年5月2日1500元乐器  17年3月12日5元  17年6月3日350元健身器材 青浦17年2月18日80元 龙凤17年2月26日50元球类用品  17年2月23日10元各类棋牌  17年5月3日40元健身器材 经济开发区17年3月1日2000元健身器材 鸡冠17年2月27日8元健身器材 望花17年4月30日20元健身器材 抚顺17年2月25日10元健身器材  17年5月3日1500元 老街街道15年6月5日250元健身器材 铁西17年3月17日18元球类用品 雨花台17年2月22日 乐器 碑林17年5月1日40元球类用品 香坊17年4月22日50元球类用品  17年5月19日1元健身器材 望花17年6月25日3900元乐器 越秀17年4月9日9380元健身器材 西岗17年2月20日1350元各类棋牌  17年2月26日1888元球类用品  17年8月17日1000元乐器 尖山17年11月25日1710元  17年2月22日||||||||||沪公网安备16号0&G:111&GM:120
描述:请填写描述手机号:请填写手机号请填写手机号上传图片:打开微信,扫一扫右侧二维码,即可完成绑定 -->绑定后,您可以:1. 立即在手机上收到用户给您的留言2. 使用手机快速完成付费推广的续费动作3. 第一时间了解到百姓网付费推广最新的促销活动,以及享受微信端独特的促销活动4. 更快速地将信息通过微信分享给好友、同事、朋友圈5. 如果您是招聘类目用户,还能够第一时间接收到新简历通知博客分类:
说明:实在对不住诸位,的确是我弄错了,views/index.ejs里的对 socket.io.js的引用使用了我本地的绝对路径,需要修改为&script src="/socket.io/socket.io.js"&&/script&即可,对此我重新打了个包。再次歉意!!!
上周做了javascript版的象棋游戏,在iteye上发布后,承蒙诸位赏脸,有所反响。
经广大朋友指点,本周在前一游戏的基础上增加了 双方玩家可在 浏览器 上 在线对战 的 功能,有朋友提议用 ajax 或 falsh 可以通信,但前者较初级,后者非前端技术。衡量下接受了另一个网友提议的 nodeJS + websocket,实际开发是使用 express + socket.io 框架实现。因暂无 nodeJS 服务器可用,需要大家先自己在电脑上配置下环境运行,非常简单。
配置方法:
1、下载附件文件压缩包,解压到本地,如 E:/chess
2、如无 nodeJS 先安装 http://nodejs.org/
2、运行 cmd,执行 npm install -g express [ 安装express框架包 ]
3、命令进入chess文件夹 执行 npm install
[ 安装依赖包,主要是 socket.io ] 【注意文件夹路径,有人反馈,找不到,是因为解压方式的不同,可能会是 E:/chess/chess 】
4、启动 node app.js
上述四步即可,如果无法运行 可留言。
功能介绍:
1、使用chrome打开 本地服务 ,可以先通过 ipconfig 查询自己的本地IP,如172.7.1.60,用浏览器打开本地IP加端口号,如 http://172.7.1.56:3000 ,会自动为网址后添加随机数作为房间号, 如 http://172.7.1.56:3000/31 【如只本地测试也可以打开 http://127.0.0.1:3000 】,
此时会提示“暂无其他玩家,将本页面网址发给朋友打开,即可进行游戏连接”。如图
2、当另一可访问你电脑的玩家打开同样的网址,或自己再本机用另一浏览器打开同样的网址, 会提示 “对方已进入,可以开始游戏”。注意房间号要相同。
3、当双方都点击开始后,棋子自动从棋盒进入棋盘并摆放好位置。如图
4、双方按象棋规则进行,被吃掉的子会自动放回棋盒。如图
5、当一方获胜时,提示胜利
6、此时可以点击开始 进行新一轮游戏
7、当一方离开时,提示“对方已离开”
8、右下角,有一个简单的实时聊天框,以供双方及时通讯
象棋本身的制作规则建议看 。
本案例主要使用了
jQuery - 底层
Backbone - MVC框架,对象棋视图、模型、事件有效管理
express - 封装 nodeJS,作后台服务
socket.io - 封装 websocket,作数据通信
本来是想做一个可多房间选择版的,已初步完成并可用,但因还需要维护各房间状态,本周无法及时发布,暂弃。如图
还望广大朋友支持的功能有
1、如何做各种状态下的声音提示
2、找一个可以免费使用的支持nodeJS的服务器,放上去可供大家直接试用
3、支持摄像头实时视频
现在我们前端开发可以用 nodeJS 搭后台环境,可以用 socket 做通信,前端已经已经成为越来越重要的存在,望广大前端爱好者,共同努力,扩大我们前端的作用 及 影响。
有意见、建议欢迎留言
(115.9 KB)
下载次数: 203
(114.3 KB)
下载次数: 102
wuqingdong 写道Express server listening on port 3000GET / 304 13msGET /stylesheets/css.css 304 12msGET /javascrip曾经的王1996 写道wuqingdong 写道Express server listening on port 3000GET / 304 13msGET /stylesheets/css.css 304 12msGET /javascripts/underscore.js 304 11msGET /javascripts/jquery.js 304 12msGET /javascripts/json2.js 304 12msGET /javascripts/backbone.js 304 14msGET /javascripts/chess.js 304 3msGET /53 200 8ms - 1.46kbGET /stylesheets/css.css 304 1msGET /javascripts/underscore.js 304 7msGET /javascripts/jquery.js 304 9msGET /javascripts/json2.js 304 4msGET /javascripts/backbone.js 304 4msGET /javascripts/chess.js 304 5msE:\chess\app.js:45&&&&&&&&&&&&&&& if( socket.manager.rooms['/'+data.roomId] && socket.manager.rooms['/'+data.roomId].length & 1 ){&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& ^TypeError: Cannot read property 'rooms' of undefined&&& at Socket.&anonymous& (E:\chess\app.js:45:21)&&& at emitOne (events.js:96:13)&&& at Socket.emit (events.js:188:7)&&& at E:\chess\node_modules\socket.io\lib\socket.js:503:12&&& at _combinedTickCallback (internal/process/next_tick.js:73:7)&&& at process._tickCallback (internal/process/next_tick.js:104:9)E:\chess&E:\chess&这个怎么解决呀ts/underscore.js 304 11msGET /javascripts/jquery.js 304 12msGET /javascripts/json2.js 304 12msGET /javascripts/backbone.js 304 14msGET /javascripts/chess.js 304 3msGET /53 200 8ms - 1.46kbGET /stylesheets/css.css 304 1msGET /javascripts/underscore.js 304 7msGET /javascripts/jquery.js 304 9msGET /javascripts/json2.js 304 4msGET /javascripts/backbone.js 304 4msGET /javascripts/chess.js 304 5msE:\chess\app.js:45&&&&&&&&&&&&&&& if( socket.manager.rooms['/'+data.roomId] && socket.manager.rooms['/'+data.roomId].length & 1 ){&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& ^TypeError: Cannot read property 'rooms' of undefined&&& at Socket.&anonymous& (E:\chess\app.js:45:21)&&& at emitOne (events.js:96:13)&&& at Socket.emit (events.js:188:7)&&& at E:\chess\node_modules\socket.io\lib\socket.js:503:12&&& at _combinedTickCallback (internal/process/next_tick.js:73:7)&&& at process._tickCallback (internal/process/next_tick.js:104:9)E:\chess&E:\chess&这个怎么解决呀版本问题,把package.json改一下就好了
"name": "application-name",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node app.js"
"dependencies": {
"express": "3.3.1",
"ejs": "*",
"socket.io": "0.9.16"
Express server listening on port 3000GET / 304 13msGET /stylesheets/css.css 304 12msGET /javascripts/underscore.js 304 11msGET /javascripts/jquery.js 304 12msGET /javascripts/json2.js 304 12msGET /javascripts/backbone.js 304 14msGET /javascripts/chess.js 304 3msGET /53 200 8ms - 1.46kbGET /stylesheets/css.css 304 1msGET /javascripts/underscore.js 304 7msGET /javascripts/jquery.js 304 9msGET /javascripts/json2.js 304 4msGET /javascripts/backbone.js 304 4msGET /javascripts/chess.js 304 5msE:\chess\app.js:45&&&&&&&&&&&&&&& if( socket.manager.rooms['/'+data.roomId] && socket.manager.rooms['/'+data.roomId].length & 1 ){&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& ^TypeError: Cannot read property 'rooms' of undefined&&& at Socket.&anonymous& (E:\chess\app.js:45:21)&&& at emitOne (events.js:96:13)&&& at Socket.emit (events.js:188:7)&&& at E:\chess\node_modules\socket.io\lib\socket.js:503:12&&& at _combinedTickCallback (internal/process/next_tick.js:73:7)&&& at process._tickCallback (internal/process/next_tick.js:104:9)E:\chess&E:\chess&这个怎么解决呀
是否考虑放到我的葡萄藤轻游戏里.我提供Websocket+后端象棋规则+用户注册+战例保存等等等.你来做前端UI以及后端通信部分.葡萄藤轻游戏 有demo没
Failed to load resource :http://172.7.1.60:3000/socket.io/socket.io.js这个提示指向的IP是172.7.1.60也不是我自己电脑的IP.这个IP跟你图片上显示的一样.是不是你哪里的代码把IP写死了啊这个的确是我弄错了,views/index.ejs里对 socket.io.js的引用 使用了我本地的绝对路径,十分抱歉,改为 &script src="/socket.io/socket.io.js"&&/script& 可以了,耽误大家时间了。
huangchao064 写道分享下我安装的过程和解决办法吧.如果没有nodejs环境那么下载一个nodejshttp://nodejs.org/download/下载对应的,我下载了.exe和.msi的.发现.msi的才可以安装.安装过程一直下一步直至完成,chess可以放在任意目录底下.接下来的步骤比较关键打cmd命令,进入chess目录下面,可以先打命令 npm ls这时可以看到红色error提示.我自己的电脑是提示如下npm error miss :ejs@*......npm error miss :socket.io@*......npm error miss :express@*....那就说明缺少这个3个依赖包,那么依次打命令下载安装就行了npm install ejsnpm install socket.ionpm install express注意.这些命令都要在chess目录下面完成的.不过我现在还有一个问题就是可以启动起来.页面也能进去.但是点击开始按钮,游戏不会开始啊....我同事也可以联机进来.但是也没有提示,也不能开始...这个就是socket.io没有安装好,你看下 chess\node_modules 下的 socket.io 文件夹有没有有啊.有这个目录啊在chess下面chess\node_modules\socket.io
分享下我安装的过程和解决办法吧.如果没有nodejs环境那么下载一个nodejshttp://nodejs.org/download/下载对应的,我下载了.exe和.msi的.发现.msi的才可以安装.安装过程一直下一步直至完成,chess可以放在任意目录底下.接下来的步骤比较关键打cmd命令,进入chess目录下面,可以先打命令 npm ls这时可以看到红色error提示.我自己的电脑是提示如下npm error miss :ejs@*......npm error miss :socket.io@*......npm error miss :express@*....那就说明缺少这个3个依赖包,那么依次打命令下载安装就行了npm install ejsnpm install socket.ionpm install express注意.这些命令都要在chess目录下面完成的.不过我现在还有一个问题就是可以启动起来.页面也能进去.但是点击开始按钮,游戏不会开始啊....我同事也可以联机进来.但是也没有提示,也不能开始...这个就是socket.io没有安装好,你看下 chess\node_modules 下的 socket.io 文件夹有没有
这是谷歌浏览器报的错误,楼主有时间帮忙看看吧Uncaught ReferenceError: io is not defined :chess.js:941Failed to load resource :http://172.7.1.60:3000/socket.io/socket.io.js怎么样好了没 这个提示说明你socket.io 没有下载好
& 上一页 1
逐行分析JS源代码
浏览: 57921 次
来自: 杭州
已经安装了socket.io 2.0.4, 还提示io.con ...
C:\Users\Administrator\Desktop\ ...
曾经的王1996 写道wuqingdong 写道Express ...
wuqingdong 写道Express server lis ...
Express server listening on por ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'最好象棋游戏大全_中国象棋免费下载_象棋游戏单机版下载_2265安卓网
您当前所在位置: →
→ 象棋相关合集
最好象棋游戏大全_中国象棋免费下载_象棋游戏单机版下载
单机象棋游戏下载大全,不要网络的象棋游戏,提供各种中国象棋单机游戏版本免费下载,安卓手机版玩家必备手机中国象棋单机版专题!象棋类手机游戏全面诠释象棋精髓,精美画面为Andriod玩家量身制作,单机残局,自定残局,多种房间组合,总有适合你的!玩家可以自己调整难度,即使是新手也不会在游戏中被虐成狗啦!以强大的棋力,美观的界面,易用的功能让玩家体验超刺激的游戏感觉!更多精彩游戏专题推荐:、、、、、等
玩家QQ群号:
adrioad 31.0M [棋牌游戏] 更新:adrioad 10.7M [棋牌游戏] 更新:adrioad 48.2M [战略棋牌] 更新:adrioad 16.4M [棋牌游戏] 更新:adrioad 26.6M [战略棋牌] 更新:adrioad 17.3M [策略塔防] 更新:adrioad 60M [战略棋牌] 更新:adrioad 13.5M [战略棋牌] 更新:adrioad 11.6M [宅男游戏] 更新:adrioad 20.7M [动作游戏] 更新:adrioad 13.3M [棋牌游戏] 更新:adrioad 15M [棋牌游戏] 更新:adrioad 1.7M [棋牌游戏] 更新:adrioad 2M [棋牌游戏] 更新:adrioad 4.2M [棋牌游戏] 更新:adrioad 8M [棋牌游戏] 更新:adrioad 2.3M [棋牌游戏] 更新:adrioad 19.1M [棋牌游戏] 更新:adrioad 6M [棋牌游戏] 更新:adrioad 29.3M [益智休闲] 更新:adrioad 29.3M [益智休闲] 更新:adrioad 3.7M [棋牌游戏] 更新:adrioad 10.7M [棋牌游戏] 更新:adrioad 21.3M [战略棋牌] 更新:adrioad 21.3M [棋牌游戏] 更新:adrioad 8.7M [棋牌游戏] 更新:adrioad 22.6M [棋牌游戏] 更新:adrioad 3.2M [棋牌游戏] 更新:adrioad 19.0M [战略棋牌] 更新:adrioad 51.8M [战略棋牌] 更新:adrioad 4.3M [战略棋牌] 更新:adrioad 4.3M [战略棋牌] 更新:adrioad 2.0M [棋牌游戏] 更新:adrioad 3.9M [单机破解] 更新:adrioad 10.8M [单机破解] 更新:adrioad 10.7M [棋牌游戏] 更新:adrioad 27.7M [单机破解] 更新:adrioad 10.7M [棋牌游戏] 更新:adrioad 45.9M [战略棋牌] 更新:adrioad 3.7M [棋牌游戏] 更新:adrioad 45.9M [战略棋牌] 更新:adrioad 10.7M [棋牌游戏] 更新:adrioad 45.9M [战略棋牌] 更新:adrioad 10.7M [棋牌游戏] 更新:adrioad 5.2M [棋牌游戏] 更新:adrioad 24.1M [益智休闲] 更新:adrioad 40.7M [棋牌游戏] 更新:adrioad 13.0M [棋牌游戏] 更新:adrioad 26.6M [棋牌游戏] 更新:adrioad 28.1M [棋牌游戏] 更新:我做了两个小游戏,目前还都只支持 chrome,暂没做其它浏览器的兼容处理,见博客链接或附件
听说用 nodeJS + webSocket 可以实现一次握手,一直连线通讯功能,相互之间可以进行即时消息推送,我目前只停留在模糊知道有这么个概念的层面上,
跳棋,现在勉强已经实现单机游戏的功能,但一直没有找到能实现联网即时对战的解决方案
哪位高手知道这方面的实现方式,或国内有什么样的服务器环境可以使用,望不吝赐教,感谢!!!!
另外有什么其它可玩性较高的小游戏可以推荐我来实现下
(110.1 KB)
下载次数: 29
(109.8 KB)
下载次数: 21
论坛回复 /
(2 / 1967)
逐行分析JS源代码
浏览: 57923 次
来自: 杭州
已经安装了socket.io 2.0.4, 还提示io.con ...
C:\Users\Administrator\Desktop\ ...
曾经的王1996 写道wuqingdong 写道Express ...
wuqingdong 写道Express server lis ...
Express server listening on por ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'}

我要回帖

更多关于 国际跳棋游戏 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信