Hype

Hype中文官网 > 常见问题 > Hype之物理量的介绍与使用

Hype之物理量的介绍与使用

发布时间:2020/05/21

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

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

  1. 元素物理量 

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

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

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

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

提供的4种物理量
图1:提供的4种物理量

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

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

元素物理量
图2:元素物理量

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

  1. 物理量详解

1.密度物理量

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

调整密度为10
图3:调整密度为10

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

密度预览效果
图4:密度预览效果

2.退还物理量

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

调整退还系数为2.0
图5:调整退还系数为2.0

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

退还系数预览效果
图6:退还系数预览效果

3.摩擦力系数

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

调整摩擦力为1.0
图7:调整摩擦力为1.0

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

4.空气阻力

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

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

之后还会有更多更有趣、有用的教程发布在Hype中文网站上,欢迎大家前往关注!

作者署名:包纸

标签:物理互动动态物理实体

读者也访问过这里:
Hype中文版
创建漂亮的HTML5网页内容
立即购买
QQ 群
官方交流群:1046763737 立即加群
400-8765-888 kefu@makeding.com
热门文章
Hype制作矢量形状动态变形的动画效果
相信大家都看过一些网页动画,就是从一个矢量图形慢慢变成另外一个矢量图形。其实这个效果利用Hype可以非常简单地实现,下面小编就利用Hype 4版本,教大家如何快速简单地实现这一功能。
2020-06-09
实战:使用Hype绘制动态旅行路线(一)
小编今天给大家介绍一款HTML5动画制作软件——Hype 4。Hype 4是一款不需要使用Flash就可以进行HTML5动画制作的软件,让完全不了解代码的大家也能够轻松使用并制作自己的动画。
2020-05-22
Hype中触发事件的使用
一个优秀的网页绝不仅仅是一个静态的页面,在网页当中,还应该存在着一些点击或者触摸等主动触发事件,当用户点击页面上某处的时候,页面会相应的发生一些动态变化,这就是网页的触发事件。Hype作为一款专业的Mac端网页制作软件,同样支持触发事件功能。
2020-06-08
H5制作软件Hype导出功能详解
Hype是一款Mac端网页制作工具,它可以通过时间线录制功能制作各种各样的网页炫酷动画效果,同时也支持使用物理引擎制作动画。当然,它的强大不仅仅体现于动画制作方面,它的导出功能同样也是功能齐全,下面小编就通过使用Hype 4版本,为大家详细介绍下这款H5制作软件的导出功能。
2020-06-05
在Hype中手动编辑关键帧
在Hype中,制作动画是基于关键帧来实现的,通过时间线录制功能,Hype将为用户自动添加关键帧,不过添加关键帧以后,可能还会进行微调,那么用户该如何手动编辑关键帧呢?
2020-05-21
使用Hype进行动画制作的入门介绍
在一个网页中,如果多了一些动态元素的呈现,会使页面看起来更显得高大上一些。而Hype使用功能强大的动画系统,利用时间线录制功能,使制作者制作动画变得轻而易举。
2020-05-21