H5頁面設(shè)計使用教程：直線運(yùn)動／曲線運(yùn)動

1、Epub360支持設(shè)定元素的運(yùn)動軌跡，有些簡單的通過飛入飛出就可以完成， 但是 要繪制比擬復(fù)雜的直線或者曲線運(yùn)動要怎么辦呢？ 一、直線運(yùn)動的設(shè)置1頁面中添加一個元素，并選中它，找到右側(cè)的屬性面板中的動畫面板，找到直 線運(yùn)動，并點(diǎn)擊“+號添加，如圖：2.般在添加直線運(yùn)動后，會彈出直線運(yùn)動編輯面板；如果不小心關(guān)掉了，我們可以在直線運(yùn)動動畫的右側(cè)找到編輯符號“點(diǎn)擊即可再次進(jìn)入。0設(shè)畫琦也月怪胡畫名稱：球爾砂:1秒延退：0秒®曲兇:K住*出現(xiàn)力式.丄一幵始:功畫效縱:勻速:銀融徑滋轉(zhuǎn)n彝槪尿型I播睜令動畫觸握器力動畫開刪直線運(yùn)動編輯囿板動畫結(jié)束踴0/ A 4=®國團(tuán)片餾 O邑稱：球

2、+»尺寸與ti置黠值線遠(yuǎn)沏0 戦器O*3.切記，在彈出直線運(yùn)動動畫編輯面板的狀態(tài)下，去雙擊元素小球，才可以正 常畫直線，并彈出畫線提示。W動畫選項(xiàng)-O設(shè)遊朋歯屬性球直線逗動動U名稱:硃持綾秒?：1曲線運(yùn)動案例展示： 媒體邀請函 曲線運(yùn)動的設(shè)置跟直線運(yùn)動的設(shè)置根本一致，區(qū)別是畫曲線運(yùn)動路徑時，運(yùn)動路徑會自動生成拐角的弧形。1.將元素添加到頁面中，并跟上面添加直線運(yùn)動的方式一樣，添加曲線運(yùn)動。2.同樣是在彈出曲線運(yùn)動動畫編輯面板時，去雙擊元素來畫曲線運(yùn)動的路徑曲線運(yùn)動路徑等特槪黑鯨發(fā)播放完匱回開頭0動畫瞇器3動畫開始時© 犧 05快捷鍵:1. ESC退出編輯2. C繪制閉合路徑

3、 4.0取消軌跡閉合 3.Shift+鼠標(biāo)左鍵刪除軌跡點(diǎn)4.Alt(Optio n)+鼠標(biāo)左鍵添加軌跡點(diǎn)意派Epub360-專業(yè)H5設(shè)計工具意派Coolsite360-專業(yè)響應(yīng)式網(wǎng)站/微信小程序設(shè)計工具曲線;Q&A:Q:我已經(jīng)畫了運(yùn)動軌跡，要想修改雙擊怎么是替換圖片資源？A: 1.先確認(rèn)下自己使用的必須是瀏覽器，沒有的話官網(wǎng)教程頁面有下載鏈接。2要先在右側(cè)動畫面板叱®昨連翻Tf童工單擊后才進(jìn)入曲線繪制界面，此時才可以對曲線路徑進(jìn)行修改。Q:勾選跟隨路徑旋轉(zhuǎn)結(jié)果會顛倒過來怎么辦？A:這個解決方法也簡單的，只需要將圖片素材旋轉(zhuǎn)180。就可以了?？磮D：Q:如果我想要一個跳跳停停的曲線動畫怎么辦?A:只要多畫幾個就可以了。接續(xù)的動畫會以上一個動畫的結(jié)束位置開始運(yùn)動 的。潘加動畫曲線醫(yī)動T+捱交成