网络编程
位置:首页>> 网络编程>> JavaScript>> 挑战! 纯Javascript 重现经典网游! <魔力宝贝>

挑战! 纯Javascript 重现经典网游! <魔力宝贝>

作者:阿伍 来源:51js 发布时间:2008-10-04 10:37:00 

标签:游戏,网页游戏,魔力宝贝,Javascript

在正文前,先简短介绍自己。

我任职于广州的某个网站服务公司的系统开发员,主要任务是以.Net编写各种web系统,例如CMS.EIP。

大家都知道,编写服务端程序相对客户端程序要枯燥一些。 为了调剂一下业余生活,我从半年前开始学习了javascript。 在那之前,js在我眼里和大多数开发者一样,只是用来验证表单之类。

但慢慢我觉得js是个很有意思的东西,它在我的手里开始变得听话,总是很顺利的完成我所想要的一些界面效果。

萌生做游戏的想法也是受到国外某js游戏以及国内的web星际和剑侠的影响。

计划开始时我对js还没达到熟练的程度,即使到现在,我对js的一些基本语法仍然没能掌握,比如正则(总忘)。

为了实现这个计划,我每天从休息时间里拿出了4小时去学习js以及它的一些优秀框架,比如jq,prototype。

这个游戏动工于一个月前,总体上来说,还是较为顺利的。基本上每天都能有新的收获,这种感觉是混杂着疲惫与欢乐的.

伴随着这个游戏的开发进度,渐渐引起了同事的好奇与关注.于是我便充满动力的坚持了下来.

当然,不能忘记的是.在这个开发过程中,51js.com上的各位前辈的文章给了我很多很多的启发与帮助.非常感激.

在接下来的日子,我会不断的更新日志,将游戏实现的思路与心得记录下来,直到这个游戏完成.希望在这个过程中,各位能指出程序中的错漏以及改良方案.

所要重现的游戏是03年末在中国上市的<魔力宝贝>,该游戏在04到05年达到颠峰,其后因为制作组的更换,游戏质量的下降,以及 * 等因素,导致该游戏走向衰落.

这个伟大的作品出自Enix,是石器时代制作组Dwango的续作. 与该公司旗下的大部分游戏一样,也是正统日式幻想RPG,有着标准的RPG设定. 从它身上可以看到很多经典日式游戏的影子. 这款集大成之作伴随了我五年时光,给我留下了数不尽的回忆.

   今天,我期待它以另种形式重生..  暂命名: CrossGate(十字之门,其实就是这个游戏的原名)

 以下是目前进度的测试地址:

   提示:  

1.大部分动作第一次显示的时候都会卡一下,这是图片未做预载的原因(目前没想到的好的办法),图片载入完全后就会正常.

2.地图测试中,关闭地图格可以明显提高运行流畅度.(实际游戏里也是不存在的) 这些格子是用来辅助debug的.


   http://www.xgate.net.cn/cg/


   游戏的特性:

      1. 客户端:javascript,xml,css,div   服务端:.Net WebService(C#),MSSQL
      2. 代码与css都尽量遵循标准,在目前的测试中,所有浏览器都顺利通过.并且每个浏览器都有自己独特的方面,Chrome综合表现最好.
          目前已经测试过的浏览器有:IE6,IE8(兼容模式),FF,Chrome,Opare,Safari.以及一些IE内核的. IE7在图形显示上略有问题.
      3. 程序核心,地图资源,NPC资源 都是两两分离的.编辑剧情较为方便(可能是做系统的惯性思维导致的)
      4. 性能上依照本人的IBMX40为基准,尽量在迅驰1.3GHz+855集成显卡这样配置下流畅.目前基本达标(地图关闭格子才行)
  操作:
      战斗) 目前还没操作可言, 只有技能脚本测试. 过几天与地图结合后,才会有.

      地图) 右键行走,左键转身与调查.

相关截图:








0
投稿

猜你喜欢

  • 创意404页面的文章我们似乎已经出过两篇了,今天hongkiat又带来了60个创意404页面.相关404页面设计文章:国外404错误页面的创
  • 当很多人发现在DW4中定义CSS很方便的时候,开始报怨FP2000不能定义CSS,甚至就此抨击FP2000如何的不好。事实上,在FP2000
  • SVG是XML来描述二维图形的语言。SVG可以构造3种类型的图形对象:矢量图形、位图图象和文字。图形对象可被组化、样式化、变形和重组,包括图
  • 在近日的写Web程序时用到了Access的模糊查询,在Acces里写代码怎么也找不到记录后来才起来原来Acess和SqlServer的模糊查
  • 1. 横排往下会影响阅读速度。如12345678的单排单列数字,肯定是竖排阅读快。但多行多列的整块信息,横排并不见得就比竖排慢,比如所有简体
  • 1 运行SQLPLUS工具 sqlplus 2 以OS的默认身份连接 / as sysdba 3 显示当前用户名 show user 4 直
  • 之前看到很多人一直都问CSS 中DIV垂直居中的问题,看来对此的需求还不少。现在就把我经验拿出来分享一下,希望大家鼓鼓掌。因为在 CSS 中
  • 导语:简洁并不等于极简主义,在保持网站简洁的外观的同时,辅以其它元素的使用,同样能够达到要求。那如何做到这一点呢?通过本文你能从中学到一些经
  • 八月的UCDChina书友会主题是“信息分类和方法”,在会场中的内容是不足以简单的概述的,而这次交流至少对于分类、属性、关键词与Tag的定义
  • 许多网站缺乏针对性和友好的导航设计,难以找到连接到相关网页的路径,也没有提供有助于让访客/用户找到所需信息的帮助,用户体验非常糟糕。本期薯片
  • 众所周知,透明的PNG图片在IE6中是不透明的。为了在IE6中显示透明的PNG图片,找了一下方法,在网页中嵌入JS语句,可是执行效果并不尽如
  • 层的八条定律当然,这些并非真正的定律,而只是一些有益的忠告,使你免陷于使用层时可能的困顿中。原来有九条定律的,我们精简掉一条,还有下面的八条
  • 注意,下述部分主要与DOUBLE和FLOAT列相关,原因在于浮点数的不准确本质。MySQL使用64位十进制数值的精度执行DECIMAL操作,
  • 如果您还没看过段正淳的css笔记(1)分类之间的横竖线,可以先看看!1、css圆角的做法.为了这个圆角,前段开发们付出的努力是在是太多了.又
  • 高层的期望“3个月内,我希望网站能增加X注册用户,每日的独立IP到Y,网站盈利达到Z……”作为一个团队的领袖或者产品负责人,这样的期望是根据
  • 今天我要为大家介绍的是XPath,XPath是导航和查询XML文档的语言。我们从一个函数开始。UpdateXML()函数我们已经花了很多时间
  • 看到别人用td和table标签模拟的办法:      设置table的上、左padding
  • 利用XMLHTTP无刷新自动实时更新数据,2秒自动刷新一次,2秒取得一次数据.demo.htm 前台显示<script la
  • 本文介绍了一种将英文字符首个字母串转换为大写的asp代码,当然这个功能可能英文网站比较有用。转换大写功能英文介绍:Code Title: P
  • 网页的布局也许是大家最不放在眼里的地方,其实布局地位如同文字的排版一样,随便可布,布即随便。但是看过我上篇《网页设计技巧系列 之 文本排版》
手机版 网络编程 asp之家 www.aspxhome.com