學習筆記:Unity戰斗卡牌游戲(一)-----NGUI基礎組件使用及代碼修改獲取


找到一個視頻學習,資源和源碼都有,作者還有群,群里氣氛挺活躍的,一些用到的軟件群里也有共享,居然還有群友催作者更新教程視頻,問技術問題也有人積極回答,而且看了看教程目錄感覺講得挺深入淺出的,不是太簡單的demo,就打算上手開始學習。

盡管作者錄音質量很差,速度很快(點擊按鈕時說“我們點擊這個按鈕”,無論啥按鈕都是用“這個”表示,從來不說按鈕名),但是還是感覺講得挺好(不只有步驟,還有講這么做實現的效果或者利弊)。。。而且廢話不多。。。其博客是:http://www.xiaobao1993.com/886.html,其qq群是:162541429


一 學習UGUI

因為作者用的是UGUI,我之前沒學過,就跑去游戲蠻牛看了看UGUI的官方教程,大概了解了怎么布局怎么用。


二 下載素材

因為視頻前4集素材和后面用的不一樣,所以有些東西和視頻的不對應得自己從下來的素材中找,但是至少還是能找到的,而且界面布局步驟是一樣的,有種看完視頻自己做小練習的感覺,感覺還是挺練手的。

后來發現作者居然更新視頻了。。。。重新下了看看,還好沒有看完舊版的。

項目及視頻下載地址:http://pan.baidu.com/s/1gdCKDaj


三 學習界面布局

1. 自制Atlas圖集,並切九宮格

好處:節省圖片大小

1) 用TexturePacker打包

image

image

得到一個.png一個.txt文件

image

2) unity導入圖片並設置

image

3)添加材質

image

4) 添加圖集預設

image

5)畫九宮

image


2. 設置Label字體

1)導入字體

image

2)添加Label和Label的字體

image

image

3)獲取Label並修改屬性

public class test : MonoBehaviour {
    UILabel label;
    void Start () {
        label = gameObject.GetComponent<UILabel>();
        label.text = "Hello, 飛飛!";
        label.color = new Color(111.0f / 255, 1, 1);
        label.alpha = 0.5f;
        label.effectStyle = UILabel.Effect.Shadow;
        label.effectColor = Color.yellow;   
    }
}
image

3. 做登錄界面

制作輸入框:

1) 背景框 :Input1

2)Label :Acc

步驟:

a) 在Input1上加Box Collider,並讓其自動匹配大小

image

b) 在Input1上加UIInput,並匹配Acc

image

做密碼框時要調整輸入類型

image

做出界面如下:

image

image


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM