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

终于完成了一个多人在线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
分享到:
评论
16 楼 whaosoft 2010-05-09  
哈哈 挺好玩 要是能开源一下就更好了
15 楼 真无名 2010-05-08  
flash还有前途吗
14 楼 mice_003 2010-05-08  
1.你用flex4编译的,这点很不好,你自己firebug看下多加载了多少内容.
2.相当地卡,说明场景里面的内容太多.flex profile查看下吧.
3.3D的房间系统,做地还是很有意思的.可惜就是网速一直是制约此类应用的原因.
4.组件系统可以自写,flex的组件,所占用的网速,很不划算.而且你用的组件相当初级.

非常有前途的,flash社区应用.
13 楼 yangfuchao418 2010-05-08  
火狐3.6登陆不进,换IE8进入
12 楼 zdyhlp 2010-05-08  
terryang 写道
默认用户名好像等不进去

可能有人用这个账号登陆了没退出来,换其他账户试试,aa/aa123,bb/bb123,cc/cc123,dd/dd123,ee/ee123,ff/ff123
11 楼 terryang 2010-05-08  
默认用户名好像等不进去
10 楼 zdyhlp 2010-05-08  
lzj0470 写道
晕,点击没反应。进不了。IE6。

是的,与浏览器无关,需要FlashPlayer 10
9 楼 lzj0470 2010-05-08  
晕,点击没反应。进不了。IE6。
8 楼 skzr.org 2010-05-08  
firefox中除了文本显示正常,其他都不正常阿
7 楼 lookdd1 2010-05-08  
goole浏览器下点击登陆没反映。。。这个应该与浏览器无关吧。但在IE8下正常。可能不同浏览器的flash player还有所区别吧。
6 楼 huzhenyu 2010-05-08  
试了玩下了,还不错。
5 楼 zdyhlp 2010-05-08  
这个游戏是2.5D的。不是3D,Flash做3D的游戏一般来说是很困难的。与后台交互是采用的Socket通信。Flash这边是XMLSocket。服务器端除了Web服务器还有个自己写的Socket server。
CPU占用率是有点高,应该还有优化的余地。
有点抖动时可能是因为服务器延迟比较大。

房间里那部分是3D的,采用的PV3D。可以拉近摄像头,调整摄像头方向,某些物件可以选择贴图。
4 楼 junlas 2010-05-08  
还有一点:CPU的占用率貌似有点高哦···
3 楼 junlas 2010-05-08  
支持,喜欢,很好,很不错啊···
但是我的机器也不差,我走起路还是画面有点小卡,确切的说是轻微的"颤抖"一下;猜想是不是人物在向前走时,加载后面的"地图(美术资源)"所导致的,嘿嘿··个人猜想..

有两个技术问题请交LZ:
1.这个游戏后台是用什么服务器啊?
2.这个游戏是3D的吗?

谢谢···
2 楼 zdyhlp 2010-05-08  
抱歉,源码非我一人所有,不能共享。我们尚在寻求资金支持。
1 楼 songfantasy 2010-05-08  
有没有源码 啊?共享一下呗。

相关推荐

    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