1.我們先點擊選擇這個“飛機發(fā)射”的這個頁面，然后選擇箭頭所指的圖片工具為這個頁面添加一個飛機的圖片，用來做飛機的發(fā)射。 2.如圖所示，我們畫一個放置這個圖片的區(qū)域，之后鼠標單擊一下確定這個區(qū)域大小。 3.如圖所示，在確定完飛機圖片的大小區(qū)域之后，會彈出一個文件對話框，在這個對話框中，我們選擇這個戰(zhàn)機的圖片，之后點擊“打開”按鈕，就可以上傳這一張照片到頁面上了。 4.我們選擇這一張戰(zhàn)機的圖片，為這一張戰(zhàn)機的圖片添加一個軌跡， 5.在添加完這個軌跡的之后，就會出現(xiàn)這個設(shè)置軌跡的工具面板，在這個面板上點擊箭頭所指的黃色正方塊就可以添加這個關(guān)鍵幀位置，就設(shè)置這個第一幀位置在頁面下面這里。 6.在這個面板上點擊箭頭所指的黃色正方塊就可以添加這個關(guān)鍵幀位置，就設(shè)置這個最后一幀位置在頁面上面這里，這樣就做好了飛機的發(fā)射路線了 7.之后我們?yōu)檫@個發(fā)射設(shè)置一個發(fā)射的按鈕，讓我們通過點擊按鈕來 發(fā)射這個飛機，我們選擇箭頭所指的文字工具在“飛機發(fā)射”這個頁面，來輸入“發(fā)射”二字。 8.我們已經(jīng)寫好“發(fā)射”二字之后，就為這二個字設(shè)置大小、顏色和邊框等！使其看起來更像一個按鈕。 9.我們選擇飛機這二個字，為這個發(fā)射二字添加一個事件，就是點擊“發(fā)射”二字的點擊事件。 10.我們在添加完事件之后，會彈出這個事件面板，我們先點擊這個黑色的實心三角按鈕，在彈出的下拉列表菜單中，我們選擇“點擊”這一項，確定這是通過點擊觸發(fā)的事件。 11.我們點擊這個黑色的實心三角按鈕，在彈出的下拉列表菜單中，我們選擇“軌跡1”這一項，這樣點擊之后，響應(yīng)的對象就是軌跡1了。 12.我們點擊這個黑色的實心三角按鈕，在彈出的下拉列表菜單中，我們選擇“播放”這一項，這樣響應(yīng)的軌跡1就會發(fā)生播放這個動作了。 13.我們完成所有操作之后，點擊箭頭所指的“預(yù)覽”按鈕，就可以對這個ih5案例進行預(yù)覽了。 14.這個ih5的案例代碼編譯完成之后，彈出的對話框，我們點擊“確定”按鈕就可以觀看這個案例了。 15.我們點擊這個發(fā)射按鈕，這樣飛機就會按照我們原先設(shè)置的上升軌跡，進行直線上升了，一直上升到舞臺外面。 軌跡里面還可以將對象進行拖拉變形，使其運行中發(fā)生形變的漸變動畫！

1、進入工作臺，在左邊工具欄里找到音頻按鈕 2、點擊它，上傳音頻上傳后，頁面上并沒有顯示，但是可以看到已經(jīng)把音樂添加到對象樹里 3、選中音樂，頁面下方會出現(xiàn)時間軸，點擊任意時間軸上的點，可以添加標記 4、點擊播放按鈕，會從時間軸的點開始播放 5、音樂的總時長會顯示在屬性編輯欄里 6、可以調(diào)整播放的速度，設(shè)置自動播放，但是不能任意剪切音頻 7、音頻作為背景音樂，設(shè)置自動播放即可 8、也可以設(shè)置事件來觸發(fā)音樂的播放，例如添加添加一個形狀 9、選中形狀的圖層，然后點擊右邊的事件按鈕 10、彈出一個時間屬性框，在觸發(fā)條件里選擇點擊 11、在目標對象里選擇這一首歌 12、目標動作為播放 13、還可以設(shè)置延時播放，設(shè)置后，可以預(yù)覽下，這樣就能夠?qū)崿F(xiàn)點擊橢圓后播放音樂的效果

ih5提供大量專業(yè)模板，涵蓋豐富的移動交互設(shè)計樣式，包括實現(xiàn)手機多屏互動的“移動穿越”等。iH5是一款支持PC端云端編輯的網(wǎng)頁版H5工具，打開網(wǎng)址即用，提供H5編輯、效果監(jiān)測和平臺社交功能。品牌展示、動畫、游戲、建站均適用，主要面向企業(yè)用戶。iH5是、同時支持圖片（JPG、GIF、ZIP、PSD等）、音視頻、網(wǎng)頁等的上傳，并允許用戶在生成頁面中重設(shè)文件屬性的編輯器，拓展性高。H5目前有超過10項高級功能的可視化，包括：繪畫、橫幅（Banner）、畫布、物理引擎、運動模擬與監(jiān)測、智能語音識別、軸動畫、響應(yīng)設(shè)備、跨屏互動、數(shù)據(jù)庫、變量綁定、數(shù)據(jù)運算等的可視化等，也支持紅包、支付、錄音、拍照上傳、獲取用戶個人信息等微信功能。