个人理财 如何将漂移效果添加到您的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游戏

编辑的选择

在QuickBooks Online中使用批发帐单 - 虚拟

在QuickBooks Online中使用批发帐单 - 虚拟

QuickBooks Online为会计专业人员提供免费程序。您可以注册批发价格计划,也可以免费使用QBOA。如果你选择这样做(这是一个不错的选择!),你将需要知道如何管理的事情。从您的批发帐单订阅中删除客户有时候,事情并不是这样...

基于零基础的预算与QuickBooks 2012 - 傻瓜

基于零基础的预算与QuickBooks 2012 - 傻瓜

零基预算是一个非常有用和常用的预算策略在使用QuickBooks 2012之前,您应该先了解一下。基于零的预算与顶级预算相反。零基预算从下到上工作。零基预算始于个人收入,费用,资产,负债和所有者权益账户。它检查一个特定的...

在Sage Timeslips中10个有用的键盘快捷键 - 虚拟键盘

在Sage Timeslips中10个有用的键盘快捷键 - 虚拟键盘

键盘快捷键可以是Sage Timeslips 。启动或保存一张单据,将昨天,今天或明天的日期插入日期字段,并用一个或两个按键打开和关闭定时器。以下是十大最爱。按下它做什么Ctrl + N开始一个新的投票,而工作在...

编辑的选择

可以在Photoshop Elements 11中的任意形状图层上绘制多个图形 - 虚拟模型

可以在Photoshop Elements 11中的任意形状图层上绘制多个图形 - 虚拟模型

Photoshop Elements 11中创建的任何形状图层上的图形。您可以按照与选择相同的方式添加,减去,排除重叠和相交形状。请遵循以下步骤:创建第一个形状后,在工具选项:添加到形状区域中选择一个状态按钮:...

使用读卡器将图像下载到Mac上 - 傻瓜

使用读卡器将图像下载到Mac上 - 傻瓜

您的相机可能有一个USB端口,电缆,您可以使用下载您的图像。这种方法使用相机电池电力,也相当缓慢。如果您使用读卡器,则会更快地将图像存入计算机。如果您下载了大量的图像,请考虑购买FireWire读卡器; ...

在Photoshop Elements 10中创建形状图层后,在Photoshop Elements 10中绘制多个图形 - 虚拟形状

在Photoshop Elements 10中创建形状图层后,在Photoshop Elements 10中绘制多个图形 - 虚拟形状

可以在该图层上绘制其他形状。您可以按照与选择相同的方式添加,减去,重叠和相交形状。请记住,当您在元素中创建一个形状时,您正在创建一个基于矢量的元素。向量在数学上描述形状。 ...

编辑的选择

在您的IOS应用程序中添加模态视图 - 在iPhone和iPad上虚拟视图

在您的IOS应用程序中添加模态视图 - 在iPhone和iPad上虚拟视图

对于那些希望用户(或用户想要)在应用程序流之外执行某些操作的情况非常适用。而不是使用带有后退按钮的导航控制器,而是显示一个模式视图,其中的控件允许用户选择一个动作或...

Android应用程序开发:你的Twitter应用程序的文件 - 傻瓜

Android应用程序开发:你的Twitter应用程序的文件 - 傻瓜

,这个Android Studio项目包含大约100个文件和大约170个不同的文件夹。要制作Android Twitter应用程序,您需要专注于该项目的MainActivity。 java文件。但其他一些文件需要注意。 Twitter4J API jar文件Android没有内置的通信支持...