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 相关文章推荐
srcElement表格样式
Sep 03 Javascript
AJAX架构之Dojo篇
Apr 10 Javascript
让div层随鼠标移动的实现代码 ie ff
Dec 18 Javascript
基于jQuery的输入框在光标位置插入内容, 并选中
Oct 29 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
jQuery仿京东商城楼梯式导航定位菜单
Jul 25 Javascript
Move.js入门
Feb 08 Javascript
微信小程序实现图片轮播及文件上传
Apr 07 Javascript
3分钟掌握常用的JS操作JSON方法总结
Apr 25 Javascript
使用JavaScript实现一个小程序之99乘法表
Sep 21 Javascript
vue移动端实现下拉刷新
Apr 22 Javascript
利用PHP实现递归删除链表元素的方法示例
Oct 23 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
PHP中ltrim与rtrim去除左右空格及特殊字符实例
2016/01/07 PHP
[原创]PHP实现SQL语句格式化功能的方法
2017/07/28 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
PHP实现的二分查找算法实例分析
2017/12/19 PHP
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
读jQuery之九 一些瑕疵说明
2011/06/21 Javascript
javascript之querySelector和querySelectorAll使用介绍
2011/12/20 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
在JavaScript中构建ArrayList示例代码
2014/09/17 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
2015/11/17 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
2016/12/16 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
VUE 全局变量的几种实现方式
2018/08/22 Javascript
如何使用pm2快速将项目部署到远程服务器
2019/03/12 Javascript
Vue组件通信中非父子组件传值知识点总结
2019/12/05 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
vue页面更新patch的实现示例
2020/03/25 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
[01:06:18]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第二场 1月26日
2021/03/11 DOTA
Python发送email的3种方法
2015/04/28 Python
python使用nntp读取新闻组内容的方法
2015/05/08 Python
Using Django with GAE Python 后台抓取多个网站的页面全文
2016/02/17 Python
Python实现将一个大文件按段落分隔为多个小文件的简单操作方法
2017/04/17 Python
django-初始配置(纯手写)详解
2019/07/30 Python
程序设计HTML5 Canvas API
2013/04/08 HTML / CSS
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
Linux Interview Questions For software testers
2012/06/02 面试题
社团活动策划书范文
2014/01/09 职场文书
司法局火灾防控方案
2014/06/05 职场文书
校庆团日活动总结
2014/08/28 职场文书
学校扫黄打非工作总结
2015/10/15 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js