mfc制作圆形按钮_H5制作软件Hype—物理量的介绍与使用

在Hype中制作动画效果&＃xff0c;除了使用录制关键帧动画以外&＃xff0c;还可以使用它的物理量功能来进行一些动画的制作。Hype可让使用者控制元素的物理属性(反弹系数&＃xff0c;摩擦系数&＃xff0c;空气阻力和物体密度)。这些属性共同实现了元素的动态效果&＃xff0c;而仅基于关键帧的动画系统很难实现这些动画。

下面小编就通过使用Hype4&＃xff0c;教大家如何去使用Hype的物理量功能去实现一些动画效果。

元素物理量

首先&＃xff0c;值得一提的是&＃xff0c;由于物理量具有交互性和模拟性&＃xff0c;因此只能在网页预览或导出时才能查看基于物理量的动画效果&＃xff0c;也就是说&＃xff0c;不能在Hype的场景编辑器中对动画效果进行预览。

下面小编就通过一些简短教程演示如何使用Hype的物理量。

首先&＃xff0c;创建两个长条矩形元素和3个椭圆形元素在场景中&＃xff0c;并调整位置&＃xff0c;具体如下图1中的场景编辑器所示。

然后在Hype右侧菜单中切换到“物理量”选项卡。可以看到&＃xff0c;物理量可供调整的有&＃xff1a;密度、退还(反弹系数)、摩擦系数和空气阻力&＃xff0c;如下图1右侧红框。

图1&＃xff1a;提供的4种物理量

从物理量选项卡中&＃xff0c;元素物理量下有3个选项&＃xff0c;分别是“停用&＃xff1f;不施加物理量”、“静态&＃xff1f;互相影响、没有移动”和“动态&＃xff1f;全物理量主体”&＃xff0c;如下图2所示。

第一个选项表示不会对元素施加任何物理量&＃xff0c;如重力摩擦力等等都不存在&＃xff1b;第二个选项表示会对元素施加物理量但不会因为物理量而使元素移动&＃xff1b;第三个选项表示会对元素施加之前所说的4个物理量&＃xff0c;元素将根据实际情况进行移动变化。

图2&＃xff1a;元素物理量

在上述创建的场景(2个矩形和3个椭圆形)中&＃xff0c;大家需要对最下方的一个矩形和一个椭圆形选择元素物理量为“静态&＃xff1f;互相影响、没有移动”&＃xff0c;然后对其他3个元素选择“动态&＃xff1f;全物理量主体”。

物理量详解

1.密度物理量

完成以后&＃xff0c;对右侧较大的椭圆形元素增加它的密度&＃xff0c;切换到“物理量”选项卡&＃xff0c;调整密度为10&＃xff0c;如下图3红框所示&＃xff0c;然后点击Hype软件界面右上方的页面预览按钮对效果进行预览。

图3&＃xff1a;调整密度为10

预览结果如下图4所示&＃xff0c;默认的小球密度为0&＃xff0c;大球由于密度调整为10&＃xff0c;密度较大&＃xff0c;质量较大&＃xff0c;所以整个跷跷板会倒向右边。其实增加元素的密度相当于增加元素的质量&＃xff0c;这就是密度物理量在Hype中的作用。

图4&＃xff1a;密度预览效果

2.退还物理量

下面是对退还系数的说明&＃xff0c;需要大家对小椭圆调整它的退还系数为&＃xff0c;也就是调整它的弹性系数为。调整这个系数以后&＃xff0c;小椭圆会变得很有弹性&＃xff0c;系数越大弹性越大&＃xff0c;如下图5所示。

图5&＃xff1a;调整退还系数为

预览结果如下图6所示&＃xff0c;大家可以对比图4小球的弹跳高度&＃xff0c;图6的小球明显弹得更高&＃xff0c;这就是退还物理量在Hype中的作用(增加或减少弹性系数)。

图6&＃xff1a;退还系数预览效果

3.摩擦力系数

下面是摩擦力的使用&＃xff0c;首先创建一个矩形一个椭圆形&＃xff0c;设置如图7所示的场景。选中小球&＃xff0c;设置摩擦力为&＃xff0c;然后点击预览按钮对效果进行预览。

图7&＃xff1a;调整摩擦力为

在预览效果中&＃xff0c;小球会从最上面滚动到最下面&＃xff0c;如果摩擦力增大&＃xff0c;则滚动下落速度会相应变慢&＃xff0c;顾名思义&＃xff0c;增加摩擦力系数就会增加元素的摩擦力。

4.空气阻力

最后&＃xff0c;空气阻力就很容易理解了&＃xff0c;所谓空气阻力&＃xff0c;就是元素从高处掉落受到的阻力大小。空气阻力变大&＃xff0c;则元素从高处掉落下的速度就会变慢&＃xff0c;这就是Hype中空气阻力的作用。

好了&＃xff0c;以上这就是小编整理的关于Hype中物理量的介绍与相关使用教程&＃xff0c;如果想要了解更多的相关视频功能介绍&＃xff0c;可关注Hype视频教程页。