Unity¤Ë´ØÏ¢¤¹¤ëµ­»ö¤Ç¤¹

¡¡°Ê²¼¤ÎÆâÍƤǽçÈ֤˼ÂÁõ¤ò¿Ê¤á¤Æ¤¤¤­¤Þ¤¹¡£

¼ê½ç£±£²¡¡¡¼¥²¡¼¥à²èÌ̤ξ岼Éôʬ¤ËUI¤òºîÀ®¡¼
£²£²¡¥CanvasÆâ¤ËUIÉôÉʤòºîÀ®¤¹¤ë­¢¡Ê²èÌ̾åÉô¤È²¼Éô¤Ë¥¹¥Ú¡¼¥¹¤òÍÑ°Õ¡£²èÌ̲¼Éô¤Ë¼êµå¤Î»Ä¿ô¤ò¥¢¥¤¥³¥ó¤òÍÑ°Õ¤¹¤ë¡Ë



¡¡¿·¤·¤¤³Ø½¬ÆâÍƤϡ¢°Ê²¼¤ÎÄ̤ê¤Ç¤¹¡£

¡¦GirdLayoutGroup¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ÎÀßÄê¤È»ÈÍÑÊýË¡



£²£²¡¥CanvasÆâ¤ËUIÉôÉʤòºîÀ®¤¹¤ë­¢¡Ê²èÌ̾åÉô¤È²¼Éô¤Ë¥¹¥Ú¡¼¥¹¤òÍÑ°Õ¡£²èÌ̲¼Éô¤Ë¼êµå¤Î»Ä¿ô¤ò¥¢¥¤¥³¥ó¤òÍÑ°Õ¤¹¤ë¡Ë

Àß·×


¡¡²èÌ̾åÉô¤È²¼Éô¤ËUIɽ¼¨ÍѤΥ¹¥Ú¡¼¥¹¤ò³ÎÊݤ·¤Þ¤¹¡£

¡¡²èÌ̲¼Éô¤Ë¤Ï¼êµå¤Î»Ä¿ô¤ò¥¢¥¤¥³¥óɽ¼¨¤·¤Þ¤¹¡£
¡¡²èÌ̾åÉô¤Ë¤Ï¸åÄø¡¢¥²¡¼¥à¤Î»Ä¤ê»þ´Ö¡¢¥¹¥³¥¢¤Ê¤É¤òɽ¼¨¤·¤Þ¤¹¡£

¡¡¤¹¤Ç¤Ë Wall ¤ÎÀßÄê¤Ë¤è¤Ã¤Æ²èÌ̤ξåÉô¤È²¼Éô¤Ë¤Ï¼êµå¤âŪµå¤â¿¯Æþ¤·¤Ê¤¤¾õÂ֤ˤʤäƤ¤¤Þ¤¹¤Î¤Ç
¤½¤ì¤Ë¹ç¤¦¤è¤¦¤ËÂ礭¤µ¤òÄ´À°¤·¤ÆÇÛÃÖ¤ò¹Ô¤¤¤Þ¤¹¡£

´°À®»þ¤Î¥Ò¥¨¥é¥ë¥­¡¼²èÁü



²èÌ̾åÉôÍѤÎUI¤òºîÀ®¤¹¤ë

£±¡¥Top_UI ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤¹¤ë

¡¡CanvasÆâ¤Ç±¦¥¯¥ê¥Ã¥¯¤ò¤·¤Æ¥á¥Ë¥å¡¼¤òɽ¼¨¤·¡¢Create Empty ¤òÁªÂò¤·¡¢Ì¾Á°¤ò Top_UI ¤ËÊѹ¹¤·¤Þ¤¹¡£¤³¤ì¤ò²èÌ̾åÉôÍѤÎUI¤òÆþ¤ì¤ë¥Õ¥©¥ë¥À¤È¤·¤ÆÍøÍѤ·¤Þ¤¹¡£
²¼µ­¤Î²èÁü¤Î¤è¤¦¤Ê°ÌÃ֤ˤʤäƤ¤¤ë¤«³Îǧ¤·¤Æ¤¯¤À¤µ¤¤¡£(CanvasÆâ¤Ë¤Ê¤¤¾ì¹ç¡¢RectTransform¥³¥ó¥Ý¡¼¥Í¥ó¥È¤¬¤Ê¤¤¾ì¹ç¤Ë¤ÏºÆÅÙºî¤êľ¤·¤Æ¤¯¤À¤µ¤¤)

Top_UI¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¡¡¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü



£²¡¥BackGround ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤¹¤ë

¡¡¥Ò¥¨¥é¥ë¥­¡¼¤Î Top_UI ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Î¾å¤Ç±¦¥¯¥ê¥Ã¥¯¤ò¤·¤Æ¥á¥Ë¥å¡¼¤òɽ¼¨¤·¡¢UI => Image ¤òÁªÂò¤·¤Þ¤¹¡¢Ì¾Á°¤ò BackGround ¤ËÊѹ¹¤·¤Þ¤¹¡£

¡¡BackGround ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Ï¡¢²èÌ̾åÉô¤ÎÈϰϤòɽ¼¨¤¹¤ëÌò³ä¤ò»ý¤Á¤Þ¤¹¡£Image¥³¥ó¥Ý¡¼¥Í¥ó¥È ¤Î Source Image ¤òÀßÄꤷ¤Æ¥Õ¥ì¡¼¥à²èÁü¤òÀßÄꤷ¤Æ¤â¤¤¤¤¤Ç¤¹¡£
¤³¤³¤Ç¤Ï²èÌ̾åÉô¤ÎÈϰϤ¬Ê¬¤«¤ë¤è¤¦¤Ë¡¢Image ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î Color ¤Î¿§¤ò¹õ¤Ë¤·¡¢Æ©ÌÀÅÙ¤òȾʬ¤ËÀßÄꤷ¤Æ¤¤¤Þ¤¹¡£


BackGround¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¡¡¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü



BackGround¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¡¡Scene¥Ó¥å¡¼²èÁü



¡¡RectTransform¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ò³Îǧ¤·¡¢Wall_Top ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ÎÈϰϤÈƱ¤¸¤Ë¤Ê¤ë¤è¤¦¤ËÂ礭¤µ¤òÄ´À°¤·¤Æ¤¯¤À¤µ¤¤¡£
Scene¥Ó¥å¡¼¤ò¸«¤Ê¤¬¤é¹ç¤ï¤»¤Æ¤¤¤¯¤ÈÄ´À°¤·¤ä¤¹¤¤¤Ç¤¹¡£

¡¡Wall_Top ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Ï¸«¤¨¤Ê¤¤¤¿¤á¡¢¥æ¡¼¥¶¡¼¤Ï¤³¤Î BackGround ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ÎÈϰϤò¤½¤Î¤Þ¤Þ¥²¡¼¥à¤ÎÊÉÉôʬ¤À¤Èǧ¼±¤·¤Þ¤¹¡£¤Ê¤ë¤Ù¤¯¾å¼ê¤¯¹ç¤ï¤»¤Æ¤¯¤À¤µ¤¤¡£


Scene¥Ó¥å¡¼²èÁü¡¡Wall_Top¤ÈƱ¤¸ÈÏ°ÏÆâ¤ËÆþ¤ë¤è¤¦¤ËÀßÃÖ



¡¡°Ê¾å¤Ç²èÌ̾åÉô¤ÎUI¤ÎÀßÃ֤ϴ°Î»¤Ç¤¹¡£º£¸åÃ༡¡¢»Ä¤ê»þ´Ö¤òɽ¼¨¤¹¤ëUI¤Ê¤É¤òÄɲ䷤Ƥ¤¤­¤Þ¤¹¡£


²èÌ̲¼ÉôÍѤÎUI¤òºîÀ®¤¹¤ë


¡¡²èÌ̲¼ÉôÍѤÎUI¤òºîÀ®¤·¤Æ¤¤¤­¤Þ¤¹¡£¼ê½ç¤È¤·¤Æ¤Ï¡¢¾åÉô¤ÎUI¤ÈƱ¤¸¤Ç¤¹¤¬¡¢¤³¤Á¤é¤ÎÊý¤¬¼ê½ç¤¬Â¿¤¤¤Ç¤¹¡£


£±¡¥Bottom_UI ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤¹¤ë

¡¡CanvasÆâ¤Ç±¦¥¯¥ê¥Ã¥¯¤ò¤·¤Æ¥á¥Ë¥å¡¼¤òɽ¼¨¤·¡¢Create Empty ¤òÁªÂò¤·¡¢Ì¾Á°¤ò Bottom_UI ¤ËÊѹ¹¤·¤Þ¤¹¡£¤³¤ì¤ò²èÌ̲¼ÉôÍѤÎUI¤òÆþ¤ì¤ë¥Õ¥©¥ë¥À¤È¤·¤ÆÍøÍѤ·¤Þ¤¹¡£
²¼µ­¤Î²èÁü¤Î¤è¤¦¤Ê°ÌÃ֤ˤʤäƤ¤¤ë¤«³Îǧ¤·¤Æ¤¯¤À¤µ¤¤¡£(CanvasÆâ¤Ë¤Ê¤¤¾ì¹ç¡¢RectTransform¥³¥ó¥Ý¡¼¥Í¥ó¥È¤¬¤Ê¤¤¾ì¹ç¤Ë¤ÏºÆÅÙºî¤êľ¤·¤Æ¤¯¤À¤µ¤¤)


Bottom_UI¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¡¡¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü



Bottom_UI¤Î¥Ò¥¨¥é¥ë¥­¡¼¤Î¹½À®



£²¡¥BackGround ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤¹¤ë

¡¡¥Ò¥¨¥é¥ë¥­¡¼¤Î Bottom_UI ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Î¾å¤Ç±¦¥¯¥ê¥Ã¥¯¤ò¤·¤Æ¥á¥Ë¥å¡¼¤òɽ¼¨¤·¡¢UI => Image ¤òÁªÂò¤·¤Þ¤¹¡¢Ì¾Á°¤ò BackGround ¤ËÊѹ¹¤·¤Þ¤¹¡£

¡¡BackGround ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Ï²èÌ̾åÉô¤ÎºÝ¤ÈƱ¤¸¤Ç¡¢¤³¤Á¤é¤Ï²èÌ̲¼Éô¤ÎÈϰϤòɽ¼¨¤¹¤ëÌò³ä¤ò»ý¤Á¤Þ¤¹¡£Image¥³¥ó¥Ý¡¼¥Í¥ó¥È ¤Î Source Image ¤òÀßÄꤷ¤Æ¥Õ¥ì¡¼¥à²èÁü¤òÀßÄꤷ¤Æ¤â¤¤¤¤¤Ç¤¹¡£
²èÌ̲¼Éô¤ÎÈϰϤ¬Ê¬¤«¤ë¤è¤¦¤Ë¡¢Image ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î Color ¤Î¿§¤ò¹õ¤Ë¤·¡¢Æ©ÌÀÅÙ¤òȾʬ¤ËÀßÄꤷ¤Æ¤¤¤Þ¤¹¡£

BackGround¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¡¡¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü



Scene¥Ó¥å¡¼



¡¡²èÌ̲¼Éô¤â²èÌ̾åÉô¤ÈƱ¤¸¤è¤¦¤Ë¡¢Wall_Bottom¤ÈƱ¤¸ÈϰϤˤʤë¤è¤¦¤ËRectTransform¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òÄ´À°¤·¤ÆÂ礭¤µ¤ò¹ç¤ï¤»¤Æ¤¯¤À¤µ¤¤¡£


Scene¥Ó¥å¡¼²èÁü¡¡Wall_Bottom¤ÈƱ¤¸ÈÏ°ÏÆâ¤ËÆþ¤ë¤è¤¦¤ËÀßÃÖ



£³¡¥RemainingBall_Place ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤¹¤ë

¡¡¼¡¤Î¡Ú£²£²¡Û¤Î¼ê½ç¤Ç»Ä¤ê¼êµå¤Î¿ô¤ò¥¢¥¤¥³¥óɽ¼¨¤¹¤ë½èÍý¤ò¹Ô¤¤¤Þ¤¹¡£¤½¤Î¤¿¤á¤Ë¤Ï¤³¤³¤Ç¥¢¥¤¥³¥ó¤òɽ¼¨¤µ¤»¤ë¾ì½ê¡¢¤½¤ì¤«¤é¥¢¥¤¥³¥ó¤âºîÀ®¤·¤Æ¤ª¤­¤Þ¤¹¡£
¤Þ¤º¤Ï¤³¤ì¤é¤ò´ÉÍý¤¹¤ë¤¿¤á¤Î¥Õ¥©¥ë¥ÀÌò¤Î¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òÍÑ°Õ¤·¤Þ¤¹¡£

¡¡Bottom_UI ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Î¾å¤Ç±¦¥¯¥ê¥Ã¥¯¤ò¤·¤Æ¥á¥Ë¥å¡¼¤òɽ¼¨¤·¡¢Create Empty ¤òÁªÂò¤·¤Þ¤¹¡£Ì¾Á°¤ò RemainingBall_Place ¤ËÊѹ¹¤·¤Þ¤¹¡£

¡¡¤³¤ì¤Ï¼¡¤ËºîÀ®¤¹¤ë¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤¿¤Á¤Î¥Õ¥©¥ë¥À¤ÎÌò³ä¤Ë¤Ê¤ê¤Þ¤¹¤Î¤Ç¡¢RectTransform¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òÄ´À°¤·¤Æ Bottom_UI Æâ¤Ë¼ý¤Þ¤ë¤è¤¦¤ËŬµ¹¤Ê°ÌÃÖ¤ËÄ´À°¤·¤Æ¤¯¤À¤µ¤¤¡£


RemainingBall_Place¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¡¡¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü



Scene¥Ó¥å¡¼



£´¡¥RemainingBallTran ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤¹¤ë

¡¡Àè¤Û¤ÉºîÀ®¤·¤¿ RemainingBall_Place ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ò¥Ò¥¨¥é¥ë¥­¡¼¤ÇÁªÂò¤·¡¢±¦¥¯¥ê¥Ã¥¯¤·¤Æ¥á¥Ë¥å¡¼¤òɽ¼¨¤·¤Þ¤¹¡£
UI => Image ¤òÁªÂò¤·¡¢Ì¾Á°¤ò RemainingBallTran ¤ËÊѹ¹¤·¤Þ¤¹¡£

¡¡RemainingBallTran¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Ï¡¢»Ä¤ê¼êµå¤Î¥¢¥¤¥³¥ó¤òɽ¼¨¤¹¤ë°ÌÃÖ¤òÀßÄꤹ¤ëÌò³ä¤ò»ý¤Á¤Þ¤¹¡£
Scene¥Ó¥å¡¼¤Î²èÁü¤ò»²¹Í¤Ë¡¢RectTransform¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òÄ´À°¤·¤ÆŬµ¹¤Ê°ÌÃÖ¤ËÇÛÃÖ¤·¤Æ¤¯¤À¤µ¤¤¡£

¡¡¤Þ¤¿¤³¤³¤Ç¤ÏÀßÄꤷ¤Æ¤¤¤Þ¤»¤ó¤¬¡¢Image ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î Source Image ¤Ë²èÁü¤òÀßÄꤷ¡¢¥¢¥¤¥³¥óɽ¼¨¤ÎÇØ·ÊÍѤΥե졼¥à¤òÀßÄꤷ¤Æ¤â¹½¤¤¤Þ¤»¤ó¡£


RemainingBallTran¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¡¡¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü­¡



¡¡RemainingBallTran¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Î¥¤¥ó¥¹¥Ú¥¯¥¿¡¼¤Î°ìÈÖ²¼¤Ë¤¢¤ë Add Component ¤ò¥¯¥ê¥Ã¥¯¤·¡¢GridLayoutGroup ¤òõ¤·¤ÆÄɲ䷤Ƥ¯¤À¤µ¤¤¡£
¤³¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Îµ¡Ç½¤òÍøÍѤ¹¤ë¤³¤È¤Ç¡¢¥¢¥¤¥³¥ó¤ò°ìÄê¤ÎÂ礭¤µ¡¦Éý¤Ç¥­¥ì¥¤¤Ëʤ٤ÆÀßÃÖ¤¹¤ë¤³¤È¤¬½ÐÍè¤Þ¤¹¡£


RemainingBallTran¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¡¡¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü­¢



¡ãGridLayoutGroup¤ÎÀßÄê¡ä


¡¡GridLayoutGroup¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ÏLayout¤ò¼«Æ°Åª¤ËÄ´À°¤¹¤ë¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î£±¤Ä¤Ç¤¹¡£
ÀßÄê¤Ë¤è¤Ã¤Æ½ÄÊý¸þ¤Ç¤â²£Êý¸þ¤Ç¤âʤ٤뤳¤È¤¬¤Ç¤­¤ë¤¿¤á¡¢ÈÆÍÑÀ­¤¬¹­¤¤Layout¤ÎÄ´À°¤¬²Äǽ¤Ç¤¹¡£
¡¡
¡¡º£²óÀßÄê¤ò¹Ô¤Ã¤¿¥×¥í¥Ñ¥Æ¥£¤Ë¤Ä¤¤¤ÆÀâÌÀ¤·¤Æ¤¤¤­¤Þ¤¹¡£


£±¡¥CellSize

¡¡CellSize¤Ï¡¢GridLayoutGroup¤Î»Ò¥ª¥Ö¥¸¥§¥¯¥È¤È¤·¤ÆÇÛÃÖ¤µ¤ì¤¿¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ÎÂ礭¤µ¤ÎWidth¤ÈHeight¤ò¤³¤ÎÂ礭¤µ¤Ë¼«Æ°Åª¤ËÄ´À°¤·¤Þ¤¹¡£
¤½¤Î¤¿¤á¸µ¤Î¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ÎÂ礭¤µ¤Ï»ÈÍѤµ¤ì¤Ê¤¯¤Ê¤ê¤Þ¤¹¡£

¡¡º£²ó¤Ï x = 100, y = 100 ¤ÇÀßÄê¤ò¤·¤Æ¤¤¤Þ¤¹¤Î¤Ç¡¢»Ò¥ª¥Ö¥¸¥§¥¯¥È¤Ï¼«Æ°Åª¤Ë¤³¤Î¥µ¥¤¥º¤Î¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ËÄ´À°¤µ¤ì¤Þ¤¹¡£


£²¡¥Spacing

¡¡Spacing ¤ÏÀßÄꤷ¤¿x ¤È y ¤ÎÃͤÎʬ¤À¤±¡¢ÎÙ¤¢¤¦¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤È¤Î´Ö¤Ë¥¹¥Ú¡¼¥¹¤ò¼«Æ°Åª¤Ë¼è¤Ã¤Æ¤¯¤ì¤ëµ¡Ç½¤Ç¤¹¡£
¤³¤ÎÃͤò 0 ¤Ë¤¹¤ì¤Ð¥¹¥Ú¡¼¥¹¤Î¤Ê¤¤´Ö³Ö¤Ç¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥ÈƱ»Î¤¬Ê¤Ӥޤ¹¡£x ¤Ï²£Êý¸þ¤Î¥¹¥Ú¡¼¥¹¡¢y ¤Ï½ÄÊý¸þ¤Î¥¹¥Ú¡¼¥¹¤Îµ÷Î¥¤Ç¤¹¡£

¡¡º£²ó¤Ï x = 20 ¤ËÀßÄꤷ¤Æ¤¤¤Þ¤¹¤Î¤Ç¡¢¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥ÈƱ»Î¤Ï²£¤Ë 20 ¤Î¥¹¥Ú¡¼¥¹¤ò¼è¤Ã¤Æ¼«Æ°Åª¤Ëʤ֤褦¤Ë¤Ê¤ê¤Þ¤¹¡£


£³¡¥StartCouner

¡¡»Ò¥ª¥Ö¥¸¥§¥¯¥È¤òʤٻϤá¤ë¥¹¥¿¡¼¥ÈÃÏÅÀ¤Ç¤¹¡£¥×¥ë¥À¥¦¥ó¥á¥Ë¥å¡¼¤«¤éÁªÂò²Äǽ¤Ç¤¹¡£
º£²ó¤Ï Upper Left ¤ÎÀßÄê¤Ë¤·¤Æ¤¤¤Þ¤¹¤Î¤Ç¡¢»Ò¥ª¥Ö¥¸¥§¥¯¥È¤Ï²èÌ̤κ¸¾å¤«¤é½çÈÖ¤ËʤӻϤá¤ë¤è¤¦¤Ë¤Ê¤ê¤Þ¤¹¡£


£´¡¥Start Axis

¡¡»Ò¥ª¥Ö¥¸¥§¥¯¥È¤òʤ٤ëÊý¸þ¤Ç¤¹¡£½ÄÊý¸þ¤Ëʤ٤ë¾ì¹ç¤Ë¤Ï Vertical¡¢²£Êý¸þ¤Ëʤ٤ë¾ì¹ç¤Ë¤Ï Horizontal ¤òÁªÂò¤·¤Þ¤¹¡£
º£²ó¤Ï²£Êý¸þ¤Ëʤ٤Ƥ½¤í¤¨¤¿¤¤¤Î¤Ç¡¢Horizontal ¤òÁªÂò¤·¤Æ¤¤¤Þ¤¹¡£


£µ¡¥Constraint¤ÈConstraintCount

¡¡¹Ô¤ÈÎó¤Î¿ô¤ò»ØÄê¿ô¤ÇÀ©Ì󤹤뤳¤È¤¬¤Ç¤­¤ëµ¡Ç½¤Ç¤¹¡£¥×¥ë¥À¥¦¥ó¥á¥Ë¥å¡¼¤ÇÀßÄê¤Ç¤­¤Þ¤¹¡£
º£²ó¤Ï Flexible ¤ËÀßÄꤷ¤Æ¤ë¤¿¤á¡¢¿ô¤òÀ©Ìó¤·¤Þ¤»¤ó¡£
À©Ì󤷤ʤ¤¾ì¹ç¡¢GridLayoutGroup ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤ò»ý¤Ä¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ÎÂ礭¤µÆâ¤Ç1Îó¤Ëʤӳ¤±¡¢ÈÏ°ÏÆâ¤Ë¼ý¤Þ¤é¤Ê¤¯¤Ê¤Ã¤¿¤È¤­¤Ï¼«Æ°Åª¤Ë¼¡¤Î¹Ô¤ØÀÞ¤êÊÖ¤·¤Æʤ٤ޤ¹¡£


¸¡¾Ú²èÁü¡¡Ê¤ÖÈÏ°Ï


¡¡
¡¡¿·¤·¤¤¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Ë¿¨¤ì¤¿¤È¤­¤Ï¡¢¼«Ê¬¤ÇÀßÄê¤òÊѤ¨¤Æ»î¤·¤Æ¤ß¤Æ¤¯¤À¤µ¤¤¡£
¡¡¤Þ¤¿¡¢¥Þ¥Ë¥å¥¢¥ë¤ä¡¢Â¾¤Îµ­»ö¤Ê¤É¤â»²¹Í¤Ë¤·¤Æ¤¯¤À¤µ¤¤¡£
Unity¸ø¼°¥Þ¥Ë¥å¥¢¥ë
Grid Layout Group
https://docs.unity3d.com/ja/2019.4/Manual/script-G...
Unity¤ÇËâʪ»È¤¤ ¥²¡¼¥à¤òºî¤ëÍÍ
Grid Layout Group
https://unity-shoshinsha.biz/archives/tag/grid-lay...


»Ä¤ê¤Î¼êµå¿ô¤òɽ¼¨¤¹¤ë¥¢¥¤¥³¥óÍѤΥ²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤¹¤ë

£±¡¥RemainingBallTran ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Î»Ò¥ª¥Ö¥¸¥§¥¯¥È¤È¤·¤Æ Image ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤·¤Æ̾Á°¤ò IconRemainingBall ÊѤ¨¤ë

¡¡RemainingBallTran ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Î¾å¤Ç±¦¥¯¥ê¥Ã¥¯¤ò¤·¤Æ¥á¥Ë¥å¡¼¤òɽ¼¨¤·¡¢UI => Image ¤òÁªÂò¤·¤Æ»Ò¥ª¥Ö¥¸¥§¥¯¥È¤òºîÀ®¤·¤Þ¤¹¡£
̾Á°¤ò IconRemainingBall ¤ËÊѹ¹¤·¤Þ¤¹¡£

¡¡¤³¤Î IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ò¼êµå¤Î»Ä¤ê¿ô¤Îɽ¼¨ÍÑ¥¢¥¤¥³¥ó¤È¤·¤ÆÍøÍѤ·¤Þ¤¹¡££±¤Ä¤Î¼êµå¤Ë¤Ä¤­¡¢£±¤Ä¤Î¥¢¥¤¥³¥ó¤¬É½¼¨¤µ¤ì¤ëÀ߷פˤ·¤Þ¤¹¡£


¥Ò¥¨¥é¥ë¥­¡¼²èÁü



£²¡¥IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ÎÀßÄê¤ò¹Ô¤¦

¡¡RectTransform¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Ë¤Ä¤¤¤Æ¤Ï¡¢¿Æ¥ª¥Ö¥¸¥§¥¯¥È¤Ç¤¢¤ë RemainingBallTran ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ËGridLayoutGroup¥³¥ó¥Ý¡¼¥Í¥ó¥È¤¬¥¢¥¿¥Ã¥Á¤µ¤ì¤Æ¤¤¤Þ¤¹¤Î¤Ç
¼«Æ°Åª¤Ë Width ¤È Height ¤ÎÃͤ¬ GridLayoutGroup ¤ÇÀßÄꤷ¤¿ Cell Size ¤ÎÃͤËÊѹ¹¤Ë¤Ê¤ê¤Þ¤¹¡£º£²ó¤ÎÀßÄêÃÍ¤Ï (100, 100)¤Ç¤¹¡£

¡¡¤½¤Î¤¿¤á IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤«¤é¤ÇľÀܤ³¤ÎÃͤòÊѹ¹¤¹¤ë¤³¤È¤Ï¤Ç¤­¤Þ¤»¤ó¡£
¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ÎÂ礭¤µ¤òÄ´À°¤·¤¿¤¤¾ì¹ç¤Ë¤Ï¡¢GridLayoutGroup ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î Cell Size ¤ÎÃͤò½¤Àµ¤·¤ÆÄ´À°¤·¤Þ¤¹¡£


¡¡Image ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î Source Image ¤Ë¡¢¸½ºß CharaBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤Ç»ÈÍѤ·¤Æ¤¤¤ë²èÁü¤ò¥¢¥µ¥¤¥ó¤·¤ÆÍøÍѤ·¤Þ¤¹¡£
¼êµå¤ÈƱ¤¸²èÁü¤Ç¤¢¤ë¤³¤È¤Ë¤è¤Ã¤Æ¡¢¤³¤Î¥¢¥¤¥³¥ó¤¬¼êµå¤Î»Ä¤ê¿ô¤Ç¤¢¤ë¤³¤È¤ò¥æ¡¼¥¶¡¼¤Ëǧ¼±¤·¤Æ¤â¤é¤¤¤Þ¤¹¡£

¡¡¤Þ¤¿ Raycast Target ¤Î¥¹¥¤¥Ã¥Á¤Ï¥ª¥Õ¤Ë¤·¤Æ¤ª¤­¤Þ¤¹¡£


IconRemainingBall¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¡¡¥¤¥ó¥¹¥Ú¥¯¥¿¡¼²èÁü



Scene¥Ó¥å¡¼



GameScene¥Ó¥å¡¼



£³¡¥IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ò¥×¥ì¥Õ¥¡¥Ö¤Ë¤¹¤ë

¡¡IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ò¥×¥ì¥Õ¥¡¥Ö¤Ë¤·¤Þ¤¹¡£¼¡¤Î¼ê½ç¤¬½ª¤ï¤Ã¤Æ¤«¤éºï½ü¤¹¤ë¤Î¤Ç¡¢¤Þ¤Àºï½ü¤Ï¤·¤Ê¤¤¤Ç¤¯¤À¤µ¤¤¡£


¼ê½çÆ°²è¡¡¥×¥ì¥Õ¥¡¥Ö¤Ë¤¹¤ë
https://gyazo.com/0eefc42156ae93b34c46b58242cc1634


£´¡¥IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òÊ£À½¤·¤Æʤ٤Ƥߤë

¡¡¥×¥ì¥Õ¥¡¥Ö²½¤·¤¿ IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºï½ü¤¹¤ëÁ°¤Ë¡¢Ê£À½¤·¤Æ¤ß¤Æ²£¡Ê¿åÊ¿¡ËÊý¸þ¤ËÀ°Î󤷤Ƥ¤¤¯¤«¤ò³Îǧ¤·¤Æ¤ß¤Þ¤¹¡£

¡¡¥Ò¥¨¥é¥ë¥­¡¼¤Ë¤¢¤ë IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òÁªÂò¤·¤¿¾õÂ֤ǡ¢¥­¡¼¥Ü¡¼¥É¤Î Ctrl + D ¥Ü¥¿¥ó¤ò²¡¤·¤Æ¤¯¤À¤µ¤¤¡£
IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ÎÊ£À½¤¬ºî¤é¤ì¤Þ¤¹¡£¤³¤Î¼ê½ç¤ò·«¤êÊÖ¤·¤Æ¡¢¤¤¤¯¤Ä¤«Ê£À½¤òºî¤Ã¤Æ²£Êý¸þ¤Ëʤó¤Ç¤¤¤¯¤«¤ò³Îǧ¤·¤Þ¤·¤ç¤¦¡£
¼êµå¤Î½é´üÃÍ¤Ï 3 ¤Ç¤¹¤Î¤Ç¡¢¾¯¤Ê¤¯¤È¤â3¤Ä¡¢IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤¬Ê¤٤ÐÌäÂꤢ¤ê¤Þ¤»¤ó¡£

¡¡¤³¤ì¤Ï GridLayoutGroup ¥³¥ó¥Ý¡¼¥Í¥ó¥È¤¬Àµ¾ï¤Ëµ¡Ç½¤·¤Æ¤¤¤ë¤«¤ò³Îǧ¤¹¤ë¤¿¤á¤Ç¤¹¡£


¼ê½çÆ°²è¡¡Ê¤٤Æɽ¼¨¤·¤Æ¡¢À°Î󤹤뤫¤ò³Îǧ¤¹¤ë
https://gyazo.com/b14047224ebf45db3fd72f65fee5c52f


£µ¡¥IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òºï½ü¤¹¤ë

¡¡IconRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤È¡¢Ê£À½¤·¤ÆºîÀ®¤µ¤ì¤¿¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ò¤¹¤Ù¤Æºï½ü¤·¤Þ¤¹¡£

¡¡£±¤Ä¤º¤Äºï½ü¤·¤Æ¤â¹½¤¤¤Þ¤»¤ó¤¬¡¢°ìÅ٤ˤޤȤá¤Æºï½ü¤¹¤ëÊýË¡¤¬¤¢¤ê¤Þ¤¹¡£
º¸¥¯¥ê¥Ã¥¯¤·¤Æ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤òÁªÂò¤¹¤ëºÝ¤Ë Shift ¥­¡¼¤ò²¡¤·¤Æ¤¤¤ë¤È¡¢ÁªÂò¤·¤¿ÈÏ°ÏÆâ¤ò¤Þ¤È¤á¤ÆÁªÂò¤·¤Þ¤¹¡£
¤½¤Î¸å¡¢Delete ¤òÁªÂò¤¹¤ë¤«¡¢¥­¡¼¥Ü¡¼¥É¤Î Delete ¥­¡¼¤ò²¡¤»¤Ð¡¢¤Þ¤È¤á¤Æºï½ü¤Ç¤­¤Þ¤¹¡£


¼ê½çÆ°²è¡¡Ê£À½¤·¤¿¥×¥ì¥Õ¥¡¥Ö¤ò¤¹¤Ù¤Æºï½ü¤¹¤ë
https://gyazo.com/432c98debd11ce6b6bb36446762fbc02


¡¡°Ê¾å¤Ç¤³¤Î¼ê½ç¤Ï½ªÎ»¤Ç¤¹¡£

¡¡¼¡¤Î¼ê½ç¤Ç¤Ï¡¢¤³¤Î¥×¥ì¥Õ¥¡¥Ö¤òÍøÍѤ·¤Æ¼êµå¤Î¿ô¤Îʬ¤À¤±¡¢imgRemainingBall ¥²¡¼¥à¥ª¥Ö¥¸¥§¥¯¥È¤ò¼êµå¤Î»Ä¿ô¤ò¼¨¤¹¥¢¥¤¥³¥ó¤È¤·¤ÆºîÀ®¤·¤Þ¤¹¡£

¥³¥á¥ó¥È¤ò¤«¤¯


¡Öhttp://¡×¤ò´Þ¤àÅê¹Æ¤Ï¶Ø»ß¤µ¤ì¤Æ¤¤¤Þ¤¹¡£

ÍøÍѵ¬Ìó¤ò¤´³Îǧ¤Î¤¦¤¨¤´µ­Æþ²¼¤µ¤¤

Menu



´ðÁÃ

µ»½Ñ/Ãμ±(¼ÂÁõÎã)

3D¥¢¥¯¥·¥ç¥ó¥²¡¼¥à

2D¤ª¤Ï¤¸¤­¥²¡¼¥à(ȯŸÊÔ)

2D¶¯À©²£¥¹¥¯¥í¡¼¥ë¥¢¥¯¥·¥ç¥ó(ȯŸÊÔ)

2D¥¿¥Ã¥×¥·¥å¡¼¥Æ¥£¥ó¥°(³ÈÄ¥ÊÔ)

¥ì¡¼¥¹¥²¡¼¥à(È´¿è)

2DÊüÃÖ¥²¡¼¥à(ȯŸÊÔ)

3D¥ì¡¼¥ë¥¬¥ó¥·¥å¡¼¥Æ¥£¥ó¥°(±þÍÑÊÔ)

3Dæ½Ð¥²¡¼¥à(È´¿è)

2D¥ê¥¢¥ë¥¿¥¤¥à¥¹¥È¥é¥Æ¥¸¡¼

3D¥¿¥Ã¥×¥¢¥¯¥·¥ç¥ó(NavMeshAgent »ÈÍÑ)

2D¥È¥Ã¥×¥Ó¥å¡¼¥¢¥¯¥·¥ç¥ó(¥«¥¨¥ë¤Î°Ù¤Ë¡Á¡¢¥Ü¥³¥¹¥«¥¦¥©¡¼¥ºÉ÷)

VideoPlayer ¥¤¥Ù¥ó¥ÈϢư¤Î¼ÂÁõÎã

VideoPlayer ¥ê¥¹¥ÈÆ⤫¤é¥à¡¼¥Ó¡¼ºÆÀ¸¤Î¼ÂÁõÎã(ȯŸ)

AR ²èÁüÉÕ¤­¥ª¥Ö¥¸¥§¥¯¥ÈÀ¸À®¤Î¼ÂÁõÎã

AR ¥ê¥¹¥ÈÆ⤫¤éÀ¸À®¤Î¼ÂÁõÎã(ȯŸ)

2D¥È¥Ã¥×¥Ó¥å¡¼¥¢¥¯¥·¥ç¥ó(¥µ¥Ð¥¤¥Ð¡¼É÷)

private



¤³¤Î¥µ¥¤¥ÈÆâ¤ÎºîÉʤϥæ¥Ë¥Æ¥£¤Á¤ã¤ó¥é¥¤¥»¥ó¥¹¾ò¹à¤Î¸µ¤ËÄ󶡤µ¤ì¤Æ¤¤¤Þ¤¹¡£

´ÉÍý¿Í/Éû´ÉÍý¿Í¤Î¤ßÊÔ½¸¤Ç¤­¤Þ¤¹