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

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