<center>Tumult Hype文檔</center>
如果你對于Tumult Hype不熟悉，我們的文檔將是您學(xué)習(xí)所有的Hype的不可思議的功能的最好的方式。
你的學(xué)習(xí)渠道
簡單的提綱
概述
Tumult Hype 3 是OS X平臺上用于創(chuàng)建HTML5的一款程序。由Hype創(chuàng)建的互動式內(nèi)容和動畫可以在PC，智能手機和iPad上使用。
場景
場景是用來將內(nèi)容分開組織的非常有用的方式。他們相當(dāng)于PPT或者Keynote中的側(cè)邊欄。
元素
元素是場景里的對象。他們可以是形狀，文字，按鈕，有紋理的按鈕，圖像，視頻，或者HTML 插件。
動畫
Tumult Hype 使用的是基于幀的動畫系統(tǒng)，來對元素進行移動和變換。它的記錄功能使得創(chuàng)建動畫十分容易。
時間線
時間線包括了動畫。每個場景至少擁有一條時間線，場景也可以同時包含多條時間線。通過使用操作中的開始，暫停，繼續(xù)時間線可以創(chuàng)建出復(fù)雜多樣的文件出來。
操作
場景，時間線和動畫是所有的Tumult Hype文件的基礎(chǔ)。操作則將這些基礎(chǔ)聯(lián)系在一起，使得文件是可以交互的。
響應(yīng)式布局
響應(yīng)式布局使得我們可以對于同樣的一個場景創(chuàng)建多種不同的布局，從而達到可以在不同的特定的視圖中展現(xiàn)不同的布局的效果。
可變換的布局
一個強大的可以用來調(diào)整文檔和元素尺寸大小的布局系統(tǒng)，可變換的布局使得我們的Hype的動畫可以根據(jù)瀏覽器窗口和設(shè)備窗口的改變而改變。
物理量
物理量使得我們可以控制一個元素的物理屬性：彈性，摩擦力，空氣阻力，密度，以及場景重力物理量。
符號
符號是一個能夠使你可以簡單的重復(fù)利用元素，時間線以及動畫的強大工具。
字體
文字大小和布局的控制，支持谷歌字體和自定義字體。
音頻和視頻
Tumult Hype 支持通過最新的HTML5的音頻和視頻的API，來創(chuàng)造還有豐富的多媒體內(nèi)容的文檔。
接觸和移動
Tumult Hype提供了多種可以產(chǎn)生友好互動的選擇。
Hype Reflect
Hype Reflect是使得你可以在任何的iOS設(shè)備上快速預(yù)覽和查看你的Tumult Hype文件的iOS軟件。
預(yù)覽和導(dǎo)出
在本地瀏覽器上預(yù)覽你的Tumult Hype文檔，以及將您的文檔導(dǎo)出為web支持的格式。
資源庫
資源庫包含了所有的被添加至Tumult Hype文檔的圖像，視頻，javascript函數(shù)以及其他文件。
JavaScript
Tumult Hype中的JavaScript函數(shù)大都是為了響應(yīng)用戶操作而運行的。
模版
模版是“凍干“的Hype文檔——打開一個Hype的模版就是創(chuàng)建時一個基于打開的模版的新文檔。
檢查器
Tumult Hype的九個檢查器提供了方便的修改文檔，場景，元素屬性的方式，同時還提供了一系列的其他的控制方式。
快捷鍵
探索Tumult Hype的大量的鍵盤快捷鍵來使得我們更高效的工作。
版本歷史
歷數(shù)我們自2011年3月20日以來發(fā)布的所有的版本。
正文部分
<a name="a"></a>
概述
Tumult Hype是一個OS X上的創(chuàng)建HTML5的軟件。由其創(chuàng)建的交互式的內(nèi)容和動畫可以在筆記本，智能手機和iPad上播放。
用Tumult Hype創(chuàng)建出美麗的動畫內(nèi)容，來使你的網(wǎng)頁瀏覽者們驚嘆吧！
Tumult Hype是一款HTML5創(chuàng)作工具。我們常提到的HTML5其實是一個包含了最新的HTML標(biāo)簽，CSS格式和改進的Javascript體驗的一個技術(shù)平臺。HTML5可以給你帶來極好的視覺體驗以及舒暢的動畫，但是前提是，你需要復(fù)雜的編程
Tumult Hype的強大的基于幀的動畫的技術(shù)，使得你的創(chuàng)作內(nèi)容活起來了，我們的產(chǎn)出的可以稱得上藝術(shù)的HTML5的內(nèi)容可以在幾乎所有的現(xiàn)代的瀏覽器和移動終端（例如iPad和iPhone）上使用。不需要編程。
Tumult 專業(yè)版
Tumult Hype 專業(yè)版可以通過內(nèi)嵌購買得到，擁有許多的相對應(yīng)于Hype3的升級功能。
- 響應(yīng)式的布局
- 物理量
- 創(chuàng)建可重復(fù)使用的符號
- 主要內(nèi)容的持久符號
- 黑色的交互主題
- 可編輯的時間函數(shù)
- 網(wǎng)格線
- 可重新布局的交互頁面
- 模版
- 自定義行為
Tumult Hype 專業(yè)版的交互
![Interface pro][pro]
[pro]: http://tumult.com/hype/documentation/3.0/images/overview-prolayout@2x.jpg "Hype Professional Interface"
使用者指南會帶你完整的了解整個產(chǎn)品，同時給出詳細(xì)有深度的關(guān)于Tumult Hype及其專業(yè)版的工作細(xì)節(jié)。為了幫助您區(qū)別標(biāo)準(zhǔn)版本和專業(yè)版本的功能，所有的文檔內(nèi)的章節(jié)中包含專業(yè)版本功能的將會標(biāo)示上以下的標(biāo)簽：任何沒有這個標(biāo)簽的章節(jié)部分則為在專業(yè)版和普通版中都共有的功能。
HYPE PRO ONLY
Tumult Hype的交互
![Interface][base]
[base]:http://tumult.com/hype/documentation/3.0/images/InterfaceOverview@2x.png "Hype Interface"
Tumult Hype還提供了大量的檢查器來操作我們的文檔，場景，元素等。我們將會在檢查器的章節(jié)著重討論這個內(nèi)容。
Tumult Hype專業(yè)版的交互
在Tumult Hype專業(yè)版中，兩個功能被解鎖了：專業(yè)黑色版本和自定義用戶行為。
![dark][dark]
[dark]:http://tumult.com/hype/documentation/3.0/images/OverviewProfessionalDarkandLightInterface@2x.png "Theme"
<center>專業(yè)深色版和標(biāo)準(zhǔn)版本</center>
如果你愿意，你可以在用戶偏好設(shè)置里將主題改回標(biāo)準(zhǔn)版本。
點擊并且拖曳檢查器，場景，布局檢查器或者時間線部分的自定義檢查器手柄，來將各部分調(diào)至你想要的尺寸。
![drag][drag]
[drag]:http://tumult.com/hype/documentation/3.0/images/overview-interface-drag@2x.png "drag"
自定義視圖手柄
當(dāng)你拖動視圖的時候，Tumult Hype會高亮顯示附近的可放置區(qū)域。
關(guān)鍵術(shù)語
使用Tumult Hype我們需要知道7個專業(yè)術(shù)語：場景，元素，屬性，關(guān)鍵幀，動畫，時間線，操作。下面我們會逐一的解讀這些術(shù)語。與此同時，熟練的掌握這些術(shù)語，你將會與其他的Tumult Hype使用者無障礙的交流。
場景
每個Tumult Hype文檔都是由一個或者多個場景組成。這里的場景類似于Keynote或者PPt的側(cè)邊欄。場景包含了元素和時間線。操作用于不同的場景之間的切換。
元素
元素是指的場景中的可以操作的對象。他們可以是形狀，文本，按鈕，有紋理的按鈕，圖像，視頻，或者HTML小組件。
屬性
屬性是指的那些定義元素的格式，位置以及輔助信息的值。大多的屬性是可以動畫化的。屬性是通過操作場景編輯器中的元素來定義或者改變，也可以通過改變檢查器中的值來改變。對于絕大多數(shù)元素，屬性可以定義元素的位置，大小，顏色，邊框，或者是應(yīng)用在這個元素上的一些作用。
關(guān)鍵幀
關(guān)鍵幀是用來定義時間線上某一特定時間的屬性值的。
動畫
動畫在一段時間里改變某一屬性的值。他們通過兩個關(guān)鍵幀來定義，這個兩個關(guān)鍵幀是用來設(shè)定動畫的開始和結(jié)束時候的屬性值的。Tumult Hype將會自動在任何的擁有不同的值的關(guān)鍵幀之間創(chuàng)建動畫。動畫還擁有不同的進出的效果，不同的轉(zhuǎn)變的速度，比如說：漸入，漸入，漸入漸出，立即，彈性，線性。進一步的，通過使用移動路徑，元素可以沿著任意的復(fù)雜的曲線動作。
時間線
時間線包含動畫。每個場景有一個主時間線，將會在該場景出現(xiàn)的時候，自動開始。場景可以擁有不同的時間線，這些時間線可以與主時間線平行的播放，同時我們可以通過操作來控制時間線的播放。
操作
操作可以使得你的文檔互動起來。在這些概念中，操作是用來改變場景，控制時間線播放，開始或者停止聲音，運行自定義的JavaScript程序。操作通過用戶的行為觸發(fā)，比如說點擊鼠標(biāo)或者觸控手勢；也可以是場景行為，比如說場景加載，或者時間線播放完成等。操作也可以被放置在某一時間線中，在某個特定的時間觸發(fā)。
符號
符號是用來讓你方便的重復(fù)利用元素，時間線，以及動畫的強大的工具。你可以將符號理解為場景內(nèi)的場景：符號包含自己的元素，時間線，操作，以及可以獨立于場景被單獨觸發(fā)的行為。因為編輯某一個符號可以改變所有的符號內(nèi)容，所以符號可以用在不同的場景間分享同一相同元素，或者在同一場景內(nèi)不同位置分享同一元素。
行為
自定義行為使得你可以像Hype內(nèi)置的可以觸發(fā)的操作手柄一樣創(chuàng)建屬于你自己的操作手柄。和Hype的內(nèi)置的操作手柄一樣，你自己的自定義行為可以出發(fā)一系列的操作。行為保證了你在創(chuàng)建和使用復(fù)雜的操作的時候不需要重復(fù)性工作。
<a name="b"></a>
場景
場景是用來區(qū)分和組織內(nèi)容的有效方式。他們類似于Keynote和PPt的側(cè)邊欄。場景包括了元素和時間線。操作用來進行不同的場景之間的轉(zhuǎn)換。每個場景包含了一組獨有的元素和時間線；修改某個場景內(nèi)的元素或者時間線不會影響到別的場景里的時間線或者元素。
場景操作
每一個Tumult Hype 文檔都是默認(rèn)由一個場景開始。場景菜單有以下幾個選項可以讓我們用來進行場景操作。
- 新場景－創(chuàng)建新的場景并且選擇新場景進行編輯。
- 復(fù)制場景－創(chuàng)造一個與當(dāng)前場景完全一致的場景，復(fù)制當(dāng)前場景的所有的元素，時間線和動畫。
- 復(fù)制場景（不包括動畫）－創(chuàng)建一個與當(dāng)前場景完全一樣的場景，復(fù)制當(dāng)前場景的所有的元素，但是不包括當(dāng)前場景的時間線和動畫。這個命令十分的有用，常常用來創(chuàng)建那些復(fù)雜的需要跨越多個場景的動畫。
- 刪除場景－刪除當(dāng)前場景，去除所有的相關(guān)的元素，時間線和動畫。
- 轉(zhuǎn)到場景－提供了一個子菜單，包含了所有的當(dāng)前文檔的場景，選擇其中一個，然后編輯這個場景。
Tumult Hype的場景檢查器——由工具欄的顯示場景按鈕切換——提供了另外一種對于場景的控制。創(chuàng)建新的場景使用增加場景按鈕＋，重新對場景進行排序可以拖動放置，而重命名場景則可以雙擊名稱。同樣的，場景可以通過在場景檢查器部分被選擇，然后選擇編輯>復(fù)制，然后選擇編輯>粘貼。
<center><img src="http://tumult.com/hype/documentation/3.0/images/ScenesSceneControlsv3pro@2x.png" width="350px" /></center>
<center>場景檢查器</center>
默認(rèn)的，所有的文檔里的場景都是一樣的尺寸的，而且，選擇別的默認(rèn)尺寸或者改變場景的長寬會改變所有的場景。為了僅僅改變現(xiàn)有的場景的大小，我們可以將場景檢查器里的“應(yīng)用到所有場景”不勾選。
<center><img src="http://tumult.com/hype/documentation/3.0/images/ScenesSceneSizePro@2x.png" width="350px"></center>
<center>場景尺寸控制（場景檢查器）</center>
正在活躍的場景的背景顏色的設(shè)定是通過場景檢查器里顏色選擇中的背景顏色來實現(xiàn)的。為了使得當(dāng)前的文檔透明，同時保證其他的文檔不會因此改變他們的背景顏色，打開文檔檢查器，取消選中選項部分的將選擇應(yīng)用至所有場景。
改變場景
操作用于不同場景之間的切換。Tumult Hype有很多種的觸發(fā)操作的方式，比如說鼠標(biāo)操作里的單擊鼠標(biāo)，場景事件里的時間線完成，或者是在時間線里的某一特定時間。所有的這些觸發(fā)操作都可以引發(fā)通過不同的場景切換方式轉(zhuǎn)到另一個場景。操作章節(jié)會有更多的關(guān)于Tumult Hype的操作觸發(fā)的內(nèi)容，以及不同的操作，比如說轉(zhuǎn)到另一場景。
標(biāo)尺
通過選擇查看>顯示標(biāo)尺來現(xiàn)實場景標(biāo)尺，通過相應(yīng)的查看>隱藏標(biāo)尺命令可以隱藏標(biāo)尺。Tumult Hype通過標(biāo)尺可以顯示目前所選中的元素的邊界。
指南
<p>視圖指南在元素在場景上被移動的時候出現(xiàn)和消失。指南幫助元素的排隊——對應(yīng)其他的元素，相對于整個場景的位置。默認(rèn)的，元素自動對齊至附近的指南，這一行為可以通過取消選中視圖菜單中的對齊至指南命令來關(guān)閉。</p>
<p>場景和所有的元素都自動的定義了他們的視圖指南。場景的自動指南定義了它的邊緣和中心，類似的，每個元素的自動指南也自動的定義了他的中心和邊緣。</p>
<p>我們也可以向場景添加手動的指南。通過選中視圖>指南>添加水平指南或者添加垂直指南。手動創(chuàng)建的指南可以被拖動至場景的任意位置，也可以把他們拖動出創(chuàng)建來刪除它們。視圖>指南菜單功能里包括了顯示，隱藏，鎖定，復(fù)制和粘貼指南等功能。</p>
<p>在視圖>指南菜單中有一個十分有用的功能——添加布局指南命令。選擇這個指令會出現(xiàn)一個選擇創(chuàng)建哪個指南的對話菜單。從這個菜單中，你可以創(chuàng)建指定數(shù)目的行或者列，或者兩個指南之間的距離。布局指南可以安排內(nèi)容行列對齊。</p>
<center><img src="http://tumult.com/hype/documentation/3.0/images/ScenesLayoutGuides@2x.jpg" width="300"></center>
網(wǎng)格系統(tǒng)
HYPE PRO ONLY
<p>為了幫助大家能夠很好的排布我們的內(nèi)容，Hype Pro支持布局網(wǎng)格。Hype Pro的布局網(wǎng)格采用最流行的960網(wǎng)格系統(tǒng)的精神，來幫助你方便的創(chuàng)建列，以及排布列間距，使得你可以很好的排布內(nèi)容。</p>
<p>想要創(chuàng)建布局網(wǎng)格，請選擇視圖>布局網(wǎng)格>創(chuàng)建網(wǎng)格命令。在布局網(wǎng)格編輯器中，你可以設(shè)定布局網(wǎng)格的寬度，也可以定義列的數(shù)量，還可以設(shè)置兩列之間的距離。</p>
<center><img src="http://tumult.com/hype/documentation/3.0/images/scene-layoutgrid@2x.png" width="300"></center>
<p>
單擊創(chuàng)建網(wǎng)格將添加一個覆蓋到當(dāng)前場景，同時定義了網(wǎng)格的欄和欄間距。元素對齊到網(wǎng)格，使得你可以很好的對應(yīng)著網(wǎng)格安排你的內(nèi)容。同時，因為有用戶指南和智能指南，我們可以通過拖動的時候按下命令鍵，來禁用元素對齊功能。類似的，對齊功能可以通過選擇禁用視圖>對齊元素菜單來永久禁用這個功能。如果你想要通過網(wǎng)格功能來視圖元素，但是不想覆蓋在場景上，選擇視圖>布局網(wǎng)格>隱藏網(wǎng)格；重新顯示網(wǎng)格則選擇視圖>布局網(wǎng)格>顯示網(wǎng)格。</p>
<p>改變目前的布局網(wǎng)格的設(shè)置：選擇視圖>布局網(wǎng)絡(luò)>編輯網(wǎng)格，而取消網(wǎng)格則是視圖>布局網(wǎng)格>去除網(wǎng)格。</p>
元素
<p>元素是指在場景上的對象。他們可以是形狀，文字，按鈕，有紋理的按鈕，圖像，視頻，音頻或者HTML小組件</p>
文字
<p>通過插入>文字菜單選項，向目前的場景中添加文字，或者通過使用元素工具欄按鈕。文字檢查器可以允許你更改選中元素的字形，大小，顏色，格式，陰影，間隔等。</p>
