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 相关文章推荐
P3P Header解决Cookie跨域的问题
Mar 12 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
Jan 18 Javascript
JavaScript基础重点(必看)
Jul 09 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
Jul 27 Javascript
利用vue实现模态框组件
Dec 19 Javascript
jquery代码规范让代码越来越好看
Feb 03 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
Apr 28 Javascript
vue在手机中通过本机IP地址访问webApp的方法
Aug 15 Javascript
详解三种方式解决vue中v-html元素中标签样式
Nov 22 Javascript
使用Vue.observable()进行状态管理的实例代码详解
May 26 Javascript
JavaScript实现横版菜单栏
Mar 17 Javascript
Ajax常用封装库——Axios的使用
May 08 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中PDO基础教程 入门级
2011/09/04 PHP
PHP查询附近的人及其距离的实现方法
2016/05/11 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
JQuery 写的个性导航菜单
2009/12/24 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
2013/05/27 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
2015/07/27 Javascript
原生js实现节日时间倒计时功能
2017/01/18 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
2017/04/13 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
详解Vue快速零配置的打包工具——parcel
2018/01/16 Javascript
微信小程序实现简单评论功能
2018/11/28 Javascript
用node.js写一个jenkins发版脚本
2019/05/21 Javascript
Vue作用域插槽实现方法及作用详解
2020/07/08 Javascript
Vue.js原理分析之nextTick实现详解
2020/09/07 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
[01:34]2016国际邀请赛中国区预选赛IG战队教练采访
2016/06/27 DOTA
Python牛刀小试密码爆破
2011/02/03 Python
Python实现单词翻译功能
2017/06/06 Python
你真的了解Python的random模块吗?
2017/12/12 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
python实现多张图片拼接成大图
2019/01/15 Python
PyQtGraph在pyqt中的应用及安装过程
2019/08/04 Python
运用PyTorch动手搭建一个共享单车预测器
2019/08/06 Python
Python读入mnist二进制图像文件并显示实例
2020/04/24 Python
PyCharm2019 安装和配置教程详解附激活码
2020/07/31 Python
奥斯汀独木舟和皮划艇:Austin Canoe & Kayak
2018/05/22 全球购物
汉语言文学职业规划
2014/02/14 职场文书
文明寝室标语
2014/06/13 职场文书
就业协议书
2014/09/12 职场文书
会计电算化实训报告
2014/11/04 职场文书
2014年科协工作总结
2014/12/09 职场文书
家长评语怎么写
2014/12/30 职场文书
老公婚前保证书
2015/02/28 职场文书
2015年仓管员工作总结
2015/04/21 职场文书
学会感恩主题班会
2015/08/12 职场文书