Hype 4（Mac系統(tǒng)）是一款專業(yè)的HTML5制作軟件，可實(shí)現(xiàn)優(yōu)秀的視覺效果，并帶來(lái)更流暢的動(dòng)畫播放效果。Hype 4對(duì)新手用戶相當(dāng)友好，即使大家從未接觸過(guò)編碼式的HTML5制作方法，也可以運(yùn)用Hype 4的可視化操作功能構(gòu)建HTML5的動(dòng)畫內(nèi)容。

另外，Hype 4可定制性的操作界面功能，允許用戶自行創(chuàng)建符合自身使用習(xí)慣的操作界面，提高了軟件使用的靈活性。接下來(lái)，本文將詳細(xì)介紹Hype 4的場(chǎng)景、播放控制、時(shí)間線以及元素面板

一、場(chǎng)景面板

Hype 4的場(chǎng)景面板是用戶進(jìn)行場(chǎng)景管理的功能面板，包含了創(chuàng)建、復(fù)制、刪除等功能。場(chǎng)景是Hype 4進(jìn)行HTML5制作的基礎(chǔ)，如同演示文稿中的幻燈片一樣，為用戶提供作品的創(chuàng)作場(chǎng)所。

如圖2所示，場(chǎng)景面板的左側(cè)為各個(gè)場(chǎng)景的縮略圖，而右側(cè)就是用戶進(jìn)行內(nèi)容制作的地方。用戶可為場(chǎng)景導(dǎo)入各種元素，如圖片、文字、形狀等。

二、播放控制面板

Hype 4的播放控制面板位于場(chǎng)景的下方，用以控制場(chǎng)景內(nèi)的動(dòng)畫播放。播放控制面板依次包含了轉(zhuǎn)到開頭、上一幀、播放/暫停、下一幀、循環(huán)播放以及記錄六個(gè)按鈕，用戶可通過(guò)單擊這些按鈕來(lái)控制動(dòng)畫的預(yù)覽。

位于播放控制面板右側(cè)的時(shí)間刻度，標(biāo)注的是當(dāng)前播放動(dòng)畫的時(shí)間刻度。用戶可自行輸入時(shí)間刻度，來(lái)快速定位動(dòng)畫。

三、時(shí)間線面板

Hype 4的時(shí)間線面板，是用于裝載動(dòng)畫的重要工具。時(shí)間線面板與場(chǎng)景密切相關(guān)，是依附于場(chǎng)景而存在的，因此每個(gè)場(chǎng)景都會(huì)包含一條或多條的時(shí)間線。

用戶可以為時(shí)間線添加操作，如跳轉(zhuǎn)到下一個(gè)場(chǎng)景、觸發(fā)行為等，從而為HTML5的制作添加動(dòng)畫效果。

四、元素面板

Hype 4的元素面板展示的是當(dāng)前場(chǎng)景中所包含的所有元素，這些元素可能是文字、圖片、音頻、視頻等。

單擊元素右側(cè)的“眼睛”按鈕，可以隱藏或顯示當(dāng)前元素；而單擊“眼睛”按鈕右側(cè)的“鎖”按鈕，則可以控制元素編輯的鎖定與否。

場(chǎng)景、元素兩個(gè)面板是Hype 4進(jìn)行HTML5制作的基礎(chǔ)面板，而時(shí)間線面板以及播放控制面板能為HTML5的制作增添更多動(dòng)畫的內(nèi)容。在接下來(lái)的Hype用戶界面詳細(xì)解讀（下）中小編將為大家介紹其他內(nèi)容