JavaScript游戏之是男人就下100层代码打包
这次的游戏的编写难度比之前的都高很多。本次鄙人用了js的继承以及设计模式的工厂模式，也算是一个突破。。。
游戏的大致设计思路：
1，玩家类Player：一个人能左右移动，以及上下移动的小人。
拥有的基本方法：{
左右移动 : 单纯的键盘左右移动，
向下移动 : 属于向下加速度移动，每次移动都会加一个重力加速度的值，
向上移动 : 其实是跟着方块一起向上移动， 匀速向上运动，
弹跳 : 就是玩家先向上一个减速度运动，然后，当速度小于1时，像下加速度运动
}
2，方块基类BlockBase：所有方块的基类，拥有公共的方法以及接口。
拥有的基本方法：{
移动 : 方块的向上匀速移动，
检测玩家是否在方块上 : 判断玩家是否停留在方块上
}
以及一些抽象的接口函数，只有名字，需要在子类中实现，具体看源码。
3，各种子类，如 普通方块类NormalBlcok、弹跳方块类FlipBlock等
继承的实现方式如下：
在构造函数中：BlockBase.call(this);继承非prototype的属性与方法
在函数外部：子类方块.prototype = new BlockBase(); 继承基类的prototype的属性与方法
4， 工厂类BlockFactory：负责生产方块，以及击中处理方块
拥有的基本方法：{
生成方块 : 重点的方法，就是随机生成一块方块
}
其实我也不知道怎么说，还是看源码吧。里面我注释得很具体了。
还有，bug肯定是会有的，希望大家谅解。。。
最后献上预览吧。希望大家多多拍砖，能让我多些提高。最好在代码的编写上。
方向左右控制移动，界面是做得比较丑。。。大家见谅。
演示代码：http://demo.jb51.net/js/DownFloor/index.html
完整源码打包>> /201011/yuanma/DownFloor.rar
相关文章
这其实是一个很简单的实现，create一个新的div元素，然后append到文档的body上，经过一定时间的延迟，做自由落体运动，着地后fade消失。 不多说，直接上代码。2010-01-01
easyui window refresh 刷新两次的解决方法(推荐)
下面小编就为大家带来一篇easyui window refresh 刷新两次的解决方法(推荐)。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了JS运动相关知识点,总结分析了JavaScript运动所涉及的相关知识点与注意事项,并附带了一个JavaScript弹性运动的实例供大家参考,需要的朋友可以参考下2016-01-01
本篇文章主要介绍了ES6 Promise 扩展always方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
有时候需要删除网站的cookies，一个一个太麻烦，这个可以批量的删除所有的cookies，需要的朋友可以参考下。2010-11-11
这篇文章主要介绍了JavaScript中this函数使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
今天小编就为大家分享一篇关于使用javascript做时间倒数读秒功能的实例，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
下面小编就为大家带来一篇Js获取图片原始宽高的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了JS实现访问DOM对象指定节点的方法,结合实例形式分析了javascript针对DOM元素节点属性相关操作技巧,需要的朋友可以参考下2018-04-04
大家好，本篇文章分享的是四种好玩的黑客背景效果JS代码，感兴趣的同学赶紧来试试吧，觉得还不错的话记得收藏一下哦，方便下次浏览2021-11-11
最新评论