`
zdyhlp
  • 浏览: 8236 次
  • 来自: ...
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

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

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

完美都市游戏演示
完美都市是一个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个任意门,有这个东西,不管你在哪里只要一点就可以回到你的家里,很方便的,!帅,,非常帅,哈哈哈哈!
任:“谢谢。”


我们在寻求资金的支持,有意者请单独联系
  • 大小: 682.1 KB
  • 大小: 517.7 KB
  • 大小: 535.3 KB
  • 大小: 554.9 KB
  • 大小: 88.2 KB
  • 大小: 151.3 KB
  • 大小: 307.6 KB
  • 大小: 143.3 KB
  • 大小: 211.9 KB
  • 大小: 87.1 KB
  • 大小: 175.3 KB
  • 大小: 144.6 KB
  • 大小: 443.6 KB
  • 大小: 266.2 KB
  • 大小: 960.1 KB
分享到:
评论
96 楼 zdyhlp 2010-12-12  
roger_588 写道
登录不了了。

重新建了服务器,白天时间开着:http://cd-zdy.vicp.net:8088/
95 楼 roger_588 2010-09-01  
登录不了了。
94 楼 zdyhlp 2010-08-09  
Quen 写道
这游戏有没使用版下载呀!

Web Game,不需要下载什么客户端的啊!
93 楼 zdyhlp 2010-08-09  
雨夜之家 写道
希望楼主能多开放一些帐号,就这么几个帐号明显不够用。

抱歉,Demo用的,所以账号数量少,目前也没有提供注册的界面。
92 楼 雨夜之家 2010-08-09  
希望楼主能多开放一些帐号,就这么几个帐号明显不够用。
91 楼 Quen 2010-07-23  
这游戏有没使用版下载呀!
90 楼 zdyhlp 2010-07-15  
完善了帖子内容,附加了更多的贴图。
89 楼 zdyhlp 2010-06-22  
hellojinjie 写道
happysoul 写道
点登陆没有反应。。。IE7

我也有这个问题,而且还是乱码
ubuntu 9.10  opera 10.5

服务器端不小心被管理员关掉了。现在可以进去了,我都试过的了。
88 楼 hellojinjie 2010-06-18  
happysoul 写道
点登陆没有反应。。。IE7

我也有这个问题,而且还是乱码
ubuntu 9.10  opera 10.5
87 楼 happysoul 2010-06-18  
点登陆没有反应。。。IE7
86 楼 zdyhlp 2010-05-25  
randoll127 写道
登陆不进。但是我想说,做一个游戏是相当不容易的,尤其是用业余时间来完成,更加是值得称赞,看见那些说风凉话的人,真有点心寒,请问你们是不是真的做过游戏,知道其中的艰辛呢?

换个账号再试试呢,bb/bb123,cc/cc123/dd/dd123,ee/ee123/ff/ff123.都可以的。游戏刚重新复位了一下玩家进度。
85 楼 zdyhlp 2010-05-25  
randoll127 写道
问下楼主,你是如何处理背景前后切换的。比方说2个人走到一起的时候,你如何计算谁的背景在前,谁的在后的?

基本上是判断2.5D坐标里面人物所在的X坐标和Y坐标。坐标大的在前面。处理建筑的时候有点差别,因为建筑物经常占用几个单元格宽或长。这时候需要特殊处理。必要时重绘一次人物。
84 楼 randoll127 2010-05-25  
问下楼主,你是如何处理背景前后切换的。比方说2个人走到一起的时候,你如何计算谁的背景在前,谁的在后的?
83 楼 randoll127 2010-05-25  
登陆不进。但是我想说,做一个游戏是相当不容易的,尤其是用业余时间来完成,更加是值得称赞,看见那些说风凉话的人,真有点心寒,请问你们是不是真的做过游戏,知道其中的艰辛呢?
82 楼 mococa 2010-05-15  
zdyhlp 写道
mococa 写道
楼主可以把地貌和深度的信息在服务器上生成swf,一来可以节省差不多100倍左右的带宽,二来可以在客户端缓存

这个想法挺好,目前地图数据是动态传输的,但素材是一开始就加载完。或许可以考虑将草坪,土地等采用算法生成的方式。


不是想法,而是之前我们就是这样做过,一个场景下未处理的地貌信息大概7~800k,生产swf 后再7~8k左右,而且客户端解析不存在任何问题,至于动态,完全可以通过一个版本号来控制
81 楼 zdyhlp 2010-05-15  
mococa 写道
楼主可以把地貌和深度的信息在服务器上生成swf,一来可以节省差不多100倍左右的带宽,二来可以在客户端缓存

这个想法挺好,目前地图数据是动态传输的,但素材是一开始就加载完。或许可以考虑将草坪,土地等采用算法生成的方式。
80 楼 mococa 2010-05-14  
楼主可以把地貌和深度的信息在服务器上生成swf,一来可以节省差不多100倍左右的带宽,二来可以在客户端缓存
79 楼 sjbrising 2010-05-14  
这种flash做的社区我去年看过一个,是美国的。效果相当好。你的这个我半天没加载完毕。没看到效果,晚上回去研究。
78 楼 catlovefox 2010-05-14  
zdyhlp 写道
抱歉,源码非我一人所有,不能共享。我们尚在寻求资金支持。



能细说一下吗?楼主在哪个城市?
77 楼 zhao103804 2010-05-14  
试了玩下了,还不错。

相关推荐

    three.js+websockt多人射击游戏.zip

    本项目以"three.js+websockt多人射击游戏.zip"为例,深入探讨如何利用JavaScript的3D库three.js与WebSocket技术构建一个实时的多人在线射击游戏。 首先,我们要了解three.js。three.js是一个开源的JavaScript库,...

    js webrtc多人互动【vue demo源码】

    这个“js webrtc多人互动【vue demo源码】”项目结合了这两者,为开发者提供了一个实现实时通信功能的示例。 **1. WebRTC多对多交互** 在WebRTC中,多对多交互通常通过STUN(Session Traversal Utilities for NAT...

    WebRtc视频聊天demo包括多人聊天

    标题中的"WebRtc视频聊天demo包括多人聊天"指的是一个基于WebRTC技术的示例项目,它不仅实现了基本的视频聊天功能,而且还扩展到了多人聊天场景。在多人聊天中,每个参与者都可以与其他所有参与者进行双向通信,形成...

    Python-即时通讯Python实现web版多人聊天室

    本教程将深入探讨如何使用Python语言来实现一个基于Web的多人聊天室。Python以其简洁易读的语法和丰富的库资源,非常适合构建此类应用。 ### 一、Web基础知识 在开始之前,我们需要了解一些基本的Web概念。Web应用...

    430个h5小游戏源码demo

    《430个H5小游戏源码Demo》 在当今数字化时代,HTML5(简称H5)技术以...总之,《430个H5小游戏源码Demo》是一份宝贵的学习资源,无论是初学者还是经验丰富的开发者,都可以从中汲取灵感,提升自己的H5游戏开发技能。

    WEBRTC多人视频通话demo

    本项目是一个基于WEBRTC的多人视频通话demo,它利用Java语言进行后端处理,并结合WebSocket进行信令传输。 在多人视频通话系统中,主要涉及以下几个关键知识点: 1. **WebRTC架构**:WebRTC由三个主要组件构成:...

    基于SkyRTC实现Web、iOS、Android多平台,多人视频的通讯Demo

    在这个项目中,我们看到它被用于实现Web、iOS以及Android平台之间的无缝连接,提供流畅的多人视频通讯体验。下面将详细讨论SkyRTC的技术特点、实现原理以及如何在不同平台上进行集成。 一、SkyRTC简介 SkyRTC是基于...

    NodeJS+Express+socket_io 多人聊天简单Demo

    总结,这个“NodeJS+Express+socket_io 多人聊天简单Demo”展示了如何利用Node.js的灵活性和Express的便利性,结合socket.io的实时通信能力,构建一个基本的多人聊天应用。这个项目是学习实时Web应用程序开发的一个...

    多人Web开发环境的解决方案

    ### 多人Web开发环境的解决方案 #### 背景 随着互联网技术的快速发展,越来越多的企业选择使用PHP作为Web开发的主要语言。PHP以其简洁、高效、易于学习的特点,在Web开发领域占据了一席之地。传统的开发模式通常是...

    flex rpg游戏demo(客户端完整)

    7. **网络通信**:虽然这是一个客户端的Demo,但如果游戏是多人在线的,Flex可以使用Socket或HTTPService与服务器进行通信,实现玩家间的交互和数据同步。 8. **资源管理**:游戏中的音频、图片、字体等资源需要被...

    CocosCreator教程demo集合

    CocosCreator支持WebSocket和HTTP请求,你可以通过分析网络相关的demo来学习如何与服务器进行数据交换,实现多人在线游戏或实时同步。 在资源管理方面,CocosCreator有强大的预加载和缓存机制。通过预加载demo,你...

    Laravel5.5+gatewayWorker一个web端即时通讯demo

    【标题】"Laravel5.5+gatewayWorker一个web端即时通讯demo" 涉及到的核心技术是基于Websocket协议的实时通信解决方案,结合了PHP框架Laravel 5.5与GatewayWorker库,用于构建多用户在线聊天室功能,支持发送表情等...

    p2p 多人游戏的示例代码_JavaScript_代码_下载

    在"flash-p2p-demo-master"这个压缩包中,我们可以期待找到一个基于WebRTC的P2P多人游戏示例。以下是一些可能包含的关键部分: 1. **信令服务器**:虽然P2P网络减少了对中央服务器的依赖,但建立连接时仍需要一个...

    weboffice 在线编辑word wps excel

    Weboffice作为一个强大的在线办公解决方案,允许用户在网页浏览器中直接编辑和协作处理Word、WPS和Excel文档,无需安装任何桌面应用。这一特性显著提高了工作效率,减少了软件部署和维护的成本。 【描述】:Web...

    Web项目前后端实时通信的WebSocket Demo

    7. **应用示例**:WebSocket适用于实时性要求高的应用场景,如在线聊天、股票交易、多人协作编辑、游戏同步等。在WebSocketTest这个项目中,可能会包含一个简单的实时聊天室或者实时数据更新的例子。 8. **前端实现...

    jssip音视频demo

    这个demo对于初学者和开发者来说是一个很好的学习资源,它展示了如何结合JSSIP和FreeSWITCH来构建实际的Web音视频通信应用。通过分析和运行这个demo,开发者可以更好地理解SIP协议的工作原理以及如何在Web环境中实现...

    新剑侠情缘HTML版本的一个Demo

    《新剑侠情缘HTML版本的一个Demo》是一个由北京豌豆互动科技开发的网页游戏,旨在重现经典游戏《新剑侠情缘》的魅力。这款Demo最初设计时仅兼容古老的IE8浏览器,但随着时间的推移,开发团队对其进行了优化,以适应...

    springboot-websocket-demo--.zip

    本项目“springboot-websocket-demo--”是基于SpringBoot框架实现的一个WebSocket在线聊天应用的源码示例,旨在帮助开发者理解WebSocket的前后端交互逻辑,并提供了一个实际操作的多人聊天室Demo。 首先,...

    一个基于 html5 canvas 的流程图demo..zip

    在游戏开发中,例如,使用HTML5的Web Storage可以保存游戏进度,WebSocket则可用于实时多人在线游戏。 总结来说,"一个基于html5 canvas的流程图demo.zip"可能是一个使用HTML5 Canvas技术构建的交互式流程图示例,...

    HTML5视频聊天Demo(WebRTC+NodeJS).zip

    这个Demo为学习WebRTC和Node.js实时通信提供了一个基础平台,开发者可以在此基础上扩展功能,例如增加文本聊天、多人视频聊天或添加安全性措施。了解并掌握这些技术对于构建现代互联网应用至关重要,因为实时通信...

Global site tag (gtag.js) - Google Analytics