您的位置:首页 > Web前端 > HTML5

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

2015-07-18 22:00 495 查看
  首先这次游戏大量运用了面向对象这个概念,我们把游戏的子弹、图形、玩家、背景都想像成一个对象角色,那么有对象就有他特有的属性。

  这次的游戏制作是以个人为单位,每个人都坐一样的游戏,登陆页面采用了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,否则会造成我们所需要的三角形消失;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: