H5移動端的各種互動動畫、遊戲已經應用的越來越廣,在各種平臺上不斷出現,對於體驗上的要求也越來越高,嘿,那我們來看看常用的幾種行為觸發方式。這裡我們用到的是Mugeda線上工具。
工具/原料
線上工具
方法/步驟
首先進入工具的建立介面
開啟後對於新增圖片,動畫效果等等這裡就不講了,主要分步講下行為觸發方面。先來講一下【拖動/轉動結束】指的是對新增行為的物體拖動或轉動結束後觸發行為。
首先把物體的【拖動/旋轉】屬性設為【自由拖動】,然後新增【播放】行為,【觸發事件】選為【拖動/轉動結束】。動畫預覽是拖動該物體,當拖動停止時,會觸發【播放】行為,幀號會變化。
【拖動物體放下】,指的是A物體拖動到B物體內部時觸發加在B物體上的行為的觸發事件。
給紅色物體命名為“a”,並設定其【拖動/旋轉】屬性設為【自由拖動】,藍色物體新增【播放】行為,【觸發事件】選為【拖動物體放下】,行為屬性設定中選【拖動物體名稱】為“a”。預覽時,拖動紅色物體到藍色物體內,當其進入藍色物體內時,會觸發【播放】行為,幀號會變化。
【拖動物體離開】,指的是將A物體從B物體內部拖動到B物體外部時,會觸發加在B物體上的行為的觸發事件。
給紅色物體命名為“a”,並設定其【拖動/旋轉】屬性設為【自由拖動】,藍色物體新增【播放】行為,【觸發事件】選為【拖動物體離開】,行為屬性設定中選【拖動物體名稱】為“a”。預覽時,拖動紅色物體離開藍色物體,當其移動到藍色物體外面時,會觸發【播放】行為,幀號會變化。
以上還是比較簡單的,如果大家還有什麼不明白的,可以關注我留言都行。