养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

iH5使用教程:HTML5可视化物理引擎功能

时间:2024-11-12 07:39:02

物理引擎是什么?物理引擎是一种仿真程序,可用来创建一种虚拟环境,在其中集成来自物理世界的规律。在这个虚拟的环境中包括的物体,除了物体之间的相互作用(比如碰撞)外,还包括施加到它们身上的力(比如重力)。所以本次就让小编给大家介绍下,怎样让H5中的物体可以像真实世界中的物体一样运动

方法/步骤

1、定义整个物理虚拟世界的属性:打开iH5编辑界面,先导入需要实现的碰撞素材(比如说小球碰撞组),物理引擎需要配合画布使用,因此编辑前应先在舞台下添加一个舞台大小的画布(尺寸为640*1040)。在画布下添加物理世界工具,并对其重要属性进行设置:1.水平方向重力为0:默认为0,设置其他数值后物体在水平方向上会有重力偏向。2.垂直方向重力设置为3000:重力越大,物体下落速度越快。(水平方向重力、垂直方向重力均设为0,可以模拟出无重力的太空效果)3.自动计算重力方向设置为yes:开启自动重力属性后,将根据手机平面方向自动模拟重力环境(支持苹果和大多数安卓手机,部分旧版无陀螺仪设备安卓手机无法支持)4.北墙、南墙、东墙、西墙设置为yes:决定物体是否可以飞出边界。若物体飞出去了,默认将其自动删除,可以减少系统中不必要的运算量。5.物体碰撞弹力设置为0%:0%——弹性很小,物体碰撞后好像黏在一起,并没有太大的弹射;100%——弹性很大,物体碰撞后会快速弹开。6.摩擦力设置为0%:0%——物体之间无摩擦力,很滑;100%——物体难以拖动,运动速度较慢。7.边界宽度设置为100:控制自动删除物体的宽度,一般比舞台的宽度大。边界越大,物体碰触到边界(被删除)的范围就越大,通常设为100。8.自动休眠设置为yes:当物体的运动速度慢到一定程度时,决定物体是否会停下来。

iH5使用教程:HTML5可视化物理引擎功能

2、定义画布中各实物的物理属性:我们在定义完整个物理虚拟世黢茕茚痔界的属性后,就可以对画布里的各东西进行物理属性设置了。选中对象(实物图片),在对象下添加“物体”,绘鲽判砦吟制物体碰撞边界(多边形/圆形碰撞边界),画完后可以微调。1.设置质量为1:代表物体的质量。物体的质量大小不同,碰撞效果也会不同。质量小的比较轻,容易弹,质量大的相反。当质量设置为0时,物体不受重力影响,被其他物体碰撞后不会晃动;当质量设置为非常大的数值时,被其他物体碰撞后晃动幅度较小。2.根据需要设置水平方向/垂直速度、初始角速度:运动的物体初始情况下的速度(像素/秒)。设置初速度后,拖动物体会发现其有一个运动的初速度,碰撞到其他物体后运动速度会变化。3.根据需要设置固定X坐标、固定Y坐标、固定旋转角度:决定物体被碰撞时是否会变动坐标或旋转角度。4.设置运动阻力为0、旋转阻力为5:物体运动或旋转时受到的阻力大小。阻力越大,物体碰撞后停下的速度越快。5.属于碰撞组、能够与哪些组碰撞:定义物体的碰撞组以及它们能够和哪些其他碰撞组中的对象碰撞。运用碰撞组可以减少运算量,提升运算速度。例如设置了属于碰撞组为3,即意味着碰撞组3中的物体,可以和碰撞组碰撞组2中的物体碰撞,碰撞组3中的物体不会相互碰撞。6.重力放大倍数设置为1:定义重力放大的倍数,可单独控制每个物体的重力影响(如设为负数则重力方向相反)。7.自动删除设置为yes:决定物体飞出边界后是否会被自动删除。

iH5使用教程:HTML5可视化物理引擎功能

© 一点知识