文章目錄

• 動畫系統(tǒng)之按鈕動畫
• • 1. 按鈕Botton
  • 2. 創(chuàng)建一個Button按鈕
  • 3. 按鈕動畫
  • • 3.1 改變顏色
    • 3.2 改變圖片
    • 3.3 改變動畫
• 結(jié)語

動畫系統(tǒng)之按鈕動畫

動畫系統(tǒng)是一個比較重要的系統(tǒng)，因為我們做游戲是離不開這個東西的，但是我們又不用自己做動畫，而動畫系統(tǒng)就是管理美工做的動畫，我們加以修飾，使之適配我們的游戲

而按鈕動畫也是一個點，當(dāng)然重不重要其實還是你說了算，而按鈕動畫適配我們的2D和3D游戲

用于UI界面

1. 按鈕Botton

按鈕是我們的UI系統(tǒng)里面的一個重要的UI組件，是交互式的，可以通過綁定時間來控制游戲，比如登錄按鈕注冊按鈕，而我們一般使用的UI是UGUI，官方內(nèi)置的UI插件，也是比較好用的。

2. 創(chuàng)建一個Button按鈕

打開我們的工程，在hierarchy面板右鍵UI->Button，即可創(chuàng)建出一個Button，而一個按鈕有四個狀態(tài)，分別是默認(rèn)，被選中，被點擊，禁用

就不一一解釋了，看名字應(yīng)該就知道是什么意思了

3. 按鈕動畫

想要改變按鈕，其實有三種方法，一個是修改顏色，一個是修改按鈕圖像，一個是修改按鈕動畫

3.1 改變顏色

點擊按鈕后，打開inspector面板，在下面有四個選擇顏色的選項，就是這四個狀態(tài)

Normal就是默認(rèn)狀態(tài)的顏色

Highlighter就是被選中

Perssed就是按下

Disabled就是被禁用

禁用一般不會用到，而且使用一般也是使用灰色，所以就不改變了

我們調(diào)一下，為了明顯對比，就使用紅黃藍(lán)三原色吧

然后我們運行Unity，試試看效果吧

不錯，成功了

3.2 改變圖片

所以，我們就需要三個圖片，當(dāng)然，禁用我們還不改

我們先把按鈕的這個Transition修改一下，修改為Speite Swap

然后我們就可以改變圖片了

默認(rèn)的圖片去上面的這個地方改

然后就是這個樣

然后運行看看

OK，完成

3.3 改變動畫

然后將Transition修改為Animation

默認(rèn)動畫就不用修改，命名為NormalAnimationm

被選中我們讓按鈕放大2倍，創(chuàng)建一個HighlighterAnimation

添加一個Scale的屬性，將最中間的幀修改為xyz都是2，當(dāng)然z不修改也是也可以的，因為UI一般都是2d的

然后設(shè)置按下的動畫，設(shè)置為1.5倍，命名為PerssedAnimation

同樣設(shè)置。

然后設(shè)置狀態(tài)機，點擊自動創(chuàng)建的Button狀態(tài)機，點擊Any State右鍵Make Transition給三個動畫，然后點擊左邊的

創(chuàng)建3個tigger，命名為

然后點擊箭頭，設(shè)置三個tigger

然后運行看看效果

完美

結(jié)語

學(xué)習(xí)永無止境，保持學(xué)徒心理，才能勇攀高峰

歡迎喜愛Python，Unity（游戲開發(fā)引擎）的愛好者，讓我們一步步走向大神，成功離得不遠(yuǎn)，也就兩個字，堅持罷了！！

Unity游戲引擎宣言：

你是否熱愛游戲呢？

你是否曾經(jīng)幻想著有一天自己做出一款屬于自己的游戲呢？

不要猶豫了，趕快學(xué)習(xí)吧！

點擊鏈接查看Python社區(qū)：Python交流社區(qū)

點擊鏈接查看Unity社區(qū)：游戲開發(fā)愛好者

總結(jié)

以上是生活随笔為你收集整理的【Unity游戏开发】动画系统（三）按钮动画的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。