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 相关文章推荐
通过上下左右键和回车键切换光标实现代码
Mar 08 Javascript
jQuery实现提示密码强度的代码
Jul 15 Javascript
JS实现网页标题随机显示名人名言的方法
Nov 03 Javascript
基于Turn.js 实现翻书效果实例解析
Jun 20 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
微信小程序 火车票查询实例讲解
Oct 17 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
微信小程序 开发经验整理
Feb 15 Javascript
值得分享和收藏的xmlplus组件学习教程
May 05 Javascript
微信小程序实现打卡日历功能
Sep 21 Javascript
JS实现简单打字测试
Jun 24 Javascript
Vue+axios封装请求实现前后端分离
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
第四节--构造函数和析构函数
2006/11/16 PHP
第五节--克隆
2006/11/16 PHP
php表单转换textarea换行符的方法
2010/09/10 PHP
php 批量替换程序的具体实现代码
2013/10/04 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
PHP+Ajax实现的博客文章添加类别功能示例
2018/03/29 PHP
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
jquery中使用循环下拉菜单示例代码
2014/09/24 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
node.js中的fs.utimesSync方法使用说明
2014/12/15 Javascript
JavaScript实现文字与图片拖拽效果的方法
2015/02/16 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
浅谈关于axios和session的一些事
2017/07/13 Javascript
js数组方法reduce经典用法代码分享
2018/01/07 Javascript
深入浅析Vue 中 ref 的使用
2019/04/29 Javascript
极简的Python入门指引
2015/04/01 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
深入浅析Python中的迭代器
2019/06/04 Python
OpenCV 之按位运算举例解析
2020/06/19 Python
美国诺德斯特龙百货官网:Nordstrom
2016/08/23 全球购物
TripAdvisor土耳其网站:全球知名旅行社区,真实旅客评论
2017/04/17 全球购物
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
先进党支部事迹材料
2014/01/13 职场文书
优秀教师的感人事迹
2014/02/04 职场文书
《彭德怀和他的大黑骡子》教学反思
2014/04/12 职场文书
平面设计专业求职信
2014/08/09 职场文书
认真学习保证书
2015/02/26 职场文书
同学毕业留言寄语
2015/02/27 职场文书
公司文体活动总结
2015/05/07 职场文书
2015年市场营销工作总结
2015/07/23 职场文书
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python
用JS写一个发布订阅模式
2021/11/07 Javascript
Java实现二分搜索树的示例代码
2022/03/17 Java/Android