个人理财 如何将倾斜控件添加到您的HTML5游戏

如何将倾斜控件添加到您的HTML5游戏

Anonim

移动设备有一个非常有趣的输入机制,允许您通过倾斜来控制HTML5游戏中的对象。这与一个称为 加速度计 的特殊车载工具一起工作,该工具跟踪运动。加速度计实际上是测量旋转角度的,你可以用它来在你的游戏中获得很好的倾斜控制。

<! simpleGame库有一个名为Accel的特殊对象,封装了加速度计。它非常像Joy对象。

创建一个Accel对象。

  1. SimpleGame有一个Accel对象。创建这个对象来打开加速度计测试。

    使用方法来确定倾斜。

  2. Accel对象有一个特殊的方法getAX()和getAY()来指示旋转量。

    <! - 2 - >

    修改加速度值。
  3. AX和AY分别显示围绕X轴和Y轴的旋转量。值范围从-9到9.通常,您需要修改倾斜值以获得您想要的行为。这通常涉及一些简单的数学计算。

    这是加速的代码。 html:

加速。 html var game; var球;

var accel 函数init(){game = new Scene(); ball = new Sprite(game,“redBall.png”,50,50); accel = new Accel(); 游戏。 start();} //结束init函数update(){游戏。明确(); newDX = accel。 getAY(); newDY = accel。 getAX(); newDX * = -5; newDY * = -5; 球。 setDX(newDX); 球。 setDY(newDY); 球。 update();} 加速度计易于使用:

制作一个变量来保存加速度计对象。

你可以调用你的变量加速器。
  1. 使用加速。 getAX()旋转X.

    getAX()方法返回围绕X轴的倾斜百分比。 X轴在屏幕上从一边到另一边,所以围绕X的旋转通常与沿着Y轴的运动绑定!

  2. 使用acccel。 getAY()来确定围绕Y的旋转。同样,getAY()方法描述沿(垂直)Y轴倾斜的百分比。通常,您将使用getAY()来控制水平运动。

    不要关心Z轴。

  3. 您也可以沿着Z轴(从屏幕中心到鼻子)读取旋转角度,但这通常不会有帮助。假设(现在)中立位置完全平躺在桌子上。

    当设备完全躺在一张完全平坦的桌子上时,getAX()和getAY()会得到零值。

  4. 使用比例因子进行实验。

    您通常必须将getAX()和getAY()结果乘以某个数值才能获得所需的行为。如果你乘以负数5,你会得到适当的值为dy和DX。你需要试验以得到你想要的行为。

如何将倾斜控件添加到您的HTML5游戏

编辑的选择

古饮食计划:吃什么早餐 - 假人

古饮食计划:吃什么早餐 - 假人

一个发展的挑战早餐的一个古人(洞穴人)饮食膳食计划重新定义了哪些食物适合早餐的想法。谷类或鸡蛋和面包的非古式“传统”早餐不会削减它。不要试图将你的旧餐理念改造成新的古代格式,你可以尝试吃任何东西...

如何构建IOS应用程序

如何构建IOS应用程序

在Xcode中构建iOS应用程序意味着编译所有源代码代码文件在项目中。在构建和运行从模板创建的项目时,看到您所得到的结果真是令人兴奋。构建和运行应用程序相对简单;只需按照以下步骤操作:在工具栏中,选择一个方案...

编辑的选择

如何计算企业的盈亏平衡点 - 傻瓜

如何计算企业的盈亏平衡点 - 傻瓜

以下是您想知道的关于您拥有的业务或操作:您想知道公司必须达到的销售收入才能达到收支平衡。换句话说,你想知道产生零利润的销售收入数量,而不是零损失。幸运的是,无论是这种计算,还是...

如何使用QuickBooks 2014评估财务费用 - 傻瓜

如何使用QuickBooks 2014评估财务费用 - 傻瓜

您可以告诉QuickBooks在逾期时评估财务费用客户发票。为此,您首先设置财务费用计算规则。完成此操作后,您可以通过选择QuickBooks命令轻松评估逾期金额的财务费用。设置财务费用规则要设置财务费用规则,请选择...

如何计算QuickBook 2012中的盈亏平衡点 - 傻瓜

如何计算QuickBook 2012中的盈亏平衡点 - 傻瓜

QuickBooks 2012允许您计算产品盈亏平衡点快速简单。盈亏平衡点显示产生零利润和零损失的销售收入。记得进行利润 - 成本 - 成本分析的公式吗?它是这样的:利润=(销售收入x毛利率百分比) - 固定成本而不是计算利润的基础上...

编辑的选择

如何更改您的计算机的用户帐户图片 - 傻瓜

如何更改您的计算机的用户帐户图片 - 傻瓜

不仅每个使用您的计算机的人都有他自己的用户帐户,但每个用户都可以添加一个图片到用户帐户。所以,如果你不喜欢与你的用户帐户相关的图片,你运气好 - 你可以改变它。无论你选择什么样的图片,它都会出现在欢迎...

:如何更改您的计算机的桌面背景 - 傻瓜

:如何更改您的计算机的桌面背景 - 傻瓜

Windows桌面为您提供灵活性使其个性化。您可以在桌面上显示您最喜欢的孙子的照片,或使用您选择的颜色作为背景。改变电脑桌面背景的可能性几乎是无止境的。您甚至可以应用桌面主题,它应用了多种颜色和...

为老年人:如何选择一个桌面主题为您的计算机 - 虚拟

为老年人:如何选择一个桌面主题为您的计算机 - 虚拟

窗口内置桌面主题,您可以应用快速更改您的计算机的桌面的外观。这些桌面主题保存了包括菜单外观,背景颜色或图案,屏幕保护程序,甚至鼠标光标和系统声音的元素集。主题保存包含菜单外观,背景颜色或图案的元素集合...