俄罗斯方块javascript版本

最新推荐文章于 2022-12-03 08:47:52 发布
最新推荐文章于 2022-12-03 08:47:52 发布
阅读量916 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript function microsoft attributes constructor null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiaotao_liu/article/details/2028808
本文介绍了一个使用JavaScript编写的俄罗斯方块游戏源代码。该游戏可在浏览器中运行，支持键盘控制方块移动与旋转，实现了游戏得分及方块消除等功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这个俄罗斯方块游戏是用javascript脚本实现的，只需要将代码拷贝到文本文件中，然后将文件更名为eluosi.html. 用IE或者FireFox打开即可。

<HTML>

<META content="text/html; charset=gb2312" http-equiv=Content-Type>

<HEAD>


<title>¶íÂÞ˹·½¿é</title>
<style>
<!--
BODY
{
}
.MB
{
    BACKGROUND-COLOR: firebrick;
    CURSOR: default;
    HEIGHT: 22px;
    WIDTH: 22px
}
.SB
{
    BACKGROUND-COLOR: slategray;
    CURSOR: default;
    HEIGHT: 22px;
    WIDTH: 22px
}
.BK
{
    BACKGROUND-COLOR: white;
    CURSOR: default;
    HEIGHT: 22px;
    WIDTH: 22px
}
.GT
{
    BORDER-BOTTOM: deepskyblue thin solid;
    BORDER-LEFT: deepskyblue thin solid;
    BORDER-RIGHT: deepskyblue thin solid;
    BORDER-TOP: deepskyblue thin solid;
    CURSOR: default
}
-->
</style>

<script language="javascript">
<!--

//const KEY_LEFT  = 37;
//const KEY_UP    = 38;
//const KEY_RIGHT = 39;
//const KEY_DOWN  = 40;
//
//const BOARD_ROWS = 16;
//const BOARD_COLS = 10;
//const SMALL_BOARD_ROWS = 4;
//const SMALL_BOARD_COLS = 4;
//
//const BK_BRICK = "BK";
//const MB_BRICK = "MB";
//const SB_BRICK = "SB";

 

var KEY_LEFT  = 37;
var KEY_UP    = 38;
var KEY_RIGHT = 39;
var KEY_DOWN  = 40;

var BOARD_ROWS = 16;
var BOARD_COLS = 10;
var SMALL_BOARD_ROWS = 4;
var SMALL_BOARD_COLS = 4;

var BK_BRICK = "BK";
var MB_BRICK = "MB";
var SB_BRICK = "SB";


//Define the Constructor of Brick object.
function Brick(x, y, bBrick)
{
 // Attributes
 this.x = x;
 this.y = y;
 this.bBrick = bBrick;
}

Brick.Copy = function (x, y, b)
{
 var b = new Brick(x, y, b.bBrick);
 return b;
}

function Metrix_Heper ()
{
}

Metrix_Heper.CreateMetrix = function (x)
{
 var arr = new Array(x);
 for (var i = 0; i < x; i++)
 {
  arr[i] = new Array(x);
 }
 return arr;
}

function Metrix(x)
{  
 this.InitializeMetrixWith = function (value)
 {
  for (var i = 0; i < this.dimensionNum; i++)
  {
   for (var j = 0; j < this.dimensionNum; j++)
   {
    this.metrixArr[i][j] = Brick.Copy(i, j, value);
   }
  }
 }
 
 //Constructor
 this.dimensionNum = x;
 this.metrixArr = Metrix_Heper.CreateMetrix(x); 
}

//Define the Constructor of Bar object.
function Bar(board)
{
 // Attributes
 this.board = board;
 this.Rows = null;
 this.metrix = null;
 
 this.RandomShapeCreate = function ()
 {
  this.metrix = new Metrix(4);
  
  //Initialize Metrix

  
  //Generate random number, according to this number to generate a shape.
  var randNum = Math.floor(Math.random()*20) % 7;
  switch (randNum)
  {
   case 0:
    this.metrix = new Metrix(4);
    this.metrix.InitializeMetrixWith(new Brick(0, 0, false));
    
    for (var i = 0;i < 4; i++)
    {
     this.metrix.metrixArr[i][2].bBrick = true;
    } 
    break;
   case 1:
    this.metrix = new Metrix(3);
    this.metrix.InitializeMetrixWith(new Brick(0, 0, false));
    
    for (var i = 0;i < 3; i++)
    {                                                //  ***
     this.metrix.metrixArr[0][i].bBrick = true;   //  0*0
    }                                                //  000
    this.metrix.metrixArr[1][1].bBrick = true;      
    break;
   case 2:
    this.metrix = new Metrix(2);
    this.metrix.InitializeMetrixWith(new Brick(0, 0, false));
    
       this.metrix.metrixArr[0][0].bBrick = true;  //  **
       this.metrix.metrixArr[0][1].bBrick = true;  //  **
       this.metrix.metrixArr[1][0].bBrick = true; 
       this.metrix.metrixArr[1][1].bBrick = true; 
       break;
   case 3:
    this.metrix = new Metrix(3);
    this.metrix.InitializeMetrixWith(new Brick(0, 0, false));

    this.metrix.metrixArr[2][1].bBrick = true;  //  O0*
       this.metrix.metrixArr[0][2].bBrick = true;  //  0**
       this.metrix.metrixArr[1][1].bBrick = true;  //  0*0
       this.metrix.metrixArr[1][2].bBrick = true; 
       break;
   case 4:
    this.metrix = new Metrix(3);
    this.metrix.InitializeMetrixWith(new Brick(0, 0, false));
    
    for (var i = 0;i < 3; i++)
    {
     this.metrix.metrixArr[0][i].bBrick = true;  //***
    }                                             //*
    this.metrix.metrixArr[1][0].bBrick = true;
    break;
   case 5:
    this.metrix = new Metrix(3);
    this.metrix.InitializeMetrixWith(new Brick(0, 0, false));
    
    for (var i = 0;i < 3; i++)
    {
     this.metrix.metrixArr[0][i].bBrick = true;  //***
    }                                             //00*
    this.metrix.metrixArr[1][2].bBrick = true;
    break;
   default:
    this.metrix = new Metrix(3);
    this.metrix.InitializeMetrixWith(new Brick(0, 0, false));

    this.metrix.metrixArr[0][1].bBrick = true;  //  O**
       this.metrix.metrixArr[0][2].bBrick = true;  //  **0
       this.metrix.metrixArr[1][0].bBrick = true;  //  000
       this.metrix.metrixArr[1][1].bBrick = true; 
       break;      
  }
  
 }
 
 this.CheckCanDraw = function ()
 {
  for (var i = 0; i < this.metrix.dimensionNum; i++)
  {
   for (var j = 0; j < this.metrix.dimensionNum; j++)
   {
    b = this.metrix.metrixArr[i][j];
    if (b.bBrick)
    {
     if (this.board.IsBrick(b.x, b.y))
     {
      this.board.bRunning = false;
     }
    }
   } 
  }
       
 }

 //Draw shape on board.
 this.Draw = function(brickType)
 {
  for (var i = 0; i < this.metrix.dimensionNum; i++)
  {
   for (var j = 0; j < this.metrix.dimensionNum; j++)
   {
    b = this.metrix.metrixArr[i][j];
    if (b.bBrick)
    {
     this.board.setClass(b.x, b.y, brickType);
    }
   } 
  }
 }
 
 //Move shape to left
 this.MoveLeft = function ()
 {
  if (this._CanMoveLeft())
  {
   this.Draw(BK_BRICK);
   
   for (var i = 0; i < this.metrix.dimensionNum; i++)
   {
    for (var j = 0; j < this.metrix.dimensionNum; j++)
    {
     b = this.metrix.metrixArr[i][j];
     b.y = b.y - 1;
    }
  
   }
   
   this.Draw(MB_BRICK);
  }
 }
 
 //Move shape to right.
 this.MoveRight = function ()
 {
  if (this._CanMoveRight())
  {
   this.Draw(BK_BRICK);
   
   for (var i = 0; i < this.metrix.dimensionNum; i++)
   {
    for (var j = 0; j < this.metrix.dimensionNum; j++)
    {
     b = this.metrix.metrixArr[i][j];
     b.y = b.y + 1;
    }
  
   }
   
   this.Draw(MB_BRICK);
  }
 }
 
 //Move shape to down.
 this.MoveDown = function ()
 {
  if (this._CanMoveDown())
  {
   this.Draw(BK_BRICK);
   
   for (var i = 0; i < this.metrix.dimensionNum; i++)
   {
    for (var j = 0; j < this.metrix.dimensionNum; j++)
    {
     b = this.metrix.metrixArr[i][j];
     b.x = b.x + 1;
    }
  
   }
   
   this.Draw(MB_BRICK);
   
   return true;
  }
  else
  {
   //Delete all the line that complete a whole line.
   this.board.DeleteLine();
   
   return false;
  }
 }
 
 //Turn shape.
 this.Turn = function ()
 {
  var arr = Metrix_Heper.CreateMetrix(this.metrix.dimensionNum);
  var i;
  var j;
  
  //Generate the new shape.
  for (i = 0; i < this.metrix.dimensionNum; i++)
  {
   for (j = 0; j < this.metrix.dimensionNum; j++)
   {
    var col = this.metrix.dimensionNum - 1 - i;
    arr[j][col] = this.metrix.metrixArr[i][j].bBrick;
   }
  }
  
  //erasure the current shape on board for edge detection.
  this.Draw(BK_BRICK);
  
  for (i = 0; i < this.metrix.dimensionNum; i++)
  {
   for (j = 0; j < this.metrix.dimensionNum; j++)
   {
    b = this.metrix.metrixArr[i][j];
    if (arr[i][j])
    {
     if (this.board.IsEdge(b.x, b.y))
     {
      //if cannot turn, Draw back.
      this.Draw(MB_BRICK);
      return ;
     }
     else
     {
      if (this.board.IsBrick(b.x, b.y))
      {
       //if cannot turn, Draw back.
       this.Draw(MB_BRICK);
       return;
      }
     }
    }
   }
 
  }  
  
  //Turn shape, and draw it to board.
  for (i = 0; i < this.metrix.dimensionNum; i++)
  {
   for (j = 0; j < this.metrix.dimensionNum; j++)
   {
    this.metrix.metrixArr[i][j].bBrick = arr[i][j];
   }
  }
  this.Draw(MB_BRICK);
 }
 
 this._GetLeftBrick = function (row)
 {
  for (var i = 0; i < this.metrix.dimensionNum; i++)
  {
   var b = this.metrix.metrixArr[row][i];
   if (b.bBrick)
   {
    return b;
   }
  }
  
  return null;
 }
 
 this._GetRightBrick = function (row)
 {
  for (var i = this.metrix.dimensionNum - 1; i >= 0; i--)
  {
   var b = this.metrix.metrixArr[row][i];
   if (b.bBrick)
   {
    return b;
   }
  }
  
  return null;
 }
 
 this._GetBottomBrick = function (col)
 {
  for (var i = this.metrix.dimensionNum - 1; i >= 0; i--)
  {
   var b = this.metrix.metrixArr[i][col];
   if (b.bBrick)
   {
    return b;
   }
  }
  
  return null;
 }
 
 this._CanMoveLeft = function ()
 {
  
  for (var i = 0; i < this.metrix.dimensionNum; i++)
  {
   var b = this._GetLeftBrick(i);
   if (b != null)
   {
    if (this.board.IsLeftEdge(b.x, b.y - 1) || this.board.IsBrick(b.x, b.y - 1))
    {
     return false;
    }
   }
  }
  
  return true;
 }
 
 this._CanMoveRight = function ()
 {
  for (var i = 0; i < this.metrix.dimensionNum; i++)
  {
   var b = this._GetRightBrick(i);
   if (b != null)
   {
    if (this.board.IsRightEdge(b.x, b.y + 1) || this.board.IsBrick(b.x, b.y + 1))
    {
     return false;
    }
   }
  }
  
  return true;
 }
 
 this._CanMoveDown = function ()
 {
  for (var i = 0; i < this.metrix.dimensionNum; i++)
  {
   var b = this._GetBottomBrick(i);
   if (b != null)
   {
    if (this.board.IsBottomEdge(b.x + 1, b.y) || this.board.IsBrick(b.x + 1, b.y))
    {
     return false;
    }
   }
  }  
  
  return true;
 } 
 
}

//Define Board class.
function Board(lable, rows, cols)
{
 this.lableId = lable;
 this.nRows = rows;
 this.nCols = cols;
 this.score = 0;
 this.bRunning = false;
 
 this.getClass = function (x,y)
 {
  var GameBar = document.getElementById(this.lableId);
  return GameBar.rows[x].cells[y].className;
 }
 
 this.setClass = function (x,y,cName)
 {
  var GameBar = document.getElementById(this.lableId);
  GameBar.rows[x].cells[y].className=cName;
 }
 
 this.DeleteLine = function()
 {
  for (var i = this.nRows - 1; i >= 0; i--)
  {
   if (this._CanDelete(i))
   {
    this._SetRowValue(i, "SB");
    this._MoveDown(i);
    i++;
    
    this.score++;
    var scoreBar = document.getElementById("scoreBar");
    scoreBar.firstChild.data = "µÃ·Ö£º" + this.score;
    
   }
  }
 }
 
 this.IsLeftEdge = function (x, y)
 {
  if (0 > y)
  {
   return true;
  }
  
  return false;
 }

 this.IsRightEdge = function (x, y)
 {
  if (BOARD_COLS <= y)
  {
   return true;
  }
  
  return false;
 }
 
 this.IsBottomEdge = function (x, y)
 {
  if (BOARD_ROWS <= x)
  {
   return true;
  }

  return false;
 }
 
 this.IsEdge = function (x, y)
 {
  if (this.IsLeftEdge(x, y) || this.IsRightEdge(x, y) || this.IsBottomEdge(x, y))
  {
   return true;
  }
  
  return false;
 }
 
 this.IsBrick = function (x, y)
 {
  if (this.getClass(x, y) == MB_BRICK)
  {
   return true;
  }
  else
  {
   return false;
  }
 }
 
 this._CanDelete = function (row)
 {
  for (var i = 0; i < this.nCols; i++)
  {
   if (this.getClass(row, i) == BK_BRICK)
   {
    return false;
   }
  }
  return true;
 }
 
 this._MoveDown = function (row)
 {
  for (var i = row; i > 0; i--)
  {
   //this._SetRowValue
   for (var j = 0; j < this.nCols; j++)
   {
    //get the upper row value
    var value = this.getClass(i - 1, j);
    this.setClass(i, j, value);
    this.setClass(i - 1, j, BK_BRICK);
   }
  }
 }
 
 this._SetRowValue = function(row, value)
 {
  for (var i = 0; i < this.nCols; i++)
  {
   this.setClass(row, i, value);
  }
 }
 
 //»­Íø¸ñ
 this.DrawGridding = function ()
 {
  document.write("<Tbody id=");
  document.write(this.lableId);
  document.write(">");
  for (var i = 0; i < this.nRows; i++)
  {
   document.write("<tr>");
   
   var j;
   for (j = 0; j < this.nCols; j++)
   {
    document.write("<td class=BK>&#127</td>"); //http://www.webshu.com/tutorial/act/7,id=0205.htm ÍøÒ³°ë½Ç¿Õ¸ñµÄ·¢ÏÖ
   }
   
   document.write("</tr>");
  }
  document.write("</tbody>");
 }
 
 this.InitialzeBoard = function ()
 {
  for (var i = 0; i < this.nRows; i++)
  {
   this._SetRowValue(i, BK_BRICK);
  }
   
 }
}

var mainBoard;
var previewBoard;
var previewBar;
var movingBar;


function Initialize()
{
 mainBoard = new Board("mainBoard", 16, 10);
 previewBoard = new Board("previewBoard", 4, 4);
 
    previewBar = new Bar(previewBoard);
    movingBar  = new Bar(mainBoard);
}

var mTimer = null;

function NextBar()
{ 
 if (mainBoard.bRunning == false)
 {
  GameOver();
  return;
 }
 
 movingBar.metrix = previewBar.metrix;  //Copy shape bar from previewBar to movingBar.
 movingBar.CheckCanDraw();   //Check whether this shape can be Draw on the board.
 movingBar.Draw(MB_BRICK);           //Draw it anyway.
 
 //Draw the new shape bar on preview board.
 previewBar.Draw(BK_BRICK);
 previewBar.RandomShapeCreate();  
 previewBar.Draw(MB_BRICK);
 
}

function StartGame()
{
 mainBoard.InitialzeBoard();
 previewBoard.InitialzeBoard();
 movingBar.RandomShapeCreate();
 previewBar.RandomShapeCreate();
 previewBar.Draw(MB_BRICK);
 //movingBar.Draw(MB_BRICK);
 
 mainBoard.bRunning = true; 
 NextBar();
 
 var outTime=1100-1*100; //speed
   
    mTimer=window.setInterval("if (movingBar.MoveDown() == false) { NextBar(); }",outTime);
}

function GameOver()
{
 window.clearInterval(mTimer);
}

//
function KeyboardAction(key)
{
 if (mainBoard.bRunning == false)
 {
  return;
 }
 
 switch(key)
    {
        case KEY_LEFT:
        {  
            movingBar.MoveLeft();
           
            break;
         }
        case KEY_UP:
        {   
            movingBar.Turn();           
            break;
        }
        case KEY_RIGHT:
        {   
         movingBar.MoveRight();
            break;
        }
        case KEY_DOWN:
        {   
            if (movingBar.MoveDown() == false)
            {
             NextBar();
            }
            break;
        }
    }
}

//For firefox browser.
function keyControl(event)
{  
 KeyboardAction(event.which);   
}

//For Microsoft Internet Explorer.
function IEKeyControl()
{
 KeyboardAction(window.event.keyCode);
}

Initialize();
// -->
</script>

</HEAD>

<script language="javascript">
<!--
 if (navigator.appName == "Microsoft Internet Explorer")
 {
  document.write('<BODY bgcolor=Black onkeydown="return IEKeyControl();">');
 }
 else if (navigator.appName == "Netscape")
 {
  document.write('<BODY bgcolor=Black onkeydown="return keyControl(event);">');
 }
 else
 {
  document.write('<BODY>');
 }

// -->
</script>
<center>
<P><b><font color=red>¶íÂÞ˹·½¿é</font></b></P>

<table cellspacing=0 cellpadding=0 class=gt border=1 bordercolor="LightYellow " style="position:absolute;left:220px;top:53px;">


<script language="javascript">
<!--
mainBoard.DrawGridding();
// -->
</script>


</table>

</center>

<table style="position:absolute;top=100px;left:50px">
    <tr>
    <td id=scoreBar style="color:white">µÃ·Ö£º0</td></tr>
    <tr>
    <td id=speedBar style="color:white">Ëٶȣº1</td></tr>
</table>

<table cellspacing=0 cellpadding=0 class=gt border=1 bordercolor="LightYellow " style="position:absolute;left:570px;top:53px;">


<script language="javascript">
<!--

previewBoard.DrawGridding();

// -->
</script>


</table>

<table style="position:absolute;left:570px;top:180px;">
    <tr>
    <td><input type=button id="Play" style="width:100px" value="Play" onclick="return StartGame();"></td></tr>
    <tr><td><input type=button id="Quit" style="width:100px" value="Quit" onclick="window.close();"></td></tr>
</table>

</BODY>
</HTML>

 

xiaotao_liu
关注
JavaScript实现俄罗斯方块
竹杖芒鞋轻胜马
07-19 1510
网页版俄罗斯方块欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Mark...
javaScript版俄罗斯方块
02-13
javaScript版俄罗斯方块 俄罗斯方块，采用javascript语言编写
JS-俄罗斯方块
Code Life
03-09 408
.c {margin :1px;width:19px;height:19px;background:red;position:absolute;} .d {margin :1px;width:19px;height:19px;background:gray;position:absolute;} .f {top:0px;left:0px;background:black;position:abso
JavaScript 俄罗斯方块
甜心森的博客
12-03 494
JavaScript 俄罗斯方块
JS版的俄罗斯方块
xxb2008的专栏
12-01 839
上班偷懒写了个JS版的俄罗斯方块，给各位屌丝娱乐娱乐！BUG是有的，也还有很多可以改进的。以后有时间了再整有完美版的，         写这个DEMO主要原因是为了重温下：那些年学习程序开发时，写过的游戏DEMO。         重新拾起当年为"为激情(兴趣)而CODE"，而不是现在的为生活而CODE。工作的几年中，总是想方涉法的想在工作中学到更多关于软件开发方面的东西，总是期待在工作中能接
多库俄罗斯方块JavaScript版本
07-08
《多库俄罗斯方块JavaScript版本实现详解》 在信息技术领域，游戏开发一直是吸引人们注意力的重要领域，而作为经典中的经典，俄罗斯方块以其简洁规则和无穷挑战性深受玩家喜爱。在现代网页技术的支持下，我们可以...
俄罗斯方块浏览器版本JavaScript
最新发布
11-19
在这个信息中，我们关注的是俄罗斯方块的浏览器版本，具体使用JavaScript编写，这是一种广泛应用于网页开发的编程语言，能够实现网页交互和动态效果。 在提供的文件信息中，我们可以看到游戏的主要操作指令和控制...
JavaScript-使用javascript+phaser开发的小游戏之俄罗斯方块.zip
03-08
在压缩包中的 "JavaScript_使用javascript+phaser开发的小游戏之俄罗斯方块" 文件中，应该包含了实现以上功能的源代码。通过阅读和分析代码，你可以学习到如何结合 JavaScript 和 Phaser 实现游戏逻辑，以及如何组织...
JavaScript实现俄罗斯方块.rar
08-26
JavaScript实现的俄罗斯方块是一款基于浏览器的经典游戏，它利用了JavaScript这门强大的客户端脚本语言，为用户在网页上提供了一种重温经典游戏的方式。在本文中，我们将深入探讨JavaScript如何构建这样的游戏，并...
Javascript俄罗斯方块
劼哥舍
03-24 3583
前段时间论坛上看到，大牛贴出来的Javascript版俄罗斯方块，实在是佩服之极，恰巧本人也在学习Javascript，所以先看懂了那段代码，然后自己写了一个出来，说真的看懂和能写出来完全是天壤之别，写的时候很多次都实在想不通了，只有回头再看看代码、再想想逻辑，才能接着写下去，最终还是写出来了，不过只是具备基本功能的版本而已，之后准备再出N个版本的方块出来，一步一步完善各种功能，做一个高品质的方块
js版俄罗斯方块
03-17
俄罗斯方块，一个精典又好玩的游戏。这是一个javascript版本的俄罗斯方块。多浏览器支持（兼容IE，360，火狐等）。
俄罗斯方块 JS
11-20
原本是前苏联科学家阿列克谢·帕基特诺夫所开发的教育用软件，之后开始提供授权给各个游戏公司，造成各平台上软件大量发行的现象。 Game Boy版的俄罗斯方块在日本卖出424万套，是Game Boy史上卖最好的游戏。海湾战争时，也是前线美军最常拿消磨时间的游戏之一。 由于俄罗斯方块具有的数学性、动态性与知名度，也经常拿来作为游戏程序设计的练习题材。 俄罗斯方块曾经造成的轰动与带来的经济价值，可以说是世界游戏史上的一个奇迹。它看似简单却又变化无穷，令人上瘾。相信大多数用户都还记得为它痴迷得“茶不思饭不想”的那个俄罗斯方块时代。 俄罗斯方块上手极其简单，但是要熟练地掌握其中的操作与摆放技巧，难度却不低。作为家喻户晓老少皆宜的大众游戏，其普及程度可以说是史上任何一款游戏都无法相比的。
HTML+Javascript俄罗斯方块
05-29
本文介绍了用HTML+JavaScript技术制作俄罗斯方块的demo，包含了核心的板块，比较详细易懂，记分功能和闯关功能有兴趣的可以尝试 我还有这方面的代码可以分享
俄罗斯方块JS版俄罗斯方块JS版
03-20
俄罗斯方块JS版俄罗斯方块JS版俄罗斯方块JS版俄罗斯方块JS版
js实现俄罗斯方块
07-31
js实现俄罗斯方块，真心不错，原来JS也可以做这个，真是太棒了！
一个javascript写的俄罗斯方块
wpcsboy007的专栏
07-02 561
自己写的,随便看看吧,最近在努力研究J2ME,正在自己开发一个类似泡泡堂的手机网络游戏,到时候把源代码发来交流一下.下面这个文档直接粘贴过去就能用.无标题文档 alert("欢迎您的使用!  A,S,D分别控制方向,空格控制块块的转换,如有bug请呼QQ 58740339                                                              
【转】俄罗斯方块的实现
weixin_34253126的博客
09-18 243
2019独角兽企业重金招聘Python工程师标准>>> ...
js 实现俄罗斯方块
weixin_39394140的博客
01-27 8363
实现思路 MVC思路。三个端分工合作。可以仔细看。整个俄罗斯方块为一个二维数组。C控制M, M控制二维数组，V只要把二维数组渲染出来就行 。 视图层 html部分 <canvas id="canvas"></canvas> js部分 // 画背景 function drawBG(){ CTX.lineWidth = 1; CTX.fil...
javascript实现俄罗斯方块
liufeng0103
07-14 1072
以前一直想写俄罗斯方块，连连看，坦克大战等经典的小游戏，不过本人太浮躁，每次写一半遇到问题就放弃了。 这次是自己第一次坚持写完了这个俄罗斯方块。 对javascript不是很熟，所以一些编程的格式，用法什么的不太规范，还需继续努力，加油，学习学习在学习，练习练习在练习。 您的浏览器不支持canvas标签 score: level:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值