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,否则会造成我们所需要的三角形消失;
这次的游戏制作是以个人为单位,每个人都坐一样的游戏,登陆页面采用了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消除方块游戏总结-对象
- HTML5 Socket通信
- 自己写了个H5版本的俄罗斯方块
- H5版俄罗斯方块(5)---需求演进和产品迭代
- storm on yarn(CDH5) 部署笔记
- storm on yarn(CDH5) 部署笔记
- html5小游戏基础知识
- HTML5新增了哪些标签
- HTML5新增了哪些标签
- 关于canvas的lineTo()方法和ClosePath()
- HTML5使用Canvas完成刮刮乐效果
- 新方向,新路程
- 9款超绚丽的HTML5/CSS3应用和动画…
- atitit.html5动画特效----打水漂 ducks_and_drakes
- atitit.html5动画特效----打水漂 ducks_and_drakes
- HTML5实现屏幕手势解锁
- HTML5日期输入框(date)
- HTML5学习笔记简明版(10):过时的元素和属性
- impala-2.1.2-CDH5.3.2
- HTML5 QQ登录背景动态图片