Download - NGUIでimage button
Transcript
![Page 1: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/1.jpg)
NGUIでImageButton作成
14年1月4日土曜日
![Page 2: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/2.jpg)
はじめに
NGUIでボタンを作成するときの手順をまとめときます。
14年1月4日土曜日
![Page 3: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/3.jpg)
環境について• Mac:OSX 10.9
• Unity:4.3
• Xcode:5.0.2
• NGUI:3.0.6 f7
※iPhone向けのプロジェクトです
14年1月4日土曜日
![Page 4: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/4.jpg)
はじめに
NGUIでボタンを作成するときの手順をまとめときます。
14年1月4日土曜日
![Page 5: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/5.jpg)
使用した画像
14年1月4日土曜日
![Page 6: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/6.jpg)
まずはUnityへインポート
Assetのインポートをさくっとしてください14年1月4日土曜日
![Page 7: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/7.jpg)
AtlasMarkerをひらく
インポートした画像を選択しAtlasMarkerを開く14年1月4日土曜日
![Page 8: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/8.jpg)
猫画像をAtlasとする
適当な名前をつけ新規AtlasをCreate
14年1月4日土曜日
![Page 9: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/9.jpg)
Atlasできた
14年1月4日土曜日
![Page 10: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/10.jpg)
あとはImageButtonの設定
ウィザードのTemplateをImageButtonを選択。作成したAtlasから任意のSpriteを選択してButtonを作成14年1月4日土曜日
![Page 11: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/11.jpg)
おわり
14年1月4日土曜日
![Page 12: NGUIでimage button](https://reader034.vdocuments.site/reader034/viewer/2022042614/5584c5ccd8b42af1138b47d8/html5/thumbnails/12.jpg)
参考サイト
• http://memo.scri.me/entry/2013/01/05/194411
• http://memo.scri.me/entry/2013/03/30/193930
• http://memo.scri.me/entry/2013/03/30/130848
14年1月4日土曜日