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 相关文章推荐
DOM精简教程
Oct 03 Javascript
用js实现的自定义的对话框的实现代码
Mar 21 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
Nov 22 Javascript
24款热门实用的jQuery插件推荐
Dec 24 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
request请求获取参数的实现方法(post和get两种方式)
Sep 27 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
写给小白看的JavaScript异步
Nov 29 Javascript
从setTimeout看js函数执行过程
Dec 19 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 Javascript
vue 项目软键盘回车触发搜索事件
Sep 09 Javascript
为什么node.js不适合大型项目
Apr 28 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
DOTA2 无惧惊涛骇浪 昆卡大型水友攻略
2020/04/20 DOTA
基于PHP读取TXT文件向数据库导入海量数据的方法
2013/04/23 PHP
在PHP中设置、使用、删除Cookie的解决方法
2013/05/06 PHP
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
php自定义hash函数实例
2015/05/05 PHP
游戏人文件夹程序 ver 3.0
2006/07/14 Javascript
Javascript 各浏览器的 Javascript 效率对比
2008/01/23 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
jQuery图片预加载 等比缩放实现代码
2011/10/04 Javascript
Chosen 基于jquery的选择框插件使用方法
2012/05/30 Javascript
Ext JS添加子组件的误区探讨
2013/06/28 Javascript
jQuery实现网站添加高亮突出显示效果的方法
2015/06/26 Javascript
JavaScript对数组进行随机重排的方法
2015/07/22 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
js对字符串进行编码的方法总结(推荐)
2016/11/10 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
详解angularJs指令的3种绑定策略
2017/04/13 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
深入浅出理解JavaScript闭包的功能与用法
2018/08/01 Javascript
Python基于list的append和pop方法实现堆栈与队列功能示例
2017/07/24 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
python实现三次样条插值
2018/12/17 Python
pytorch中的自定义反向传播,求导实例
2020/01/06 Python
python爬取微博评论的实例讲解
2021/01/15 Python
苹果音乐订阅:Apple Music
2018/08/02 全球购物
田径运动会开幕式及主持词
2014/03/28 职场文书
书香校园建设方案
2014/05/02 职场文书
会员卡清退活动总结
2014/08/27 职场文书
文明家庭事迹材料
2014/12/20 职场文书
三年级学生期末评语
2014/12/26 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python
TV动画「神渣☆爱豆」公开第一弹主视觉图
2022/03/21 日漫