【Unity3D】2D动画
1 圖片處理
????????通過 PS 軟件將以下 gif 文件中的黑色背景刪除,并將其中的 18 個圖層分別保存為 png 格式圖片。
2 游戲對象
? ? ? ? 1)游戲對象層級結構
????????2)Transform組件參數
| MainCamera | Camera | (0, 3, -7) | (0, 0, 0) | (1, 1, 1) | —— |
| Plane | Plane | (0, 0, 0) | (0, 0, 0) | (15, 15, 15) | #AE7603FF |
| Sprite | Sprite | (-2, 3, 2) | (0, 0, 0) | (1, 1, 1) | #FFFFFFFF |
? ? ? ? 3)Sprite 游戲對象
3 動畫?
? ? ? ? 1)創建 Animation
????????在 Hierarchy 窗口選中 Sprite 游戲對象,再依次選擇【Window→Animation】(或按 Ctrl + 6 快捷鍵),打開 Animation 窗口,如下
? ? ? ? ?點擊 Create,重命名 Animation 并保存,此時會生成 Animation.anim 和 SpriteController.controller 2 個文件,如下:
? ? ? ? ?雙擊 SpriteController 動畫控制器,會打開 Animator 窗口,顯示如下:
? ? ? ? ?再查看 Sprite 游戲對象,發現自動添加了 Animator 組件,并且將 SpriteController 動畫控制器添加其中,如下:
????????2)添加動畫圖片
? ? ? ? 選中 Sprite 游戲對象,按 Ctrl + 6 快捷鍵打開 Animation 窗口,選中 walk1~walk18 圖片(圖片的 Texture Type 需要修改為 Sprite),拖拽到 Animation 窗口中,如下:
? ? ? ? ?調整 samples 取值為 8(幀率,8幀 / 秒).
? ? ? ? 3)添加 Position 屬性
? ? ? ? 依次選擇【Add Property→Transform→Position→+】,?添加 Position 屬性。
? ? ? ? ?將第一幀和最后一幀的 Position 分別改為 (-2, 3, 2), (2, 3, -2),中間的幀不用改,會自動插值。
4 運行效果
總結
以上是生活随笔為你收集整理的【Unity3D】2D动画的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: uniapp中引入colorUI
- 下一篇: Vue 父子组件双向绑定传值