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

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

2、+»尺寸與ti置黠值線遠(yuǎn)沏0 戦器O*3.切記，在彈出直線運(yùn)動(dòng)動(dòng)畫編輯面板的狀態(tài)下，去雙擊元素小球，才可以正 常畫直線，并彈出畫線提示。W動(dòng)畫選項(xiàng)-O設(shè)遊朋歯屬性球直線逗動(dòng)動(dòng)U名稱:硃持綾秒?：1曲線運(yùn)動(dòng)案例展示： 媒體邀請函 曲線運(yùn)動(dòng)的設(shè)置跟直線運(yùn)動(dòng)的設(shè)置根本一致，區(qū)別是畫曲線運(yùn)動(dòng)路徑時(shí)，運(yùn)動(dòng)路徑會(huì)自動(dòng)生成拐角的弧形。1.將元素添加到頁面中，并跟上面添加直線運(yùn)動(dòng)的方式一樣，添加曲線運(yùn)動(dòng)。2.同樣是在彈出曲線運(yùn)動(dòng)動(dòng)畫編輯面板時(shí)，去雙擊元素來畫曲線運(yùn)動(dòng)的路徑曲線運(yùn)動(dòng)路徑等特槪黑鯨發(fā)播放完匱回開頭0動(dòng)畫瞇器3動(dòng)畫開始時(shí)© 犧 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è)計(jì)工具意派Coolsite360-專業(yè)響應(yīng)式網(wǎng)站/微信小程序設(shè)計(jì)工具曲線;Q&A:Q:我已經(jīng)畫了運(yùn)動(dòng)軌跡，要想修改雙擊怎么是替換圖片資源？A: 1.先確認(rèn)下自己使用的必須是瀏覽器，沒有的話官網(wǎng)教程頁面有下載鏈接。2要先在右側(cè)動(dòng)畫面板叱®昨連翻Tf童工單擊后才進(jìn)入曲線繪制界面，此時(shí)才可以對曲線路徑進(jìn)行修改。Q:勾選跟隨路徑旋轉(zhuǎn)結(jié)果會(huì)顛倒過來怎么辦？A:這個(gè)解決方法也簡單的，只需要將圖片素材旋轉(zhuǎn)180。就可以了?？磮D：Q:如果我想要一個(gè)跳跳停停的曲線動(dòng)畫怎么辦?A:只要多畫幾個(gè)就可以了。接續(xù)的動(dòng)畫會(huì)以上一個(gè)動(dòng)畫的結(jié)束位置開始運(yùn)動(dòng) 的。潘加動(dòng)畫曲線醫(yī)動(dòng)T+捱交成