【菜鸟级】H5多人网络在线格斗游戏简单Demo

最新推荐文章于 2024-08-24 09:39:06 发布
最新推荐文章于 2024-08-24 09:39:06 发布
阅读量5.5k 收藏 5
点赞数 5
分类专栏： 项目知识点 文章标签： 陈陆亮 广信学院 H5游戏 游戏 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChenLuLiang/article/details/77879291
版权

【菜鸟级】H5多人网络在线格斗游戏Demo求结伴一起完善

游戏截图：


多人在线效果

 

架构：

服务端：wokerman

客户端：layaair-js

这个是我花了学习有关知识1个月,花3天做的一个网络多人在线Demo

介绍下本人：

大三在读【专科】实习学生

工作于:广东省佛山市南海区狮山大学城  已签offer

专业：软件应用工程

主开发语言：app, java web , php , .net

开发过4个上线项目

了解本人：

我是一个普普通通的农村娃,初中时很喜欢玩地下城，玩着玩着就很想自己做一款游戏，然后有很多很多玩家在里面，走来走去。就开始玩flash制作一些小游戏,高中的时候,一直想去开发一个自己游戏,然后知道了unity3d,就学了一些基本的操作,高考失利后，进入了一个学费巨额(14000元)的软件培训学校，开始了我的编程生涯自学道路。自学痛苦….（省略12000字）现在22岁了，兴幸在大二期间为一家企业做了一套软件系统，现被破格录用,因为我是软件专业的，对游戏编程只是有了刚开始的认识，目前最希望的是完成这个网络在线多人游戏。这当是我目前的一个心愿吧，但最近很多项目在身。走不开身,又不忍心这个项目被时间无情的抹杀了。所以神通广大的网友们,能发挥自己的才能，多多完善或多多提建议,也希望我写的代码能帮助到像我一样的入门菜鸟，目前只是完成了移动实时同步功能,一直卡在了这个人物延迟这里，搞到我每日吃不香，睡不饱。s

我更希望在此能广交更多的热爱游戏，热爱技术的朋友,一起搞事情！人生多一个朋友就会多一条出路，成功的可能性也就会更大一些。

（pc/手机端打开）

游戏演示地址：http://118.89.25.28:8030/game/index.html

源码：http://download.csdn.net/download/chenluliang/9968391

QQ:453738784

 

 

_陈陆亮
关注
专栏目录
菜鸟网络面试——123面
FPGA/MATLAB学习教程/源码/项目合作开发
10-05 1795
在Java中，“一个线程通常不允许修改集合，而另一个线程正在迭代它。但是如果您需要指定比较方式，最好使用第二段代码，您可以在其中定义自己的比较器。第三现场面后被挂，当时觉得莫名其妙，没写代码没问基础，知识抓着项目细节问优化，现在想想当时一些问题回答的有些避重就轻，以为是遮掩过去了，可能还是被抓住了。在JDK中，没有捷径。如果你不关心ArrayList中元素的排序，聪明的方法是将列表放入一个集合中去除重复，然后将其移回列表中。（二叉查找树，节点中多设置了一位用来存储节点颜色，保证最坏情况下，查找效率）
超菜鸟级ctf3
kid的博客
05-11 3111
超菜鸟级ctf3 前言 这次的菜鸟级ctf感觉难度有点大，大佬说有几道题是达到一些正式ctf级别了。 通过这些练习也主要来找自己的一些不足或者说来计划下一步的一些学习计划， 题目 embarrass 这是一道杂项题，给了一个pcapng文件，一开始也是没有任何头绪，Wireshark打开后也很懵… 还是从简单的方式来，用进文本编辑器打开，搜flag，结果直接搜出了flag… 后面看了下题解，...
H5Demo:h5game 演示
07-12
H5Demo h5game 演示
html5 小游戏 demo
06-07
http://blog.csdn.net/xiaoxiao108/article/details/8913616 html5 挺火，写个html5游戏玩玩吧，想起cocos2d 貌似各个平台都有，网上找了找，下载了个Cocos2d-html5引擎包。 貌似另一个开源引擎lufylegend.js也很好，下次用用lufylegend.js试试。 开发环境 chrome Cocos2d-html5 游戏地址：http://hehe108.sinaapp.com/cocos2d/ （adsw回车） 实现方法如下 1.创建好 LayerGradient的子类 （里面放坦克子弹） 2.重写 onEnter 方法添加一些基本按钮 跟一些初始坦克，子弹 3.通过schedule方法 控制 坦克 子弹的重画 4.根据键盘按键（ASWD）确定出坦克的方向，根据坦克的方向修改坦克的X，Y轴坐标，来实现坦克的移动 5.通过cc.rectIntersectsRect函数来进行碰撞检测，实现子弹打击坦克 具体代码 1.在项目里面添加方向 var Direction = { L:0, U:1, D:2, R:3, STOP:4 }; 2.添加子弹类的相关属性 SPEED:10, WIDTH:15, HEIGHT:15, x:null, y:null, dir:null, live:true, tankClient:null, //LayerGradient子类TankClient 的引用 good:null, 3.子弹初始化，重画 ctor:function (x,y,good,dir,tankClient) { cc.associateWithNative( this, cc.Sprite ); this.x=x; this.y=y; this.dir=dir; this.tankClient=tankClient; this.good=good; this.initWithFile(s_missile); this.setPosition( cc.p(this.x, this.y) ); this.tankClient.addChild(this); }, Draw:function(){ if(!this.live){ this.tankClient.removeChild(this, true); return; } this.setPosition( cc.p(this.x, this.y) ); this.Move(); }, 4.添加子弹打击坦克的方法 HitTank:function(t){ if (cc.rectIntersectsRect(this.GetRectangle(), t.GetRectangle()) && t.live && this.live && this.good != t.good){ t.live = false; this.live = false; return true; } return false; }, 5.添加坦克类相关属性 SPEED:5, WIDTH:58, HEIGHT:58, x:0, y:0, l:false, u:false, r:false, d:false, dir:Direction["STOP"], ptDir:Direction["D"], tankClient:null, good:null, step:0, live:true, 6.在tank类中 坦克初始化，重画 ctor:function (x,y,good,tankClient) { cc.associateWithNative( this, cc.Sprite ); this.x=x; this.y=y; this.tankClient=tankClient; this.good=good; if(good){ this.initWithFile(s_tank); }else{ this.initWithFile(s_enemy); } this.setPosition( cc.p(this.x, this.y) ); this.tankClient.addChild(this); }, Draw:function(){ if (!this.live){ if (!this.good){ this.tankClient.removeChild(this, true); } this.tankClient.removeChild(this, true); return; } this.setPosition( cc.p(this.x, this.y) ); switch (this.ptDir) { case Direction["D"]: this.setRotation(0); //旋转精灵控制 炮筒方向 break; case Direction["U"]: this.setRotation(180); break; case Direction["L"]: this.setRotation(270); break; case Direction["R"]: this.setRotation(90); break; } this.Move(); }, 7.tank发子弹的方法 Fire:function() { if(!this.live) return null; for(var i=0;i<this.tankClient.missiles.length;i++){ var m = this.tankClient.missiles[i]; if (m.live == false){ m.x=this.x; m.y=this.y; m.live=true; m.dir=this.ptDir; m.good=this.good; this.tankClient.addChild(m); return m; } } var missile=new Missile(this.x,this.y,this.good,this.ptDir,this.tankClient); this.tankClient.missiles.push(missile); return missile; }, 8.LayerGradient加入坦克 this.tanks = []; this.myTank = new Tank(60,20, true, this); for (var i = 0; i < 10; i++){ this.tanks.push(new Tank(50 + 70 * (i + 1), 420, false, this)); } 9.LayerGradient中调用子弹打击坦克的方法 for(var i=0;i<this.missiles.length;i++){ var m = this.missiles[i]; m.HitTank(this.myTank); m.HitTanks(this.tanks); m.Draw(); } 10.控制坦克移动射击的部分代码 onKeyUp:function(key) { this.myTank.KeyReleased(key); }, onKeyDown:function(key) { this.myTank.KeyPressed(key); } 11.用Ant和compiler合并压缩js后发布到sae 如果你发现有什么不合理的，需要改进的地方，请留言。或者可以通过 328452421@qq.com 联系我，非常感谢。 http://blog.csdn.net/xiaoxiao108/article/details/8913616
实时多人对战：HTML5的力量展现
最新发布
gitblog_00095的博客
08-24 750
实时多人对战：HTML5的力量展现 realtime-multiplayer-in-html5Read the full article: http://buildnewgames.com/real-time-multiplayer/ An example using node.js, socket.io and HTML5 Canvas to explain and demonstrate r...
H5游戏示范
09-26
使用Cocos2D搭建的游戏模板，用于Cocos2d运用参考。非常有效的一款小游戏
HTML5开源格斗游戏 v1.0
10-06
这是一款经典的拳皇格斗类小游戏。 主机控制键: 移动: W: 上 D: 前 A: 后 S：下 攻击: J: 轻拳 K: 重拳 U: 轻腿 I: 重腿 特殊技能: 下前拳: 波动拳 下后腿：旋风腿 前下前拳：升龙拳 副机（
80个练手H5小游戏实例DEMO和源码
热门推荐
奇士的博客
11-09 1万+
实例： Phaser小站https://www.phaser-china.com/show.html 源码： https://github.com/channingbreeze/gameshttps://github.com/channingbreeze/games
cocos2dx 2.5D AI格斗游戏
01-15
电脑目前能够跟踪玩家、常规拳击、加速冲撞、跳跃加速旋转攻击，调了一下防御难度，玩家不会再被逼到角落出不来，比之前简单了。代码还在优化，多人技击功能还没有全部写完，到时再放源码和文档注释。谢谢……顺便问...
菜鸟初学h5的html标签总结（上）
zlpCoder的博客
07-29 1856
一、 h5基础介绍  1. html5的基本结构      &lt;!DOCTYPE html&gt;命名文档类型      &lt;html&gt;&lt;/html&gt;说明我们写的是标记语言      &lt;head&gt;&lt;/head&gt;文件头部      &lt;title&gt;&lt;/title&gt;文件标题（显示在状态栏上的内容）      &
430个h5小游戏源码demo
09-13
430个h5小游戏源码demo
html5格斗游戏源码（支持网络对战
08-09
开源html5格斗游戏源码（支持网络对战），名为mk.js,带服务端，使用HTML5 canvas和javascript编写 mk.js共有三种游戏模式： 基本模式：只能操纵一个角色 多人模式：允许两个玩家在一台电脑上对战 网络模式：允许两个玩家在网络上对战
简单的H5游戏源码
02-22
简单的H5游戏源码，包括了各种案例，比较实用，可供参考
亲测可用120个H5小游戏实例源码
05-03
120款h5小游戏源码和多款有趣的测试。在浏览器可以直接运行。大家可以下载来看看
超菜鸟级ctf4
kid的博客
05-12 4935
超菜鸟级ctf4 前言 这次的题是真的很菜鸟级了，我这样的菜鸟都差不多做出了一半 题目 Burg Hohenzollern & Trakai Castle 这是两道sql注入题，基本一摸一样。特别是我用sqlmap来做就完全没有感受到两道题的区别 可以看到上图都是提示添加id参数，在URL后添加?id=1后会发现进入不同的页面，然后我是直接拿sqlmap跑的啊，十分顺利直接能爆库 ...
使用egret白鹭引擎开发h5游戏的入门demo
qq_21650491的博客
10-29 3604
使用egret开发h5游戏的入门demomain类代码 main类代码 基本的代码如下所示，都写了注释，应该很好懂的。就不再一步一步分析了： /** * 定义全局变量 */ //定义一个透明度的值用来判断是否需要隐藏或者显示 var number: number; //定义一个值来表示是图片序号 var count: number = 1; //定义三个按钮 let button = new ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_陈陆亮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值