个人理财 如何将方法添加到您的HTML5游戏中的类 - 虚拟

如何将方法添加到您的HTML5游戏中的类 - 虚拟

视频: 【游戏反坑局】傻瓜式游戏制作引擎免费啦!我也能做游戏吗? 2024

视频: 【游戏反坑局】傻瓜式游戏制作引擎免费啦!我也能做游戏吗? 2024
Anonim

属性描述HTML 5游戏中对象的特征, 方法 描述行为。方法是一个与对象相关的函数。您可以像创建属性一样构建方法,但不是添加简单的值,而是将整个函数分配给名称。

例如,小动物的下一个版本有一个changeSpeed()方法。当用户按下向上箭头时,小动物会加速,当用户按下向下箭头时,小动物会放慢速度(最终走向另一个方向)。下面是使用新方法的小动物代码:

<! --1 - >
critterChangeSpeed。 html var game;无情的小动物函数Critter(){tCritter = new Sprite(game,“critter.gif”,30,30); tCritter。速度= 0; tCritter。 checkKeys = function(){ if(keysDown [K_RIGHT]){ 这个。速度++; } 如果(keysDown [K_LEFT]){ 这个。速度 -; } tCritter。 setSpeed(this。speed); } // end method return tCritter;} function init(){game = new Scene();小动物=新的小动物();游戏。开始();}功能更新(){游戏。明确(); 小动物。 checkKeys(); 小动物。 update();}

请注意,当用户按下键时,它会移动。对于这个和大多数例子来说,静态图像不足以帮助你看到发生了什么。

<! - 2 - >

在这个新版本的程序中,Critter对象有一个新的行为。实质上,一个方法只不过是一个类中定义的函数。不要惊慌。这真的不是很难弄清楚。你告诉系统如果用户曾经要求Critter对象改变速度该怎么做。

  1. 创建一个名为checkKeys的新属性。在JavaScript中,属性和方法是完全一样的东西。如果您将常规变量附加到对象,则它是一个属性。如果你附加一个函数,这是一个方法。 (属性名称通常是名词,方法名称通常是动词或动词短语。)

    构建一个包含行为的新方法。
  2. changeSpeed不是一个普通的属性,而是一个方法,所以你会附加一个函数。 (对于计算机科学专业的学生来说,像这样建立一个匿名函数就是

    lambda 函数的一个例子,在期中考试中注意!) 检查键盘输入。

  3. 制作一个Critter对象时,它已经知道如何查找自己的按键。

    根据键盘输入更改速度。

  4. 如果用户向右按,则增加速度(默认方向,正向速度将精灵向右移动)。如果用户按下左键,则降低速度。

    使用setSpeed()方法更改实际速度。

  5. 为生物提供蓝图的Sprite对象已经有了一个setSpeed()方法。使用此方法使对象以指定的速度移动。

    在方法中,使用this关键字。

  6. 当您在构造函数中创建一个方法时,计算机可能会对事物的名称感到困惑。大多数情况下,你正在添加一个名为tCritter的临时小动物的东西。为了消除混淆,如果需要引用其他正在修改的对象的属性或方法,请使用general关键字而不是对象的实际名称。

    修改update()函数,让小动物检查键盘。请记住,主update()函数每帧发生一次。任何你想每帧发生一次应该在update()中调用。给小动物添加一个电话。 checkKeys()。这将提醒生物每隔一帧检查一次键盘,并根据需要改变速度。

如何将方法添加到您的HTML5游戏中的类 - 虚拟

编辑的选择

探索Solid Tools 8 - 傻瓜

探索Solid Tools 8 - 傻瓜

Solid工具为Google SketchUp建模者提供了一种全新的方式工作。实体建模操作(或布尔操作)使您能够通过相互之间添加或减去其他形状来创建所需的形状。这种类型的建模在其他3D应用程序中实际上很常见;现在SketchUp可以做...

地理定位您的SketchUp模型 - 虚拟模型

地理定位您的SketchUp模型 - 虚拟模型

SketchUp是唯一被授予完全访问Google巨大的地理奇迹 - 当你花了六年时间成为谷歌稳定的成员时,会发生这种情况。按照以下步骤为您的SketchUp文件添加地理位置快照:确保您在线。 Google的所有地理数据都是...

如何在SketchUp房屋模型中添加二楼

如何在SketchUp房屋模型中添加二楼

直接在下面的一个顶部保证您的SketchUp建筑模型中的所有内容排成一列。有些人主张“打到旁边”,把事情放在一起,但这是一个麻烦的办法。这是你如何添加二楼的房子模型。追踪内部...

编辑的选择

如何在Photoshop CS6中创建云 - 虚拟人物

如何在Photoshop CS6中创建云 - 虚拟人物

Photoshop CS6中的云过滤器可以鼓起一片满天的只需点击鼠标即可从头开始。此过滤器使用来自前景和背景颜色的随机值创建云。事实上,大多数Photoshop老手使用这个过滤器太多,他们的图像中有一个惊人的云数量。 ...

如何使用Adobe Output Manager创建PDF演示文稿 - 傻瓜

如何使用Adobe Output Manager创建PDF演示文稿 - 傻瓜

您可以创建PDF ,多页面和演示文稿,以及网络画廊,通过桥梁的输出面板。便携式文档格式(PDF)是Adobe Acrobat的本地文件格式,已经变成了一种非常有用且接近通用的格式。很难找到没有Adobe Reader的计算机(免费软件来打开和查看PDF文件)...

如何在Adobe Photoshop CS6中创建剪切路径 - 虚拟人物

如何在Adobe Photoshop CS6中创建剪切路径 - 虚拟人物

如果要创建美丽的人影在Adobe Photoshop CS6中,可以很好地传输到其他应用程序进行文本换行,创建剪贴路径。剪切路径本质上是一个矢量路径,它定义了图像的哪一部分是可见的,哪一部分是透明的。通常围绕一个对象创建一个路径...

编辑的选择

约会50后:满足大量可用人在线 - 虚拟人物

约会50后:满足大量可用人在线 - 虚拟人物

作为新人50多岁的时候,你可能会遇到你们教会的每一个人,你们将通过那个场地见面。也许有一些新的人会弹出,但不是太多,而不是单身。但网络是不同的。新人总是出现。关系分手,配偶...

约会50:确定你是一个好听众 - 假人

约会50:确定你是一个好听众 - 假人

这里是一个在50岁以上成功约会的重要提示:确保你是一个很好的倾听你的约会的人。以下是有效倾听的前五个要素:稳定,专注的眼神接触微笑和面部表情,表明你已经理解,并且你很专心问题要求更多...

约会50后:重新学习如何成为一个伟大的爱人 - 傻瓜

约会50后:重新学习如何成为一个伟大的爱人 - 傻瓜

Copyright©2014 AARP 。版权所有。当你在50岁之后再次开始约会时,你的性习惯可能有点生疏。不要被你不知道的东西吓倒。作为一个伟大的情人,有一些基本的规则,如果你和你的伴侣有一个共同的愿望,以取悦每一个...