首頁 > 開發者 > JavaScript

60行js代碼實現俄羅斯方塊

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

60行js代碼實現俄羅斯方塊

 這是我之前網上看到的,很牛逼的一位大神寫的,一直膜拜中

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

<!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>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More