iH5

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

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

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