ºÇ½ª¹¹¿·¡§
orika_ex_miyako 2022ǯ03·î24Æü(ÌÚ) 16:30:19ÍúÎò
¡¡¥¹¥¥ë¤Îµ¡Ç½¤Ë¤Ä¤¤¤ÆÁ´ÂΤÎÀ߷פ·¡¢°Ê²¼¤Î¤è¤¦¤Ê¥·¥¹¥Æ¥à¤ò¹Í¤¨¤Æ¤ß¤Þ¤¹¡£
¡¡£±¡¥´³»Ù¤ò¾Ã¤¹¤È¥¹¥¥ëÍѤΥݥ¤¥ó¥È¤¬²Ã»»¤µ¤ì¤ë¡£ ¡¡£²¡¥¥¹¥¥ë¥Ý¥¤¥ó¥È(¥²¡¼¥¸¤¬Ëþ¥¿¥ó)¤Ë¤Ê¤ë¤È¥¹¥¥ë¥Ü¥¿¥ó¤¬²¡¤»¤ë¤è¤¦¤Ë¤Ê¤ë¡£ ¡¡¡¡¡¡¤³¤Î¾õÂ֤Ǵ³»Ù¤ò¾Ã¤·¤Æ¤â¥¹¥¥ë¥Ý¥¤¥ó¥È¤Ï²Ã»»¤µ¤ì¤Ê¤¤¡£ ¡¡£³¡¥¥¹¥¥ë¥Ü¥¿¥ó¤ò²¡¤¹¤È¡¢¥²¡¼¥àÆâ¤Ë¤¢¤ë°ìÈÖ¿ô¤Î¿¤¤¼ïÎà¤Î´³»Ù¤¬¤¹¤Ù¤Æ¾Ã¤¨¤ë¡£ ¡¡£´¡¥¥¹¥¥ë¥Ý¥¤¥ó¥È¤¬0¤ËÌá¤Ã¤ÆºÆÅÙί¤Þ¤ê»Ï¤á¤ë¡£
¡¡¤³¤ì¤ò¼ê½ç¡¦¹©Äø¤Ë¶èÀڤäơ¢½çÈ֤˼ÂÁõ¤ò¹Ô¤Ã¤Æ¤¤¤¯ÊýË¡¤ò¸¡Æ¤¤·¤Þ¤¹¡£
¡¡¡¦¥¹¥¥ë¥Ü¥¿¥ó¤Î½àÈ÷ ¡¡¡¦¥¹¥¥ë¥Ý¥¤¥ó¥È¤Î½àÈ÷ ¡¡¡¦¥¹¥¥ë¥Ý¥¤¥ó¥È¤Î²Ã»»½èÍý ¡¡¡¦¥¹¥¥ë¥Ý¥¤¥ó¥È¤È¥¹¥¥ë¥Ü¥¿¥ó¤ÎϢư ¡¡¡¦¥¹¥¥ë¤Î¼Â½èÍý
¼ÂÁõÆ°²è
https://gyazo.com/3803e5737f669aadd1542e42d2982441
¡¡¿·¤·¤¯³Ø½¬¤¹¤ëÆâÍƤˤʤê¤Þ¤¹¡£
¡¦Image¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ÎImageType¤ÎÀßÄê¤ò Filled ¤ËÊѹ¹¤·¤ÆÍøÍѤ¹¤ë
Buttons¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Î»Ò¥ª¥Ö¥¸¥§¥¯¥È¤È¤·¤ÆButton¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤·¡¢btnSkill¤Ë̾Á°¤òÊѤ¨¤ë ![](https://static.seesaawiki.jp/img/usr_second/common/icon_pen.gif)
¡¡Buttons¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Î¾å¤Ç±¦¥¯¥ê¥Ã¥¯¤·¤Æ¥á¥Ë¥å¡¼¤òɽ¼¨¤·¡¢UI => Button ¤òÁªÂò¤·¤Þ¤¹¡£
Button¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤µ¤ì¤Þ¤¹¤Î¤Ç¡¢btnSkill¤Ë̾Á°¤òÊѤ¨¤Þ¤¹¡£
¡¡¤³¤Î¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Ï¥¹¥¥ë¤òȯư¤¹¤ë¤¿¤á¤Î¥Ü¥¿¥ó¤ÎÌò³ä¤ò»ý¤Ã¤Æ¤¤¤Þ¤¹¡£¤Þ¤¿ÀßÄꤹ¤ë²èÁü¤Ï¡¢¥¹¥¥ë¥Ý¥¤¥ó¥È¤ÎÃßÀÑÍÑ¥²¡¼¥¸¤Î³°ÏȤβèÁü¤Ë¤Ê¤ê¤Þ¤¹¡£
¥Ò¥¨¥é¥ë¥¡¼²èÁü
![](https://image02.seesaawiki.jp/i/o/i-school-memo/lbwydC9MYi-s.png)
¡¡btnSkill¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òÁªÂò¤·¤Æ¥¤¥ó¥¹¥Ú¥¯¥¿¡¼¤ò³Îǧ¤·¤Þ¤¹¡£
RectTransform¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ÎPosition¤òÄ´À°¤·¡¢Scene¥Ó¥å¡¼¤ò³Îǧ¤·¤Ê¤¬¤éŬµ¹¤Ê°ÌÃÖ¤ØÇÛÃÖ¤·¤Þ¤¹¡£
²¼µ¤Î¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü¡¤ÈScene¥Ó¥å¡¼²èÁü¡¤ò»²¹Í¤·¤Æ¤¯¤À¤µ¤¤¡£
¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü¡
![](https://image02.seesaawiki.jp/i/o/i-school-memo/0YaUwjXiRp-s.png)
Scene¥Ó¥å¡¼²èÁü
![](https://image01.seesaawiki.jp/i/o/i-school-memo/dNTz8nFIb7-s.png)
¡¡¡¡
¡¡¼¡¤ËImage¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ÎSourceImage¤ÎÉôʬ¤ËSprite²èÁü¤ò¥¢¥µ¥¤¥ó¤·¤Þ¤¹¡£¤³¤³¤Ç¤ÏUnity¤ÎKnob²èÁü¤òÀßÄꤷ¤Æ¤¤¤Þ¤¹¡£
¤³¤Î²èÁü¤Ï¥Ü¥¿¥ó¤Ç¤¢¤ë¤È¤È¤â¤Ë¡¢¥¹¥¥ë¤Î¥²¡¼¥¸¤Î³°ÏÈÉôʬ¤Ë¤â¤Ê¤ê¤Þ¤¹¡£
²¼µ¤Î¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü¢¤ò»²¹Í¤·¤Æ¤¯¤À¤µ¤¤¡£
¡¡
¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü¢
![](https://image02.seesaawiki.jp/i/o/i-school-memo/j1xxcXB_UJ-s.png)
¡¡°Ê¾å¤Ç¤³¤Î¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Ï´°À®¤Ç¤¹¡£
¡¡btnSkill¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Î»Ò¥ª¥Ö¥¸¥§¥¯¥È¤Î¾å¤Ç±¦¥¯¥ê¥Ã¥¯¤·¤Æ¥á¥Ë¥å¡¼¤òɽ¼¨¤·¡¢UI => Image ¤òÁªÂò¤·¤Þ¤¹¡£
Image¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤µ¤ì¤Þ¤¹¤Î¤ÇimgSkillPoint¤Ë̾Á°¤òÊѤ¨¤Þ¤¹¡£
¡¡¤³¤Î¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Ï¥¹¥¥ë¥Ü¥¿¥óÍѤΥ²¡¼¥¸²èÁü¤Ë¤Ê¤ê¤Þ¤¹¡£¥¹¥¥ë¥Ý¥¤¥ó¥È¤ÎÃͤ˹ç¤ï¤»¤Æ¥²¡¼¥¸¤¬¾å¾º¤·¡¢
Ëþ¥¿¥ó¤Ë¤Ê¤Ã¤¿¤é¥¹¥¥ë¥Ü¥¿¥ó¤¬²¡¤»¤Æ¡¢¥¹¥¥ë¤òȯư¤Ç¤¤ë¤è¤¦¤Ë¤Ê¤ë¤È¤¤¤¦ÌÜ°õ¤ÎÌò³ä¤ò»ý¤Ã¤Æ¤¤¤Þ¤¹¡£¥¹¥¥ë¤òȯư¸å¤Ë¤Ï¥²¡¼¥¸¤¬²¼¹ß¤·¡¢0¤ËÌá¤ê¤Þ¤¹¡£
¥Ò¥¨¥é¥ë¥¡¼²èÁü
![](https://image02.seesaawiki.jp/i/o/i-school-memo/DFg2xsRqrC-s.png)
¡¡imgSkillPoint¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òÁªÂò¤·¤Æ¥¤¥ó¥¹¥Ú¥¯¥¿¡¼¤ò³Îǧ¤·¤Þ¤¹¡£
¡¡ºÇ½é¤ËImage¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ÎSourceImage¤Ë²èÁü¤òÀßÄꤷ¤Þ¤¹¡£²èÁü¤Ë¤Ä¤¤¤Æ¤Ï¡¢´Ý¤¤¥Ü¥¿¥óÍѲèÁü¤ò¥Í¥Ã¥È¤Çõ¤·¤ÆUnity¤Ë¥¤¥ó¥Ý¡¼¥È¤·¤ÆÍøÍѤ·¤Æ¤¯¤À¤µ¤¤¡£
¤³¤³¤Ç¤ÏÀĤ¤¿§¤Î´Ý¤¤²èÁü¤ò»ÈÍѤ·¤Æ¤¤¤Þ¤¹¡£
¡¡²èÁü¤òÀßÄê¸å¡¢ImageType ¤ò Filled ¤ËÊѹ¹¤·¤Þ¤¹¡£¤¹¤°²¼¤ËÄɲäÎÀßÄê¹àÌܤ¬É½¼¨¤µ¤ì¤Þ¤¹¤Î¤Ç¡¢
Fill Method ¤Ï Vertical¡¢Fill Origin ¤Ï Bottom¡¢Fill Amount ¤Ï 0 ¤ËÊѹ¹¤·¤Æ¤¯¤À¤µ¤¤¡£
¡¡¤³¤ÎÀßÄê¤ò¹Ô¤¦¤È¡¢Fill Amount¤ÎÃͤòÁàºî¤¹¤ë¤³¤È¤Ë¤è¤Ã¤ÆÀßÄꤷ¤¿²èÁü¤Îɽ¼¨¤¹¤ë³ä¹ç¤òÊѹ¹¤Ç¤¤Þ¤¹¡£
¤³¤Îµ¡Ç½¤Ë¤è¤Ã¤Æ¡¢²èÁü¤Î°ìÉô¤òɽ¼¨¤·¤¿¤ê¡¢Á´Éôɽ¼¨¤·¤¿¤ê¡¢Á´ÉôÈóɽ¼¨¤Ë¤¹¤ë¤³¤È¤Ç¤¤ë¤¿¤á¡¢¤µ¤Ê¤¬¤é²èÁü¤ò¥²¡¼¥¸¤ÎÁý¸º¤Î¤è¤¦¤Ë°·¤¦¤³¤È¤¬½ÐÍè¤Þ¤¹¡£
¡¡Fill Method ¤Ï¥²¡¼¥¸¤ÎÁý¸º¤¹¤ëÊý¸þ¡¢Fill Origin ¤Ï Fill Amount ¤¬ 0 ¤ÎºÝ¤Î²èÁü¤Îµ¯ÅÀ¤Î°ÌÃ֤Ǥ¹¡£
º£²ó¤Ï¾å²¼Êý¸þ¤Ë²èÁü¤ÎÁàºî¤ò¹Ô¤¤¡¢µ¯ÅÀ°ÌÃÖ¤ò²¼°ÌÃ֤ˤ¹¤ë¤è¤¦¤ËÀßÄꤷ¤Æ¤¤¤Þ¤¹¡£Â¾¤Ë¤â¿§¡¹¤ÊÀßÄ꤬¤¢¤ê¤Þ¤¹¤Î¤Ç¡¢Ä´¤Ù¤Æ¤ß¤Æ¤¯¤À¤µ¤¤¡£
¡¡Ëº¤ì¤º¤ËRaycastTarget¤Î¥¹¥¤¥Ã¥Á¤òÀڤäƤª¤¤Þ¤¹¡£
Unity¸ø¼°¥¹¥¯¥ê¥×¥ÈAPI
ImageType
https://docs.unity3d.com/2019.1/Documentation/Scri...
TECH ProjinÍÍ
¡ÚUnity uGUI¡ÛImage¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òÅ°Äì²òÀâ
https://tech.pjin.jp/blog/2017/01/26/unity_ugui_im...
¡¡²èÁü¤ÎÀßÄê¸å¡¢RectTransform¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ÎPosition¤ÈWidth¡¢Height¤òÄ´À°¤·¡¢Scene¥Ó¥å¡¼¤ò³Îǧ¤·¤Ê¤¬¤éŬµ¹¤Ê°ÌÃÖ¤ØÇÛÃÖ¤·¤Þ¤¹¡£
Â礤µ¤Ë¤Ä¤¤¤Æ¤Ï¡¢btnSkill¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Î²èÁü¤è¤ê¤âÆ⦤ˤʤë¤è¤¦¤ËÇÛÃÖ¤·¡¢¥²¡¼¥¸¤¬¤¿¤Þ¤ë¤è¤¦¤Ê·Á¼°¤Ë¤Ê¤ë¤è¤¦¤Ë¤·¤Æ¤¯¤À¤µ¤¤¡£
²¼µ¤Î¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü¤ÈScene¥Ó¥å¡¼²èÁü¤ò»²¹Í¤·¤Æ¤¯¤À¤µ¤¤¡£
¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü
![](https://image01.seesaawiki.jp/i/o/i-school-memo/sHnaIEhfYO-s.png)
Scene¥Ó¥å¡¼²èÁü
![](https://image01.seesaawiki.jp/i/o/i-school-memo/v4rYIIHFch-s.png)
¡¡ÀßÄê¸å¤Ë Fill Amount ¤ÎÃͤò 0 => 1 ¤Ø¸þ¤±¤Æ¥¹¥é¥¤¥É¤·¤Æ¤ß¤Æ¤¯¤À¤µ¤¤¡£Scene¥Ó¥å¡¼¤ËÀßÄꤷ¤¿²èÁü¤¬¾å²¼¤ØÁý¸º¤¹¤ë¤Î¤¬Ê¬¤«¤ê¤Þ¤¹¡£
¤³¤ÎÉôʬ¤È¥¹¥¥ë¥Ý¥¤¥ó¥È¤È¤òϢư¤µ¤»¤Æ¡¢¥¹¥¥ë¥Ý¥¤¥ó¥È¤ò³ÍÆÀ¤¹¤ë¤´¤È¤Ë¡¢¥²¡¼¥¸¤Î¤è¤¦¤Ë²èÁü¤ò¾åÊý¸þ¤Ø¤È½ù¡¹¤Ë¸«¤¨¤ë¤è¤¦¤Ë¤·¤Æ¤¤¤¤Þ¤¹¡£
¡¡¥¹¥¥ë¤òȯư¸å¤Ë¤Ï½é´ü°ÌÃ֤ؤȲèÁü¤òÌᤷ¤Æ¡¢¥²¡¼¥¸¤¬¤Ê¤¯¤Ê¤Ã¤¿¤è¤¦¤Ë¸«¤¨¤ë¤è¤¦¤Ë¤·¤Þ¤¹¡£¤³¤Îµ¡Ç½¤ò¾å¼ê¤¯³èÍѤ·¤Æ¤¤¤¤Þ¤¹¡£
¸¡¾ÚÆ°²è(Image¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ÎFill Amount ¤ÎÃͤòÆ°¤«¤·¤Æ¡¢²èÁü¤¬¥²¡¼¥¸¤Î¤è¤¦¤ËÊѲ½¤¹¤ë¤Î¤ò³Îǧ¤¹¤ë)
https://gyazo.com/caec7b734251580a43fad9413389db61
¡¡
¡¡°Ê¾å¤Ç¤³¤Î¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Ï´°À®¤Ç¤¹¡£
¡¡´°À®¤·¤¿¥¹¥¥ë¥Ü¥¿¥ó¤ÎÇÛÃÖ¤ò³Îǧ¤·¤Æ¤ª¤¤Þ¤¹¡£
Game¥Ó¥å¡¼²èÁü
![](https://image02.seesaawiki.jp/i/o/i-school-memo/LMCHtRTTY_-s.png)
Scene¥Ó¥å¡¼²èÁü¡
![](https://image01.seesaawiki.jp/i/o/i-school-memo/XveRutcVGZ-s.png)
Scene¥Ó¥å¡¼²èÁü¢¡¡GameGround¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òÈóɽ¼¨¤Ë¤·¤¿¾ì¹ç
![](https://image02.seesaawiki.jp/i/o/i-school-memo/CxO89i2CU9-s.png)
¡¡°Ê¾å¤Ç¤³¤Î¼ê½ç¤Ï½ªÎ»¤Ç¤¹¡£
¡¡¼¡¤Ï ȯŸ£±£° ¤Ç¤¹¡£
¡¡¼¡¤Î¼ê½ç¤Ç¤Ï³Æ¥¹¥¯¥ê¥×¥È¤ò½¤Àµ¤·¤Æ¤¤¤¤Þ¤¹¡£
- ¥«¥Æ¥´¥ê¡§
- ¿Ê³Ø/¥¹¥¯¡¼¥ë
- ¥×¥í¥°¥é¥ß¥ó¥°
¥³¥á¥ó¥È¤ò¤«¤¯