关闭

JavaScript-俄罗斯方块

标签: 俄罗斯方块javascript
129人阅读 评论(0) 收藏 举报
分类:


<!DOCTYPE html>
<html>
 <head></head>
 <body> 
  <div id="box" style="width:252px;font:25px/25px 宋体;background:#000;color:#9f9;border:#999 20px ridge;text-shadow:2px 3px 1px #0f0;"></div> 
  <script>
var map=eval("["+Array(23).join("0x801,")+"0xfff]");
var tatris=[[0x6600],[0x2222,0xf00],[0xc600,0x2640],[0x6c00,0x4620],[0x4460,0x2e0,0x6220,0x740],[0x2260,0xe20,0x6440,0x4700],[0x2620,0x720,0x2320,0x2700]];
var keycom={"38":"rotate(1)","40":"down()","37":"move(2,1)","39":"move(0.5,-1)"};
var dia, pos, bak, run;
function start(){
	dia=tatris[~~(Math.random()*7)];
	bak=pos={fk:[],y:0,x:4,s:~~(Math.random()*4)};
	rotate(0);
}
function over(){
	document.onkeydown=null;
	clearInterval(run);
	alert("GAME OVER");
}
function update(t){
	bak={fk:pos.fk.slice(0),y:pos.y,x:pos.x,s:pos.s};
	if(t) return;
	for(var i=0,a2=""; i<22; i++)
		a2+=map[i].toString(2).slice(1,-1)+"<br/>";
	for(var i=0,n; i<4; i++)
		if(/([^0]+)/.test(bak.fk[i].toString(2).replace(/1/g,"\u25a1")))
			a2=a2.substr(0,n=(bak.y+i+1)*15-RegExp.$_.length-4)+RegExp.$1+a2.slice(n+RegExp.$1.length);
	document.getElementById("box").innerHTML=a2.replace(/1/g,"\u25a0").replace(/0/g,"\u3000");
}
function is(){
	for(var i=0; i<4; i++)
		if((pos.fk[i]&map[pos.y+i])!=0) return pos=bak;
}
function rotate(r){
	var f=dia[pos.s=(pos.s+r)%dia.length];
	for(var i=0; i<4; i++)
		pos.fk[i]=(f>>(12-i*4)&15)<<pos.x;
	update(is());
}
function down(){
	++pos.y;
	if(is()){
		for(var i=0; i<4 && pos.y+i<22; i++)
			if((map[pos.y+i]|=pos.fk[i])==0xfff)
				map.splice(pos.y+i,1), map.unshift(0x801);
		if(map[1]!=0x801) return over();
		start();
	}
	update();
}
function move(t,k){
	pos.x+=k;
	for(var i=0; i<4; i++)
		pos.fk[i]*=t;
	update(is());
}
document.onkeydown=function(e){
	eval(keycom[(e?e:event).keyCode]);
};
start();
run=setInterval("down()",400);
</script> 
 </body>
</html>


0
0
查看评论

俄罗斯方块源码

#include #include #include #include #include #include #ifdef _MSC_VER // M$的编译器要给予特殊照顾 #if _MSC_VER <= 1200 // VC6及以下版本 #error...
  • qq_22512533
  • qq_22512533
  • 2015-05-03 23:18
  • 1427

用面向对象方法进行俄罗斯方块游戏设计(持续更新中)

游戏介绍:顾名思义,俄罗斯方块自然是俄罗斯人发明的。这位伟人叫做阿列克谢·帕基特诺夫(Alexey Pazhitnov)。这款游戏操作简单,老少皆宜,也是一个不错的练手项目。首先给几个经典的游戏界面先(当然,我们的目的是做出类似的效果)游戏界面1:游戏界面2:游戏界面3:游戏界面4:游戏的...
  • bruesz
  • bruesz
  • 2008-03-20 17:42
  • 7803

俄罗斯方块(flash游戏制作)

 演示:http://www.7880.com/Upload/2004_Pack/20046159502441.swf俄罗斯方块是一款经典的小游戏,本例利用ActionScript将其在Flash中实现出来。游戏中共有7种形状的方块,它们出现并下落的顺序是随机 的,与传统的俄罗斯方块一样,...
  • good9006
  • good9006
  • 2007-06-04 23:08
  • 1425

俄罗斯方块的设计思路

前段时间帮人写了个俄罗斯方块的Demo,今天有时间分享下设计思路。 分析: 游戏中会出现7种形状,每种形状在游戏中都能够旋转,形成新的形状。每种形状都是由方形的色块组成的。 数据类: Shape:形状类,总共7个。 Block:方块类,其实只有一个贴图的属性。 关于旋转: 为每个形状寻...
  • c_boy_lu
  • c_boy_lu
  • 2015-04-10 18:43
  • 5368

俄罗斯方块之三 基本类型设计

// 列举出所有形状的枚举 enum BlockType { I2, // 竖线,由2个方块组成 I3, // 竖线,由3个方块组成 I4, // 竖线,由4个方块组成 ...
  • zhangchen124
  • zhangchen124
  • 2017-05-03 21:29
  • 1079

C#实现俄罗斯方块

C#实现俄罗斯方块
  • Qian_F
  • Qian_F
  • 2014-02-23 19:24
  • 10653

cocos2d-x俄罗斯方块--基于简单工厂的程序重构

1 前言 前些天看了一个Cocos2D写的俄罗斯方块代码(下载网址为:http://www.okbase.net/file/item/27944),代码逻辑很清晰。 2 讨论 俄罗斯方块游戏逻辑很简单(其实细节也很多),主要包含五个部分:下移、左移、右移、形状变换(上移)以及消行。于是,该代码...
  • XIANG__jiangsu
  • XIANG__jiangsu
  • 2015-11-26 21:32
  • 1641

windows下实现win32俄罗斯方块练手,编程的几点心得

编程珠玑2阅读笔记: 1.使用c语言性能监视器,完成对代码的调优工作 2.关联数组:  拓扑排序算法,可以用于当存在遮挡的时候决定三维场景的绘制顺序。 3.小型算法中的测试与调试工具 脚手架程序:《人月神话》一个软件产品中应该有一半的代码都是脚手架。 类似,小型的代码库 4...
  • wangyaninglm
  • wangyaninglm
  • 2016-03-05 22:23
  • 3620

编写俄罗斯方块思路

一、首先要分析有哪些对象并且
  • ouz123456m
  • ouz123456m
  • 2014-07-22 09:37
  • 1040

三维空间游戏--俄罗斯方块

三维游戏-俄罗斯方块
  • u011857433
  • u011857433
  • 2014-11-20 23:35
  • 1303
    个人资料
    • 访问:145154次
    • 积分:1742
    • 等级:
    • 排名:千里之外
    • 原创:33篇
    • 转载:11篇
    • 译文:0篇
    • 评论:87条