个人理财 如何将漂移效果添加到您的HTML5游戏

如何将漂移效果添加到您的HTML5游戏

目录:

Anonim

你可以在你的HTML5游戏中以有趣的方式使用强制向量。许多赛车游戏包括打滑或漂流机制。让这种行为完全正确需要非常复杂的数学,但是您可以在不费力的情况下合理地近似这种行为。

这张图片是不够的。你真的需要看到这是一个工作程序,因为它真的很酷。当你在屏幕上移动船,船漂移和滑行。玩这真的很有趣。

<! - 1 - >

如何将漂流行为添加到您的游戏对象为了获得简单的漂移行为,只需在船的当前方向上添加一个小的力矢量,无论用户当前是否踩下油门。

这种技术是基于空间的运动(只有当加速器被按下时加力矢量)和标准汽车行为(其中行驶方向总是跟随汽车的鼻子)之间的折中。每个框架都有一些行为。

这是代码:

漂移。 html var game; var boat;函数Boat(){tBoat = new Sprite(game,“boat.png”,100,50); tBoat。 checkKeys = function(){console。日志(这个速度);如果(keysDown [K_LEFT]){this。 changeImgAngleBy(-5);} if(keysDown [K_RIGHT]){this。 changeImgAngleBy(5);} if(keysDown [K_UP]){this。 addVector(this.getImgAngle(),2);}

这个。 addVector(this.getImgAngle(),(this。speed / 20)); } //结束checkKeys tBoat。 checkDrag = function(){speed = this。 getSpeed();速度* =。 95;这个。 setSpeed(speed);} return tBoat;}函数init(){game = new Scene();游戏。 SETBG( “#000066”);船=新船();游戏。 start();} //结束init函数update(){游戏。明确();船。 checkKeys();船。 checkDrag();船。 update();} 如何将漂移添加到游戏的精灵

这是一个非常简单的程序。

建立一个标准的车辆模型。考虑制造一艘船,只是为了变化。

  1. 使用力矢量进行加速。再次,你手动控制速度,所以addVector()机制给你很大的力量。加速度力矢量(在向上箭头键中使用)可以是文字值,但不需要太大。因为你实际上要添加第二个力矢量,所以你可能需要减小加速度矢量。

    每帧添加一个小的力矢量。主要的力量矢量只在你加速的时候才会发生,但是每一帧都会增加一个次要的小矢量。这个矢量是沿着船目前的方向。这个小的运动矢量将模拟动量。这个力矢量是速度的百分比,而不是字面值,这一点很重要。例如,如果你总是向前移动一个像素,那么船就永远不会停下来。

如何将漂移效果添加到您的HTML5游戏

编辑的选择

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

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

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

如何构建IOS应用程序

如何构建IOS应用程序

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

编辑的选择

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

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

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

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

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

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

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

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

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

编辑的选择

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

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

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

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

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

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

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

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

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