{"id":313,"date":"2017-08-30T13:46:00","date_gmt":"2017-08-30T04:46:00","guid":{"rendered":"https:\/\/cg-method.com\/unity\/?p=313"},"modified":"2026-01-04T21:01:41","modified_gmt":"2026-01-04T12:01:41","slug":"ugui-basic-function","status":"publish","type":"post","link":"https:\/\/cg-method.com\/unity\/ugui-basic-function\/","title":{"rendered":"Unity\u2502uGUI\u4f7f\u7528\u6642\u306b\u77e5\u3063\u3066\u304a\u304f\u3079\u304d\u57fa\u672c\u6a5f\u80fd 7\u9078"},"content":{"rendered":"\n<p>uGUI\u3067UI\u3092\u4f5c\u308b\u3068\u304d\u3001\u77e5\u3063\u3066\u304a\u304f\u3068\u4fbf\u5229\u306a\u57fa\u672c\u6a5f\u80fd\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>Canvas\u8a2d\u5b9a\u304b\u3089\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u8a08\u6e2c\u307e\u3067\u3001\u5b9f\u8df5\u7684\u306a\u5185\u5bb9\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Canvas\u306e\u57fa\u672c\u8a2d\u5b9a<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">UI\u306e\u57fa\u672c\u8981\u7d20<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u8981\u7d20<\/th><th>\u5f79\u5272<\/th><\/tr><\/thead><tbody><tr><td>Canvas<\/td><td>UI\u306e\u63cf\u753b\u3092\u62c5\u5f53\u3002\u8907\u6570\u914d\u7f6e\u3082\u53ef\u80fd<\/td><\/tr><tr><td>EventSystem<\/td><td>UI\u3078\u306e\u30a4\u30d9\u30f3\u30c8\u51e6\u7406\u3092\u62c5\u5f53\u3002\u306a\u3044\u3068\u30dc\u30bf\u30f3\u304c\u53cd\u5fdc\u3057\u306a\u3044<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u63cf\u753b\u30e2\u30fc\u30c9\u306e\u9055\u3044<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u30e2\u30fc\u30c9<\/th><th>\u7279\u5fb4<\/th><th>\u7528\u9014<\/th><\/tr><\/thead><tbody><tr><td>Screen Space &#8211; Overlay<\/td><td>\u5e38\u306b\u6700\u524d\u9762\u306b\u63cf\u753b\u3002\u6700\u3082\u3088\u304f\u4f7f\u308f\u308c\u308b<\/td><td>\u901a\u5e38\u306eUI<\/td><\/tr><tr><td>Screen Space &#8211; Camera<\/td><td>\u30ab\u30e1\u30e9\u3067\u63cf\u753b\u30023D\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u524d\u9762\u306b\u51fa\u305b\u308b<\/td><td>\u30a8\u30d5\u30a7\u30af\u30c8\u3092UI\u306e\u524d\u306b\u8868\u793a\u3057\u305f\u3044\u5834\u5408<\/td><\/tr><tr><td>World Space<\/td><td>\u30b7\u30fc\u30f3\u5185\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u540c\u3058\u6271\u3044\u3002\u79fb\u52d5\u30fb\u56de\u8ee2\u53ef\u80fd<\/td><td>VR\/AR\u3001\u30ef\u30fc\u30eb\u30c9\u5185UI<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u63cf\u753b\u9806<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Canvas\u5185\uff1aHierarchy\u4e0b\u306b\u3042\u308b\u307b\u3069\u624b\u524d\u306b\u8868\u793a<\/li>\n\n\n\n<li>Canvas\u9593\uff1aSort Order\u306e\u5024\u304c\u5927\u304d\u3044\u307b\u3069\u624b\u524d\u306b\u8868\u793a<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30b1\u30fc\u30eb\u30e2\u30fc\u30c9<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u30e2\u30fc\u30c9<\/th><th>\u8aac\u660e<\/th><\/tr><\/thead><tbody><tr><td>Constant Pixel Size<\/td><td>\u30d4\u30af\u30bb\u30eb\u30b5\u30a4\u30ba\u56fa\u5b9a<\/td><\/tr><tr><td>Scale With Screen Size<\/td><td>\u57fa\u6e96\u89e3\u50cf\u5ea6\u3092\u8a2d\u5b9a\u3057\u3066\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\uff08\u8907\u6570\u7aef\u672b\u5bfe\u5fdc\u5411\u3051\uff09<\/td><\/tr><tr><td>Constant Physical Size<\/td><td>\u7269\u7406\u5358\u4f4d\uff08mm\/cm\uff09\u3067\u6307\u5b9a<\/td><\/tr><tr><td>World<\/td><td>World Space\u6642\u306b\u81ea\u52d5\u8a2d\u5b9a<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. \u30b7\u30b9\u30c6\u30e0\u30d5\u30a9\u30f3\u30c8\u306e\u307c\u3084\u3051\u3092\u76f4\u3059\u65b9\u6cd5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u73fe\u8c61<\/h3>\n\n\n\n<p>Scene\u30d3\u30e5\u30fc\u3067\u3082Game\u30d3\u30e5\u30fc\u3067\u3082\u30b7\u30b9\u30c6\u30e0\u30d5\u30a9\u30f3\u30c8\u304c\u307c\u3084\u3051\u3066\u898b\u3048\u308b\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"769\" height=\"269\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180329220629.jpg\" alt=\"\" class=\"wp-image-314\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180329220629.jpg 769w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180329220629-300x105.jpg 300w\" sizes=\"auto, (max-width: 769px) 100vw, 769px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u539f\u56e0<\/h3>\n\n\n\n<p>Canvas\u306eReference Resolution\u304c\u5927\u304d\u3044\u306e\u306b\u3001Game\u30d3\u30e5\u30fc\u306e\u89e3\u50cf\u5ea6\u304c\u5c0f\u3055\u3044\u3068\u767a\u751f\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"525\" height=\"623\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180331143211.jpg\" alt=\"\" class=\"wp-image-315\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180331143211.jpg 525w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180331143211-253x300.jpg 253w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u89e3\u6c7a\u65b9\u6cd5<\/h3>\n\n\n\n<p>Game\u30d3\u30e5\u30fc\u306e\u89e3\u50cf\u5ea6\u3092Canvas\u306eReference Resolution\u3068\u540c\u3058\u5024\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"429\" height=\"294\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180331143233.jpg\" alt=\"\" class=\"wp-image-316\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180331143233.jpg 429w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180331143233-300x206.jpg 300w\" sizes=\"auto, (max-width: 429px) 100vw, 429px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"762\" height=\"320\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180331143400.jpg\" alt=\"\" class=\"wp-image-317\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180331143400.jpg 762w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180331143400-300x126.jpg 300w\" sizes=\"auto, (max-width: 762px) 100vw, 762px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Anchor\u306e\u4f7f\u7528\u4f8b<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Stretch\u3067\u4e2d\u592e\u30ad\u30fc\u30d7<\/h3>\n\n\n\n<p>\u30dc\u30bf\u30f3\u306e\u5b50\u30c6\u30ad\u30b9\u30c8\u306b\u4e0a\u4e0b\u5de6\u53f3Stretch\u3092\u304b\u3051\u308b\u3068\u3001\u30dc\u30bf\u30f3\u30b5\u30a4\u30ba\u304c\u5909\u308f\u3063\u3066\u3082\u5e38\u306b\u4e2d\u592e\u3092\u7dad\u6301\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"589\" height=\"453\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_01.jpg\" alt=\"\" class=\"wp-image-318\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_01.jpg 589w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_01-300x231.jpg 300w\" sizes=\"auto, (max-width: 589px) 100vw, 589px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"241\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_01_02.webp\" alt=\"\" class=\"wp-image-319\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Content Size Fitter\u3067\u53ef\u5909\u5bfe\u5fdc<\/h3>\n\n\n\n<ol class=\"wp-block-list is-style-num_circle\">\n<li>\u53f3\u5bc4\u305b\u30c6\u30ad\u30b9\u30c8\u306bContent Size Fitter\uff08Preferred Size\uff09\u3092\u8ffd\u52a0<\/li>\n\n\n\n<li>\u5b50\u306e\u753b\u50cf\u306eAnchor\u3092\u89aa\u306e\u5de6\u5074\u306b\u8a2d\u5b9a<\/li>\n\n\n\n<li>\u6570\u5b57\u304c\u5897\u3048\u3066\u3082\u4f4d\u7f6e\u95a2\u4fc2\u3092\u4fdd\u3063\u305f\u307e\u307e\u53ef\u5909\u3059\u308b<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"317\" height=\"244\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_02_01.jpg\" alt=\"\" class=\"wp-image-320\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_02_01.jpg 317w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_02_01-300x231.jpg 300w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"247\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_02_02.jpg\" alt=\"\" class=\"wp-image-321\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"241\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/sample_02_03.jpg\" alt=\"\" class=\"wp-image-322\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306aUI\u30d1\u30fc\u30c4<\/h3>\n\n\n\n<ol class=\"wp-block-list is-style-num_circle\">\n<li>\u30d1\u30cd\u30eb\u3092\u4f5c\u6210<\/li>\n\n\n\n<li>\u5de6\u7aefAnchor\u753b\u50cf\u3068\u53f3\u7aefAnchor\u30dc\u30bf\u30f3\u3092\u5b50\u306b\u914d\u7f6e<\/li>\n\n\n\n<li>\u4e2d\u592e\u306b\u6a2a\u5e45Stretch\u306e\u30dc\u30fc\u30c0\u30fc\u3092\u914d\u7f6e<\/li>\n<\/ol>\n\n\n\n<p>\u30d1\u30cd\u30eb\u30b5\u30a4\u30ba\u304c\u5909\u308f\u3063\u3066\u3082\u30d1\u30fc\u30c4\u304c\u8ffd\u5f93\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"637\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_03_02.jpg\" alt=\"\" class=\"wp-image-323\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_03_02.jpg 280w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_03_02-132x300.jpg 132w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"431\" height=\"241\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/Sample_03_01-2.webp\" alt=\"\" class=\"wp-image-324\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4. \u30bf\u30a4\u30ea\u30f3\u30b0\uff08Tiled\uff09\u306e\u8a2d\u5b9a\u65b9\u6cd5<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">\u624b\u9806<\/h4>\n\n\n\n<ol class=\"wp-block-list is-style-num_circle\">\n<li>\u7e70\u308a\u8fd4\u3057\u305f\u3044\u90e8\u5206\u30923\u30de\u30b9\u5206\u78ba\u4fdd\u3057\u305f\u753b\u50cf\u3092\u4f5c\u6210<\/li>\n\n\n\n<li>Unity\u3067Sprite Editor\u3092\u958b\u304f<\/li>\n\n\n\n<li>\u4e2d\u5fc3\u304b\u30891\u500b\u534a\u3092\u30b9\u30e9\u30a4\u30b9\u8a2d\u5b9a<\/li>\n\n\n\n<li>Image\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306eImage Type\u3092\u300cTiled\u300d\u306b\u8a2d\u5b9a<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"96\" height=\"96\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171106230119.jpg\" alt=\"\" class=\"wp-image-325\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"549\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171106230354-768x549-1.jpg\" alt=\"\" class=\"wp-image-326\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171106230354-768x549-1.jpg 768w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171106230354-768x549-1-300x214.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"347\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171106230413-768x347-1.jpg\" alt=\"\" class=\"wp-image-327\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171106230413-768x347-1.jpg 768w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171106230413-768x347-1-300x136.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">5. Canvas Scaler\u3067\u8907\u6570\u89e3\u50cf\u5ea6\u306b\u5bfe\u5fdc\u3059\u308b\u65b9\u6cd5<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">\u8a2d\u5b9a\u624b\u9806<\/h4>\n\n\n\n<ol class=\"wp-block-list is-style-num_circle\">\n<li>Canvas Scaler\u306eUI Scale Mode\u3092\u300cScale With Screen Size\u300d\u306b\u5909\u66f4<\/li>\n\n\n\n<li>Reference Resolution\u306b\u57fa\u6e96\u30b5\u30a4\u30ba\u3092\u5165\u529b\uff08\u4f8b\uff1a1280\u00d7720\uff09<\/li>\n\n\n\n<li>Screen Match Mode\u3092\u300cMatch Width Or Height\u300d\u306b\u8a2d\u5b9a<\/li>\n\n\n\n<li>\u7e26\u6301\u3061\u306a\u3089Match=0\uff08Width\uff09\u3001\u6a2a\u6301\u3061\u306a\u3089Match=1\uff08Height\uff09<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"795\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730103449.jpg\" alt=\"\" class=\"wp-image-328\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730103449.jpg 277w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730103449-105x300.jpg 105w\" sizes=\"auto, (max-width: 277px) 100vw, 277px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u7aef\u672b\u5225\u306e\u8868\u793a\u7d50\u679c\uff08\u7e26\u6301\u3061\u30fbWidth\u5408\u308f\u305b\u306e\u5834\u5408\uff09<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u7aef\u672b<\/th><th>\u6bd4\u7387<\/th><th>\u7d50\u679c<\/th><\/tr><\/thead><tbody><tr><td>iPhone5<\/td><td>16:9<\/td><td>\u3074\u3063\u305f\u308a<\/td><\/tr><tr><td>iPad Pro<\/td><td>4:3<\/td><td>\u4e0a\u4e0b\u304c\u5207\u308c\u308b<\/td><\/tr><tr><td>iPhone4S<\/td><td>3:2<\/td><td>\u4e0a\u4e0b\u304c\u5207\u308c\u308b<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u6bd4\u7387\u304c\u7570\u306a\u308b\u7aef\u672b\u3067\u306f\u5207\u308c\u308b\u90e8\u5206\u3092\u8003\u616e\u3057\u305f\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"690\" height=\"743\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730101724.jpg\" alt=\"\" class=\"wp-image-329\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730101724.jpg 690w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730101724-279x300.jpg 279w\" sizes=\"auto, (max-width: 690px) 100vw, 690px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"690\" height=\"743\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730101731.jpg\" alt=\"\" class=\"wp-image-330\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730101731.jpg 690w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730101731-279x300.jpg 279w\" sizes=\"auto, (max-width: 690px) 100vw, 690px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"690\" height=\"743\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730101735.jpg\" alt=\"\" class=\"wp-image-331\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730101735.jpg 690w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730101735-279x300.jpg 279w\" sizes=\"auto, (max-width: 690px) 100vw, 690px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"443\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730102757-768x443-1.jpg\" alt=\"\" class=\"wp-image-332\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730102757-768x443-1.jpg 768w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20160730102757-768x443-1-300x173.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">6. \u610f\u56f3\u3057\u305f\u5ea7\u6a19\u306b\u3074\u3063\u305f\u308a\u914d\u7f6e\u3059\u308b\u65b9\u6cd5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30ca\u30c3\u30d7\u8a2d\u5b9a<\/h3>\n\n\n\n<p>Edit \u2192 Snap Settings\u3067\u30b9\u30ca\u30c3\u30d7\u5024\u3092\u8a2d\u5b9a\uff08\u4f8b\uff1a8\u306e\u500d\u6570\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"230\" height=\"156\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219140643.jpg\" alt=\"\" class=\"wp-image-333\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u914d\u7f6e\u624b\u9806<\/h3>\n\n\n\n<ol class=\"wp-block-list is-style-num_circle\">\n<li>Anchor Presets\u3067Shift+\u5de6\u4e0a\u30af\u30ea\u30c3\u30af\uff08Pivot\u3092\u5de6\u4e0a\u306b\uff09<\/li>\n\n\n\n<li>Alt+\u5de6\u4e0a\u30af\u30ea\u30c3\u30af\uff08\u5de6\u4e0a\u306b\u79fb\u52d5\uff09<\/li>\n\n\n\n<li>W\u30ad\u30fc\u3067\u30c8\u30e9\u30f3\u30b9\u30d5\u30a9\u30fc\u30e0\u3001Ctrl\u62bc\u3057\u306a\u304c\u3089\u79fb\u52d5\u3067\u30b9\u30ca\u30c3\u30d7<\/li>\n\n\n\n<li>\u914d\u7f6e\u5f8c\u3001Anchor\u3092\u9069\u5207\u306a\u3082\u306e\u306b\u5909\u66f4<\/li>\n\n\n\n<li>Shift+\u4e2d\u592e\u30af\u30ea\u30c3\u30af\u3067Pivot\u3092\u4e2d\u5fc3\u306b\u623b\u3059<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"191\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219203125.jpg\" alt=\"\" class=\"wp-image-334\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219203125.jpg 487w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219203125-300x118.jpg 300w\" sizes=\"auto, (max-width: 487px) 100vw, 487px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"300\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219203238.jpg\" alt=\"\" class=\"wp-image-335\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"300\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219203512.jpg\" alt=\"\" class=\"wp-image-336\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"617\" height=\"381\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219142628.jpg\" alt=\"\" class=\"wp-image-337\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219142628.jpg 617w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219142628-300x185.jpg 300w\" sizes=\"auto, (max-width: 617px) 100vw, 617px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"272\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219144414.jpg\" alt=\"\" class=\"wp-image-338\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219144414.jpg 700w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20171219144414-300x117.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">7. \u30dd\u30ea\u30b4\u30f3\u6570\u3068Set Pass Call\u306e\u8a08\u6e2c<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">UI\u306e\u30dd\u30ea\u30b4\u30f3\u6570<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u8981\u7d20<\/th><th>\u8ffd\u52a0\u30dd\u30ea\u30b4\u30f3\u6570<\/th><\/tr><\/thead><tbody><tr><td>Image\uff08Simple\uff09<\/td><td>+2\u25b3<\/td><\/tr><tr><td>Image\uff089Slice\uff09<\/td><td>+18\u25b3\uff082\u00d79\uff09<\/td><\/tr><tr><td>Image\uff08Tiled\uff09<\/td><td>+8\u25b3\u301c\uff08\u7e70\u308a\u8fd4\u3057\u5206\u5897\u52a0\uff09<\/td><\/tr><tr><td>Shadow<\/td><td>\u00d72\u500d<\/td><\/tr><tr><td>Outline<\/td><td>\u00d74\u500d<\/td><\/tr><tr><td>Shadow + Outline<\/td><td>\u00d710\u500d\u4ee5\u4e0a<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Set Pass Call<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u69cb\u6210<\/th><th>Batches<\/th><th>SetPass calls<\/th><\/tr><\/thead><tbody><tr><td>Camera only<\/td><td>1<\/td><td>1<\/td><\/tr><tr><td>UI<\/td><td>2<\/td><td>2<\/td><\/tr><tr><td>Rect Mask 2D<\/td><td>3<\/td><td>2<\/td><\/tr><tr><td>Mask<\/td><td>4<\/td><td>4<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u30dd\u30a4\u30f3\u30c8<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u753b\u50cf\u3082\u30c6\u30ad\u30b9\u30c8\u30821\u3064\u306b\u3064\u304d+2\u30dd\u30ea\u30b4\u30f3<\/li>\n\n\n\n<li>Shadow\u3068Outline\u306e\u7d44\u307f\u5408\u308f\u305b\u306f\u8ca0\u8377\u304c\u5927\u304d\u3044<\/li>\n\n\n\n<li>Mask\u306f\u4f7f\u3046\u3060\u3051\u3067SetPass calls\u304c\u5897\u3048\u308b<\/li>\n\n\n\n<li>\u3067\u304d\u308b\u3060\u30511\u30a2\u30c8\u30e9\u30b9+1\u30de\u30c6\u30ea\u30a2\u30eb\u306b\u53ce\u3081\u308b<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"470\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217132801.jpg\" alt=\"\" class=\"wp-image-339\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217132801.jpg 548w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217132801-300x257.jpg 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"607\" height=\"522\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217132848.jpg\" alt=\"\" class=\"wp-image-340\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217132848.jpg 607w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217132848-300x258.jpg 300w\" sizes=\"auto, (max-width: 607px) 100vw, 607px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"488\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217133217.jpg\" alt=\"\" class=\"wp-image-341\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217133217.jpg 473w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217133217-291x300.jpg 291w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"394\" height=\"394\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217135117.jpg\" alt=\"\" class=\"wp-image-342\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217135117.jpg 394w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217135117-300x300.jpg 300w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217135117-150x150.jpg 150w\" sizes=\"auto, (max-width: 394px) 100vw, 394px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"607\" height=\"522\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217133246.jpg\" alt=\"\" class=\"wp-image-343\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217133246.jpg 607w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217133246-300x258.jpg 300w\" sizes=\"auto, (max-width: 607px) 100vw, 607px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"607\" height=\"522\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217133521.jpg\" alt=\"\" class=\"wp-image-344\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217133521.jpg 607w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/01\/20180217133521-300x258.jpg 300w\" sizes=\"auto, (max-width: 607px) 100vw, 607px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>\u9805\u76ee<\/th><th>\u30dd\u30a4\u30f3\u30c8<\/th><\/tr><\/thead><tbody><tr><td>Canvas<\/td><td>\u63cf\u753b\u30e2\u30fc\u30c9\u3068\u30b9\u30b1\u30fc\u30eb\u30e2\u30fc\u30c9\u3092\u9069\u5207\u306b\u8a2d\u5b9a<\/td><\/tr><tr><td>\u30d5\u30a9\u30f3\u30c8\u307c\u3084\u3051<\/td><td>Game\u30d3\u30e5\u30fc\u89e3\u50cf\u5ea6\u3092Canvas\u89e3\u50cf\u5ea6\u306b\u5408\u308f\u305b\u308b<\/td><\/tr><tr><td>Anchor<\/td><td>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306aUI\u306b\u306fAnchor\u8a2d\u5b9a\u304c\u5fc5\u9808<\/td><\/tr><tr><td>\u8907\u6570\u89e3\u50cf\u5ea6\u5bfe\u5fdc<\/td><td>Scale With Screen Size + Match\u8a2d\u5b9a<\/td><\/tr><tr><td>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9<\/td><td>Shadow\/Outline\/Mask\u306f\u8ca0\u8377\u304c\u9ad8\u3044\u306e\u3067\u6ce8\u610f<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>uGUI\u3067UI\u3092\u4f5c\u308b\u3068\u304d\u3001\u77e5\u3063\u3066\u304a\u304f\u3068\u4fbf\u5229\u306a\u57fa\u672c\u6a5f\u80fd\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002 Canvas\u8a2d\u5b9a\u304b\u3089\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u8a08\u6e2c\u307e\u3067\u3001\u5b9f\u8df5\u7684\u306a\u5185\u5bb9\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002 1. Canvas\u306e\u57fa\u672c\u8a2d\u5b9a UI\u306e\u57fa\u672c\u8981\u7d20 \u8981\u7d20 \u5f79\u5272 Canvas UI\u306e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":21715,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[20],"tags":[],"class_list":["post-313","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui"],"_links":{"self":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts\/313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":3,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts\/313\/revisions"}],"predecessor-version":[{"id":21717,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts\/313\/revisions\/21717"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/media\/21715"}],"wp:attachment":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/media?parent=313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/categories?post=313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/tags?post=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}