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

终于完成了一个多人在线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
分享到:
评论
76 楼 zdyhlp 2010-05-13  
duchengning 写道
有没有兴趣加入http://www.hoouf.com,我有足够的服务器和带宽支撑。联系我请发邮件10001@hoouf.com

你的好意,我心领了。目前只是Demo,暂时不需要。谢谢
75 楼 zdyhlp 2010-05-13  
cheer1l1lg 写道
人物动作好迟钝,加载也要好长时间。
一直对adobe flash没好感,特别是在browser使用,总是给人钝、卡、慢的感觉,安全限制也很烦
为什么google这种有钱有技术的公司非要跑去做系统,根据自己在web的经验,抢下flash这块的市场不好吗?

Google 是在push HTML5,Ajax毕竟太难用了。谁都垂涎Flash的这块,但能不能抢的过去还难说,Flash占了WebGame的绝大部分的份额。HTML5还不知道哪年哪月能推出。
程序卡,加载慢这些都还有不少可能优化的空间。

Flash也没啥不好的,至少SDK是开源的。Flash插件虽然招来不少议论,但仍然在不断改进中。支持手机平台也是迟早的事情。
74 楼 ring09h 2010-05-13  
Windows7下IE8与FF3.6都不能登录
73 楼 cheer1l1lg 2010-05-13  
人物动作好迟钝,加载也要好长时间。
一直对adobe flash没好感,特别是在browser使用,总是给人钝、卡、慢的感觉,安全限制也很烦
为什么google这种有钱有技术的公司非要跑去做系统,根据自己在web的经验,抢下flash这块的市场不好吗?
72 楼 ardy 2010-05-13  
IE6  点登陆没反应
71 楼 duchengning 2010-05-13  
有没有兴趣加入http://www.hoouf.com,我有足够的服务器和带宽支撑。联系我请发邮件10001@hoouf.com
70 楼 aiyanbo 2010-05-13  
点子很好...不过漏洞很多啦,不知道我的firefox有问题还是怎么的,人物行走的时候有点乱跑
69 楼 javaeyexu 2010-05-12  
真TM垃圾,换了N个浏览器都登不上去。浪费时间。
68 楼 zdyhlp 2010-05-12  
xingxing 写道
你socket服务器是怎么个写法,是一个客户端一个线程,还是n个客气端n个线程,感觉你这个很慢。

1.Socket服务器肯定不会用这种老式的一个客户一个线程的方式。
2.慢的话,应该是因为服务器网络延迟的原因。你可以用ping 125.64.14.253 -t看看网络延迟的情况
67 楼 xingxing 2010-05-12  
你socket服务器是怎么个写法,是一个客户端一个线程,还是n个客气端n个线程,感觉你这个很慢。
66 楼 zdyhlp 2010-05-12  
lovang 写道
lookdd1 写道
goole浏览器下点击登陆没反映。。。这个应该与浏览器无关吧。但在IE8下正常。可能不同浏览器的flash player还有所区别吧。


google点登陆没反应,粘到ie6同样

你换了账号密码再点登录。这种情况多半是别人已经用这个账号登录了。Chrome浏览器我试过是没问题的。
65 楼 lovang 2010-05-12  
lookdd1 写道
goole浏览器下点击登陆没反映。。。这个应该与浏览器无关吧。但在IE8下正常。可能不同浏览器的flash player还有所区别吧。


google点登陆没反应,粘到ie6同样
64 楼 wikimo 2010-05-12  
IE8下,刚走几步想跑了,直接卡死不动了……
63 楼 zdyhlp 2010-05-11  
willko 写道
进入了,刚开始下载太慢了。不能延迟加载吗?。
我2年前玩过,一个类似暗黑的游戏,界面很华丽,不卡。

慢的话,也有服务器,网络方面的原因。当然作为真正的游戏的话,以后肯定还会优化这些加载过程的。
62 楼 zdyhlp 2010-05-11  
雨后阳光 写道
打不开。。。。。。。。。。。。。。。。。。。。。。

登录的人有点多,再试试好了,游戏的状态也刚复位了一次。应该没问题的。
61 楼 雨后阳光 2010-05-11  
打不开。。。。。。。。。。。。。。。。。。。。。。
60 楼 Kyoko 2010-05-11  
zdyhlp 写道
Kyoko 写道
CPU消耗有点高.
你可以尝试下把地图切块,然后模糊化加载,走到某个区域再加载那一块地图资源.还可以考虑下P2P技术.
楼主现在有工作吗?是在成都吗?
我们公司也是网页游戏公司.


地图数据是动态加载的,走到哪儿加载附近的。但其它地图用的素材资源是在开始就加载完了。Demo的话用的总共10M左右的素材。这部分没考虑动态加载,我的想法是可以按不同的关卡(或level)来加载,以后会采用这样的方式。

目前在成都做Java方面的工作。希望有机会能切磋,合作。P2P的话没试过,如果是用P2P方式的话,就不能是Web Game了。(因为安全的限制),当然用Air可以做的到。

请问你是哪一家公司,待遇如何嘛?

您是对服务端比较敢兴趣还是客户端敢兴趣呢?
我目前是在一家游戏公司做项目主程.
您如果愿意做游戏的话 可以把简历发到我邮箱里来,我帮你推荐给我们的项目经理那里
kyoko@vip.qq.com
59 楼 zdyhlp 2010-05-11  
lucane 写道
chrome,X掉网页的时候内存出错

那就不知道是Flash插件的问题还是Chrome的问题了。不过游戏占用的内存也是比较多的。
58 楼 lucane 2010-05-11  
chrome,X掉网页的时候内存出错
57 楼 zjf_1103 2010-05-11  
lzj0470 写道
晕,点击没反应。进不了。IE6。

呵呵,还在用IE6啊,你out了,我觉得FireFox蛮好用的啊

相关推荐

    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