Html5消除方块游戏总结-其他

 

　　首先这次游戏大量运用了面向对象这个概念，我们把游戏的子弹、图形、玩家、背景都想像成一个对象角色，那么有对象就有他特有的属性。

　　这次的游戏制作是以个人为单位，每个人都坐一样的游戏，登陆页面采用了css和html5代码技术，并且在起背景图方面利用css3的动画效果做了一个不断滚动的动画效果，在第二个页面给玩家提供了选取道具的界面，这个界面也采用了css、html5技术，外加一个点击事件，利用对象原理，当用户选择了道具后，触发相应的事件，利用对象属性进行操作，当用户选取了道具后，进入游戏画面，这个页面我们就大量采用了js代码和css、html5；最后还有一个统计分数排名的界面，这里我们利用对象属性，对用户闯关奖励进行统计，以及最高分的排名等；

　　

　　　　1、就是ul利用table的属性进行对自己进行复制：

　　　　　　 1.    ul里面启用table的属性 命令：display：table；
   　　　 　  2.    在li里启用table的属性，mingl：display：table-cell；（两者作用是运用table属性里填充颜色时可以充满整个td）
     　　 2、没有被引用的对象，会被浏览器当做垃圾回收消失；

　　　　3、学习用css里的border设计出三角形，**

     　　　　   1. 具体就是先写出一个矩形
      　　　　  2. 对矩形的每个边框进行颜色设置，并且设置边框的宽度 （最好设置宽一点）
        　　　　3. 然后将矩形的宽和高设置为0；
      　　　　  4. 这时会呈现出4颜色不同的三角形，
      　　　　  5. 取我们所需要的三角形，剩余的三个三角形颜色进行透明化处理；
       　　　　 6. 如果要在三角形下面写入其他的标签，则对其需要三角形对面的三角形边框宽度设置为0；
      　　　　  7. 注意，不要对左右的三角形边框进行设置为0，否则会造成我们所需要的三角形消失；