javascript俄罗斯方块【附带源码】
在看了W3C的关于ECMScript的对象及继承后,先是完成贪吃蛇的实现。最近又抽空实现了下俄罗斯方块。对于俄罗斯方块重要的不是游戏本身,而是在这个过程中对于javascript继承的使用。
当然在一些对象的划分及使用过程还存在瑕疵,算法也不算最优,发布出源码只是想做个交流。以下就提供源代码供大家参考,也为自己做个备份。也可在直接点击下载。游戏效果图为:
这里对代码不做说明了,可以看代码块中的注释//********************************Utils.js*******************************************************
/**
* 辅助类
* @author leeyee
* @blog blog.csdn.net/oxcow
* @email seadlead@gmail.com
* @data 2010-4
*/
/**
* 创建DOM元素
*
* @param sTagName
* 元素名
* @param sTagId
* 元素ID
* @param sText
* 元素文本
* @return DOM元素对象
*/
function createElement(sTagName, sTagId, sText) {
var oElement = document.createElement(sTagName);
if (sTagId != null) {
oElement.setAttribute("id", sTagId);
}
if (sText != null) {
oElement.appendChild(document.createTextNode(sText));
}
return oElement;
}
function RandomEventUtils() {
}
/**
* 得到从零到N的随机整数
*
* @param iN
* 最大整数
* @return 0-iN的随机整数
*/
RandomEventUtils.getIntRandomNumfromZeroToN = function(iN) {
var iR = Math.random() * iN;
return Math.round(iR);// 舍尾取数
};
/**
* 获取某个元素在数组中的位置
*
* @param vItem
* 目标元素
* @return 目标元素在数组中的索引
*/
Array.prototype.indexOf = function(vItem) {
for ( var i = 0; i < this.length; i++) {
if (vItem == this[i]) {
return i;
}
}
return -1;
};
/**
* 获取数组的长度。不包括undefined元素
*
* @return
*/
Array.prototype._length = function() {
var __len = 0;
for ( var i = 0; i < this.length; i++) {
if (this[i] != undefined) {
__len++;
}
}
return __len;
};
/**
* 清除数组中的undefined元素
*
* @return 数组清除后的数组(数组长度改变)
*/
Array.prototype.cleanUndefinedElement = function() {
for ( var i
相关文档:
转自:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片跑马灯</title>
</head>
<body>
<div style="overflow:hidden; width:350px" id='div'>
<!-- 这里是第一个关键点,o ......
// 学习要想拷贝那么快就好了
//
// JavaScript 的继承是基于 prototype 的,每个对象的 prototype 是保存在对象的 __proto__ 属性中的,这个属性是内部(internal)的属性( 惯例是内部的或者隐藏的属性以 _ 开头)
// A prototype-based language has the notion of a prototypical object, an object used as a template ......
1. 一种面向对象语言需要开发者提供以下四种基本能力。
(1)封装---把相关信息(无论属性还是方法)存储在对象中的能力。
(2)聚集---把一个对象存储在另一个对象内的能力。
(3)继承---由另一个类(或多个类)得来类的属性或方法的能力。
(4)多态---编写能以多种方法运行的函数或方法的能力。
2. 把对象的所 ......
//过滤两端的空格
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}
//过滤左边的空格
function ltrim(str){
return  ......