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 相关文章推荐
js setTimeout 参数传递使用介绍
Aug 13 Javascript
javascript中的作用域和上下文使用简要概述
Dec 05 Javascript
jquery实现页面虚拟键盘特效
Aug 08 Javascript
使用Angular缓存父页面数据的方法
Jan 03 Javascript
Bootstrap 手风琴菜单的实现代码
Jan 20 Javascript
json2.js 入门教程之使用方法与实例分析
Sep 14 Javascript
jQuery响应滚动条事件功能示例
Oct 14 jQuery
简单理解Vue中的nextTick方法
Jan 30 Javascript
详解express + mock让前后台并行开发
Jun 06 Javascript
layui实现数据表格隐藏列的示例
Oct 25 Javascript
使用JS实现动态时钟
Mar 12 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
Jul 31 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
玩家交还《星际争霸》原始码光盘 暴雪报以厚礼
2017/05/05 星际争霸
深入讲解PHP的Yii框架中的属性(Property)
2016/03/18 PHP
掌握PHP垃圾回收机制详解
2019/03/13 PHP
锋利的jQuery 要点归纳(一) jQuery选择器
2010/03/21 Javascript
JS维吉尼亚密码算法实现代码
2010/11/09 Javascript
js中for in的用法示例解析
2013/12/25 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
2017/01/04 Javascript
React-Native之定时器Timer的实现代码
2017/10/04 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
nodejs连接mysql数据库及基本知识点详解
2018/03/20 NodeJs
自定义vue组件发布到npm的方法
2018/05/09 Javascript
详解JavaScript中的强制类型转换
2019/04/15 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
2019/06/15 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
[04:09]2018年度DOTA2社区贡献奖-完美盛典
2018/12/16 DOTA
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
Python适配器模式代码实现解析
2019/08/02 Python
python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析
2021/02/20 Python
CSS3地图动态实例代码(圆圈向外扩散)
2018/06/15 HTML / CSS
浅谈css3中的渐进增强和优雅降级
2017/12/01 HTML / CSS
悬挂训练绳:TRX
2017/12/14 全球购物
一份比较全的PHP面试题
2016/07/29 面试题
掌上明珠Java程序员面试总结
2016/02/23 面试题
单位人事专员介绍信
2014/01/11 职场文书
幼儿园庆六一游园活动方案
2014/01/29 职场文书
军人违纪检讨书
2014/02/04 职场文书
管理建议书范文
2014/05/13 职场文书
大学生工作自荐书
2014/06/16 职场文书
干部职工纪律作风整改措施思想汇报
2014/10/11 职场文书
群众路线组织生活会发言材料
2014/10/17 职场文书
安娜卡列尼娜观后感
2015/06/11 职场文书