JavaScript游戏之是男人就下100层代码打包


Posted in Javascript onNovember 08, 2010

这次的游戏的编写难度比之前的都高很多。本次鄙人用了js的继承以及设计模式的工厂模式,也算是一个突破。。。 

游戏的大致设计思路:
1,玩家类Player:一个人能左右移动,以及上下移动的小人。
拥有的基本方法:{
左右移动 : 单纯的键盘左右移动,

向下移动 : 属于向下加速度移动,每次移动都会加一个重力加速度的值,

向上移动 : 其实是跟着方块一起向上移动, 匀速向上运动,

弹跳 : 就是玩家先向上一个减速度运动,然后,当速度小于1时,像下加速度运动 

2,方块基类BlockBase:所有方块的基类,拥有公共的方法以及接口。

拥有的基本方法:{

移动 : 方块的向上匀速移动,

检测玩家是否在方块上  : 判断玩家是否停留在方块上 

以及一些抽象的接口函数,只有名字,需要在子类中实现,具体看源码。

 

3,各种子类,如 普通方块类NormalBlcok、弹跳方块类FlipBlock等

继承的实现方式如下:

在构造函数中:BlockBase.call(this);继承非prototype的属性与方法

在函数外部:子类方块.prototype = new BlockBase(); 继承基类的prototype的属性与方法

 

4, 工厂类BlockFactory:负责生产方块,以及击中处理方块

拥有的基本方法:{

生成方块 :  重点的方法,就是随机生成一块方块 

其实我也不知道怎么说,还是看源码吧。里面我注释得很具体了。

还有,bug肯定是会有的,希望大家谅解。。。 

最后献上预览吧。希望大家多多拍砖,能让我多些提高。最好在代码的编写上。 
 方向左右控制移动,界面是做得比较丑。。。大家见谅。
演示代码:http://demo.3water.com/js/DownFloor/index.html

完整源码打包>> /201011/yuanma/DownFloor.rar 

Javascript 相关文章推荐
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
May 25 Javascript
JavaScript模板引擎用法实例
Jul 10 Javascript
基于jquery实现省市联动效果
Nov 23 Javascript
JS模拟的Map类实现方法
Jun 17 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
js实现显示手机号码效果
Mar 09 Javascript
9种改善AngularJS性能的方法
Nov 28 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
Oct 09 Javascript
微信小程序页面间传值与页面取值操作实例分析
Apr 30 Javascript
layui禁用侧边导航栏点击事件的解决方法
Sep 25 Javascript
解决vue项目获取dom元素宽高总是不准确问题
Jul 29 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
Nov 09 Javascript
JavaScript游戏之优化篇
Nov 08 #Javascript
javascript开发中因空格引发的错误
Nov 08 #Javascript
window.ActiveXObject使用说明
Nov 08 #Javascript
发布一个基于javascript的动画类 Fx.js
Nov 05 #Javascript
微博@符号的用户名提示效果。(想@到谁?)
Nov 05 #Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
Nov 05 #Javascript
细说浏览器特性检测(2)-通用事件检测
Nov 05 #Javascript
You might like
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
smarty基础之拼接字符串的详解
2013/06/18 PHP
PHP学习笔记(一):基本语法之标记、空白、和注释
2015/04/17 PHP
Apache启动报错No space left on device: AH00023该怎么解决
2015/10/16 PHP
JavaScript延迟加载
2021/03/09 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
JS中多步骤多分步的StepJump组件实例详解
2016/04/01 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
JS获取填报扩展单元格控件的值的解决办法
2017/07/14 Javascript
15个顶级开源JavaScript框架和库
2018/10/10 Javascript
微信小程序-可移动菜单的实现过程详解
2019/06/24 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
js实现带积分弹球小游戏
2020/07/21 Javascript
javascript实现扫雷简易版
2020/08/18 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
详解JavaScript中分解数字的三种方法
2021/01/05 Javascript
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
对于Python异常处理慎用“except:pass”建议
2015/04/02 Python
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
Python键盘输入转换为列表的实例
2018/06/23 Python
python3.6.3安装图文教程 TensorFlow安装配置方法
2020/06/24 Python
Python二维码生成识别实例详解
2019/07/16 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
Django模板标签中url使用详解(url跳转到指定页面)
2020/03/19 Python
python 画条形图(柱状图)实例
2020/04/24 Python
CSS3 translate导致字体模糊的实例代码
2019/08/30 HTML / CSS
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
罗技美国官网:Logitech美国
2020/01/22 全球购物
《母亲的恩情》教学反思
2014/02/13 职场文书
国家税务局干部作风整顿整改措施
2014/09/18 职场文书
2014年六五普法工作总结
2014/11/25 职场文书
工作表扬信
2015/01/17 职场文书
委托书范本格式
2019/04/18 职场文书
Python+Tkinter打造签名设计工具
2022/04/01 Python