使用javascript制作俄罗斯方块游戏(1)

原创 2015年02月10日 09:48:38
一直想用js来做个游戏,这次总算得偿所愿,做了一个俄罗斯方块,也当是对javascript的一次有益尝试,对提高自己的js水平有很大的帮助,当然我也很愿意分享一下此次制作游戏的心得,和大家共勉。
既然要制作游戏,我觉得最重要的是首先要有一个思路,如何来让那些方块动起来,以及如何操控它们这是需要我们仔细思考的,我的思路很简单,首先用一个div画出一个区域,然后在这个区域内再铺满更小的div元素,这些内部div元素的大小全部设计成25×25像素大小,如下图

有人可能会觉得奇怪,为什么要这样喃?我们可以想一想俄罗斯方块每个形状都是由4个小方块组成的,我只需要改变其中那些div的背景色就可以组成任意形状的图形了,同理通过不断的修改背景色,就可以让方块移动起来,原理就是这样,老规矩还是先上个效果图吧!


在下篇文章中我们就可以根据当前的思路来构思代码了。

[前端 3]纯Js制作俄罗斯方块游戏

导读:在别人文章里看到了,然后写了一遍。结果出错了,然后调出来了,然后理解了一下,加了点注释,有一些想法。忘了在 哪一篇上面看的了,就贴不出来链接地址。原谅。呃,真没自己的东西,权当练打字了吧。其实,...
  • u013034889
  • u013034889
  • 2016年04月10日 00:08
  • 2042

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码,代码下载地址:http://www.zuidaima.com/share/1759652641295360.htm...
  • yaerfeng
  • yaerfeng
  • 2014年04月28日 09:52
  • 52425

github上的一个html5俄罗斯方块小游戏做了些简化

html 俄罗斯方块 --> --> html, body { background: #3b3d3b; ...
  • infinitewall
  • infinitewall
  • 2016年02月25日 10:23
  • 1371

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

 演示:http://www.7880.com/Upload/2004_Pack/20046159502441.swf俄罗斯方块是一款经典的小游戏,本例利用ActionScript将其在Flash中实...
  • good9006
  • good9006
  • 2007年06月04日 23:08
  • 1426

记MFC俄罗斯方块制作过程

  • yjn43422757
  • yjn43422757
  • 2009年08月21日 22:24
  • 6679

一个俄罗斯方块游戏源程序(VC++)

 一个俄罗斯方块游戏源程序 文件一///////////////////[stdafx.cpp]/////////////////////////// stdafx.cpp : source file...
  • good9006
  • good9006
  • 2007年06月04日 22:57
  • 1228

使用Qt开发俄罗斯方块游戏

使用Qt开发俄罗斯方块游戏,可能大家都比较感兴趣吧。那么就快看下面的详细讲解吧! 其实在Qt Creator中已经有了俄罗斯方块的例子,大家可以在帮助中搜索Tetrix进行查看。其内容如下: ...
  • imxiangzi
  • imxiangzi
  • 2016年02月15日 11:37
  • 2227

纯js实现俄罗斯方块详解与源码

对于小白来说用js实现俄罗斯方块还是有难度的,网上找了很多代码看,有的很长难懂,有的短小精悍,但不只用到了js还用到了框架,对于还未接触框架的小白宝宝,也只能无奈自己是小白了,自己写不出来那就找一篇纯...
  • d1105260363
  • d1105260363
  • 2017年08月23日 17:54
  • 483

C++编写俄罗斯方块游戏

头文件: #if !defined(AFX_WNDMAIN_H__143E8EA9_9690_4B57_A53F_95071AE2ECB8__INCLUDED_) #define AFX_WNDMAI...
  • ying909175415
  • ying909175415
  • 2014年03月11日 20:33
  • 1562

用java写的俄罗斯方块小程序

这是java课最后做的课程设计,由于java是初学的,所以做的时候有参考一些技术大牛的博客,在此表示感谢。 发在这里跟大家交流学习一下。...
  • OnlyLove_KD
  • OnlyLove_KD
  • 2016年12月22日 14:24
  • 4213
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用javascript制作俄罗斯方块游戏(1)
举报原因:
原因补充:

(最多只允许输入30个字)