H5制作軟件Hype — 物理量的介紹與使用

在Hype中制作動畫效果,除了使用錄制關鍵幀動畫以外,還可以使用它的物理量功能來進行一些動畫的制作。Hype可讓使用者控制元素的物理屬性(反彈系數,摩擦系數,空氣阻力和物體密度)。這些屬性共同實現了元素的動態效果,而僅基于關鍵幀的動畫系統很難實現這些動畫。

下面小編就通過使用Hype4,教大家如何去使用Hype的物理量功能去實現一些動畫效果。

元素物理量?

首先,值得一提的是,由于物理量具有交互性和模擬性,因此只能在網頁預覽或導出時才能查看基于物理量的動畫效果,也就是說,不能在Hype的場景編輯器中對動畫效果進行預覽。

下面小編就通過一些簡短教程演示如何使用Hype的物理量。

首先,創建兩個長條矩形元素和3個橢圓形元素在場景中,并調整位置,具體如下圖1中的場景編輯器所示。

然后在Hype右側菜單中切換到“物理量”選項卡。可以看到,物理量可供調整的有:密度、退還(反彈系數)、摩擦系數和空氣阻力,如下圖1右側紅框。

圖1:提供的4種物理量

從物理量選項卡中,元素物理量下有3個選項,分別是“停用?不施加物理量”、“靜態?互相影響、沒有移動”和“動態?全物理量主體”,如下圖2所示。

第一個選項表示不會對元素施加任何物理量,如重力摩擦力等等都不存在;第二個選項表示會對元素施加物理量但不會因為物理量而使元素移動;第三個選項表示會對元素施加之前所說的4個物理量,元素將根據實際情況進行移動變化。

圖2:元素物理量

在上述創建的場景(2個矩形和3個橢圓形)中,大家需要對最下方的一個矩形和一個橢圓形選擇元素物理量為“靜態?互相影響、沒有移動”,然后對其他3個元素選擇“動態?全物理量主體”。

物理量詳解

1.密度物理量

完成以后,對右側較大的橢圓形元素增加它的密度,切換到“物理量”選項卡,調整密度為10,如下圖3紅框所示,然后點擊Hype軟件界面右上方的頁面預覽按鈕對效果進行預覽。

圖3:調整密度為10

預覽結果如下圖4所示,默認的小球密度為0,大球由于密度調整為10,密度較大,質量較大,所以整個蹺蹺板會倒向右邊。其實增加元素的密度相當于增加元素的質量,這就是密度物理量在Hype中的作用。

圖4:密度預覽效果

2.退還物理量

下面是對退還系數的說明,需要大家對小橢圓調整它的退還系數為2.0,也就是調整它的彈性系數為2.0。調整這個系數以后,小橢圓會變得很有彈性,系數越大彈性越大,如下圖5所示。

圖5:調整退還系數為2.0

預覽結果如下圖6所示,大家可以對比圖4小球的彈跳高度,圖6的小球明顯彈得更高,這就是退還物理量在Hype中的作用(增加或減少彈性系數)。

圖6:退還系數預覽效果

3.摩擦力系數

下面是摩擦力的使用,首先創建一個矩形一個橢圓形,設置如圖7所示的場景。選中小球,設置摩擦力為1.0,然后點擊預覽按鈕對效果進行預覽。

圖7:調整摩擦力為1.0

在預覽效果中,小球會從最上面滾動到最下面,如果摩擦力增大,則滾動下落速度會相應變慢,顧名思義,增加摩擦力系數就會增加元素的摩擦力。

4.空氣阻力

最后,空氣阻力就很容易理解了,所謂空氣阻力,就是元素從高處掉落受到的阻力大小。空氣阻力變大,則元素從高處掉落下的速度就會變慢,這就是Hype中空氣阻力的作用。

好了,以上這就是小編整理的關于Hype中物理量的介紹與相關使用教程,如果想要了解更多的相關視頻功能介紹,可關注Hype視頻教程頁。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。