终于完成了一个多人在线Web游戏Demo

用Flex做了一个Web Game demo,在[url]http://cd-zdy.vicp.net:8088/[/url] ,请大家试玩评判。

完美都市游戏演示
完美都市是一个2.5D的采用Flash技术构建的MMORPG模式的Web Game(网页游戏),目前实现的主要部分有主界面,背包,NPC,3D房间,宠物,导航地图和聊天系统。
一、操作说明
1. 首先在装有Flash(版本10.0,10.1均可)插件的浏览器地址栏输入:http://125.64.14.253:1234/,推荐使用Firefox或者Chrome浏览器。
2. 在一屏范围内点击鼠标左键设置玩家要走的目的地,自动计算最短路径并开始行走。如果点击鼠标左键同时按下键盘上的Shift键。会加速行走。
3. 点击NPC可以和它对话,按照他的提示,你可以完成任务,将游戏进行下去。
4. 打开背包,可以选择要吃掉的食品,吃掉食品可以看到。
5. 如果你已经得到了一个宠物,打开宠物窗口,可以让它做指定的动作,或者指定是否让它跟随你。
6. 如果在背包窗口使用回城卷,就可以直接回到自己的家里,在这个虚拟3D的场景,你可以更换某些物品的贴图,包括地板,电视等。
7. 展开或关闭聊天窗口,选择要谈话的朋友,输入谈话的内容后点击发送。在线的朋友就可以看到。这个聊天的文字可以设置字体,大小和颜色等。
8. 登陆账户除默认的那个wolf/wolf123外,还有:aa/aa123,bb/bb123,cc/cc123,dd/dd123,ee/ee123,ff/ff123,因为每一个账户只能一个人在线用,所以请尽量不用默认账户登陆。
有可能某种网络环境上不了,我在公司都是这样,其中一个网关能上去,另一个不通。这种情况请谅解。服务器也不是专职的,连接有点慢。但稳定性很好的,不用担心。
游戏的情节有可能看不完(别人已经玩过了),我会不定期的复位一下进度。
三、故事剧情(Demo部分)
新玩家(任我行)登陆后!位置在村长旁边。
接近村长,村长会自动表示欢迎:
(王村长:“任我行,欢迎来到椰子蟹村,我是这里的村长,我姓王,如果有什么困难,我会帮助你!”)
玩家点击村长!
王村长:“如果你不想穷困潦倒,如果你想出人头地的话,赶快去学门手艺吧!村唯一的面点师傅办了一个免费的技能培训中心,去看看吧!
点击 面点师(Bread.唐)
唐:“终于有人来找我了,你是要学手艺嘛?我能教你的只有做面包,你还千万别嫌弃,只要你会做面包了,走到哪里都饿不到你,俗话说,食不饱,力不足。俗话又说,人是铁,饭是钢,身体是革命的本钱。。。。。。。。。。。。。!
任:“可以快一点开始吗?”
唐:“废话我就不多说了,那就开始吧。
加载一个简单的Flash小游戏,玩家可以开始练习。
(技能学会之后)
唐:“你还挺能干的啊,这么快就学会了。那现在就考考你吧,去找NPC3,她会告诉你接下来该做什么的。
NPC3(宠物店店长,小静)
任:“你好我是Bread.唐的首席弟子,请问有什么需要我做的嘛?
静:“你来啦? 你师父已经告诉我你的情况了,请你帮我做10个面包吧!
面包做完,交给小静!
静:“不错嘛,好久没吃到这么好吃的面包了,为了表示感谢,我送你一只宠物吧,它会为你以后的生活会增添很多乐趣和意想不到的惊喜的!现在你只要点击宠物窗口的图标就可以看见它了。”
任:“谢谢!还有其他的事嘛?”
静:“没有了,谢谢,代我向你师父问好,再见。”

回去找唐
唐:“听说你干的不错嘛,!那接下来和我比比吧,只要你能胜过我,你就出师了,对你的考试也就结束了。有信心吗?
任:。。。。。。。。。。。
唐:“有没有信心都要考,这是必须的,谁要你是我徒弟,徒弟就要听师父的话。”
任:。。。。。。。。。。。
唐:“我能在一分钟之内做出10个面包,来吧,只要你能做出6个就算你合格了!”
计时开始。加载一个做面包的小游戏,任做了11个!
唐:“不敢相信,你居然做了11个,比我还多,你合格了,不过不要太高兴,其实我一分钟可以做12个!”
任:“。。。。。。。。。。。”
唐:“临别之际,为师没什么好送你的,看你一身挺寒碜的,去服饰店选一套衣服吧。报我Bread.唐的名号就是了,老板和我是老熟人了。去吧,出门的时候不要回头,不要留恋,不然我会忍不住留下你的,我才当了一天的师父啊,!任我行,好好干,别给师父丢脸。”

服饰店老板(莎妹子)
点击服饰店老板
莎:“一,二,三,四,保持身材,多运动。恩?你是任我行吗?钱你师父已经付过了,衣服给你,我还要继续做运动呢!一,二,三,四。”
任:“谢谢”

回去找村长
村长:“哦,果然是佛靠金装人靠衣装啊,你这打扮帅多了啊。听说你技能已经学会了。你还没地方住吧,去找本村的地产商吧,他叫西门吹牛。

地产商(西门吹牛)
西门:“你就是新搬到本村的小子吗?看到了吗?我后面那栋房子,那不是给你的,那是我的公司总部,我一分钟几十万上下呢。想要房子,给钱吧,5万一套。
任:“5万,太贵了,买不起。”
西门:“贵,那你露宿街头吧。不要再打扰我了,我一分钟几十万上下。”
任:“是村长让我来找你的。”
西门:“啊,村长啊,你怎么不早说啊!那就算你便宜点吧,5000。”
任:“还是没有。”
西门:“5000都没有啊?那你回答一个我的问题。只要你回答对了,价钱还可以再少。”
西门:“我长的帅不帅。”
任:“帅,你非常帅。”
西门:“非常帅!哈哈哈哈,房子拿去住就是了,送你什么钱不钱的,见外了,我送你一套家具再送你3个任意门,有这个东西,不管你在哪里只要一点就可以回到你的家里,很方便的,!帅,,非常帅,哈哈哈哈!
任:“谢谢。”


[size=medium]我们在寻求资金的支持,有意者请单独联系[/size]
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值