码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-18 22:38:07      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:

  学习了最重要的-面向对象后,在这次游戏里,我还学习了其他重要的知识,以及对以前知识进行回顾和复习。

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

  这次的游戏制作是以个人为单位,每个人都坐一样的游戏,登陆页面采用了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,否则会造成我们所需要的三角形消失;

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

标签:

原文地址:http://www.cnblogs.com/gong-ping/p/4657776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!