H5頁面設計使用教程:直線運動/曲線運動_第1頁
H5頁面設計使用教程:直線運動/曲線運動_第2頁
H5頁面設計使用教程:直線運動/曲線運動_第3頁
已閱讀5頁,還剩3頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

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

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

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

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論