左右方块消除html5,html5消除方块游戏总结-对象

在短短2周内，做了2个项目，虽然时间很紧凑，很累，但我觉得这很充实，在每次的实战项目演练过程中都能发现许多平常不遇到的问题，也只有实际操作项目，才能让我所学知识活学活用，并且能够更快的适应实际工作中的项目。

这周做的是一个小游戏，一个小人物根据相同的颜色来消除方块的项目，虽然做游戏的时间很短暂，但我觉得我收获颇丰，不断的学习，让我觉得更踏实，虽然累，我也觉得很值得，这次项目主要让我们理解和使用面向对象编程这个概念。

对象是一个抽象的概念，是一种面对人的思维方式，人有特征，就如对象里的属性，而人有行为，就如对象里的方法；

但是怎样理解一个抽象的东西呢，在我理解看来对象就像是汽车厂里的图纸，他只是一种概念性东西，只能提供思路，让我们有一个明确方向，而要让对象实则化--即产生实例就需要new一个，这是js里对象产生实例对重要一点，我们通常叫new一个(var objs = new obj())；这里的实例就像是汽车厂里的每个车间生产的零件一样，根据图纸来生产出各种零件，但是光有图纸是不能够产生零件的，这里就还需要一个最重要的东西，那就是产生这个零件所需要的机器，这个机器就类似于js里面的原型，这是产生实例的一个重要工具。

那么在js里，如何产生实例呢？在这里，就需要用原型命令了(obj.prtottype.属性)；

所以，对象-原型-实例这三者之间的关系就很直观了，也容易理解。

这次游戏在学习除了面向对象以外，还学习了其中面向对象最重要一个就是-继承

何为继承，继承就是对我们对象里重复的属性代码进行一个封装，可以充分利用资源的扩展性和重用性；

设定为父元素，然后当有子元素时，子元素就继承父元素里面的一些属性，这里有两种方法进行操作：

1. 对象冒充法(要检验是否是真正的子元素只需在后面打印：obj.instanceof 父元素)；

name， age是父元素的属性；

1. 方法1：

1. this.inhert=obj；

2. this.inhert(name, age);

3. delete this.inhert;

2. 方法2：obj.call(this,name,age)

3. 方法3：obj.apply(this,[name,age])

4. call和apply差别就是最后传递参数的差别，一个是数组一个是逗号隔开；

2. 真实继承法

1. 子元素.prototype = new 父元素

左右方块消除html5,html5消除方块游戏总结-对象相关推荐

html扑克牌游戏源码,html5扑克牌消除小游戏源码
特效描述:html5扑克牌消除小游戏源码.html5扑克牌消除小游戏源码代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 $(function(){ //实现随机洗牌 neusoft ...
打砖块小游戏php程序,利用原生js实现html5打砖块小游戏（代码示例）
本篇文章给大家通过代码示例介绍一下利用原生js实现html5打砖块小游戏的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 前言 PS:本次项目中使用了大量 es6 语法,故对于 ...
如何用html做一个贪吃蛇,如何用HTML5制作贪吃蛇游戏
如何用HTML5制作贪吃蛇游戏发布时间:2020-07-09 15:09:59 来源:亿速云阅读:122 作者:Leah 如何用HTML5制作贪吃蛇游戏?很多新手对此不是很清楚,为了帮助大家解决这 ...
【转】HTML5第一人称射击游戏发布
[CSON原创]HTML5第一人称射击游戏发布功能说明: 游戏中在躲避敌人攻击的同时,需要收集三种不同的钥匙,开启对应的门,最后到达目的地. 该游戏同样基于自己开发的HTML5游戏框架cnGameJ ...
HTML5+canvas激流勇进网页游戏源码
介绍: HTML5+canvas激流勇进网页游戏,游戏玩法:使用左键.右键和上箭头键移动. 网盘下载地址: http://kekewangLuo.cc/qn9O6AvpNW10 图片:
基于HTML5的贪吃蛇游戏的设计与实现
基于HTML5的贪吃蛇游戏的设计与实现功能要求: 贪吃蛇游戏是一款经典的单机休闲游戏,玩家通过上下左右按键控制蛇头的移动方向使其向指定方向前进,并吃掉随机位置上产生食物来获得分数.每吃掉一次食物,贪 ...
html5坦克游戏ppt说明,HTML5制作的坦克游戏
HTML5制作的坦克游戏本游戏是基于HTML5开发的网页游戏,js,css辅助开发源码如下: 坦克大战坦克大战(请使用IE浏览器) style="background-color:b ...
html游戏技术文档编写,HTML5编写的小游戏
HTML5编写的小游戏 HTML5 是什么东西?而 HTML5 的优势又在哪里?大家可以回顾之前一篇相关文章了解下 HTML5 知识:<深入分析:Flash VS HTML5到底谁统江山> ...
html坦克游戏,HTML5制作的坦克游戏
HTML5制作的坦克游戏本游戏是基于HTML5开发的网页游戏,js,css辅助开发源码如下: 坦克大战坦克大战(请使用IE浏览器) style="background-color:b ...
40套各种风格游戏行业网站html5模板wap手机游戏资讯网站模板游戏动漫设计公司html模板游戏公司网站模板html5网页静态模板Bootstrap扁平化网站源码css3手机seo自适响应
40套各种风格游戏行业网站html5模板wap手机游戏资讯网站模板游戏动漫设计公司html模板游戏公司网站模板html5网页静态模板Bootstrap扁平化网站源码css3手机seo自适响应. 不仅仅 ...

左右方块消除html5,html5消除方块游戏总结-对象

左右方块消除html5,html5消除方块游戏总结-对象相关推荐

最新文章

热门文章