{"id":13307,"date":"2023-02-06T12:40:23","date_gmt":"2023-02-06T03:40:23","guid":{"rendered":"https:\/\/dipross.co.jp\/eng\/?p=13307"},"modified":"2023-02-03T17:32:30","modified_gmt":"2023-02-03T08:32:30","slug":"unity%e3%81%a7ui%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99%e3%82%8b%e4%b8%8a%e3%81%a7image%e3%81%a8sprite%e3%81%ae%e9%81%95%e3%81%84","status":"publish","type":"post","link":"https:\/\/dipross.co.jp\/eng\/2023\/02\/unity%e3%81%a7ui%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99%e3%82%8b%e4%b8%8a%e3%81%a7image%e3%81%a8sprite%e3%81%ae%e9%81%95%e3%81%84.html","title":{"rendered":"Unity\u3067UI\u3092\u4f5c\u6210\u3059\u308b\u4e0a\u3067Image\u3068Sprite\u306e\u9055\u3044"},"content":{"rendered":"\n<p>Unity\u3067\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u6210\u3059\u308b\u969b\u3001UI\u7b49\u3092\u8868\u73fe\u3059\u308b\u969b\u306b\u306f\u4e3b\u306buGUI\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<br>uGUI\u4e0a\u3067\u753b\u50cf\u3092\u4f7f\u7528\u3059\u308b\u306b\u306fImage\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u304c\u3001\u5834\u5408\u306b\u3088\u3063\u3066\u306fSprite Renderer\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"552\" src=\"https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-1-1024x552.png\" alt=\"\" class=\"wp-image-13309\" srcset=\"https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-1-1024x552.png 1024w, https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-1-300x162.png 300w, https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-1-768x414.png 768w, https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-1.png 1069w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u30fbuGUI Image<\/h2>\n\n\n\n<p>uGUI Image\u306fCanvas\u3068\u7d44\u307f\u5408\u308f\u305b\u3001Canvas Renderer\u3067\u753b\u50cf\u3092Sprite\u30a2\u30bb\u30c3\u30c8\u3092\u53c2\u7167\u3057\u3066\u63cf\u753b\u3057\u307e\u3059\u3002<br>\u57fa\u672c\u7684\u306aUnity\u4e0a\u3067\u5ea7\u6a19\u8a2d\u5b9a\u7b49\u3067\u4f7f\u7528\u3055\u308c\u308bTransform\u3067\u306f\u306a\u304f\u3001RectTransform\u3092\u4f7f\u7528\u3057\u3066\u30b7\u30fc\u30f3\u5185\u3067\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u4f4d\u7f6e\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"581\" src=\"https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-2.png\" alt=\"\" class=\"wp-image-13310\" srcset=\"https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-2.png 430w, https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-2-222x300.png 222w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u30fbSprite Renderer<\/h2>\n\n\n\n<p>Sprite Renderer\u306fSprite\u30a2\u30bb\u30c3\u30c8\u3092\u53c2\u7167\u3057\u3066\u30dd\u30ea\u30b4\u30f3\u5f62\u72b6\u3092\u751f\u6210\u3057\u3001\u305d\u308c\u306b\u5f35\u308a\u4ed8\u3051\u308b\u3088\u3046\u306a\u5f62\u3067\u753b\u50cf\u3092\u63cf\u753b\u3057\u307e\u3059\u3002<br>uGUI Image\u3068\u306f\u7570\u306a\u308a\u3001Transfrom\u3092\u57fa\u6e96\u3068\u3057\u3066\u30b7\u30fc\u30f3\u5185\u3067\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u4f4d\u7f6e\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"491\" src=\"https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-3.png\" alt=\"\" class=\"wp-image-13311\" srcset=\"https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-3.png 433w, https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-3-265x300.png 265w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u30fbImage\u3068Sprite\u306e\u6bd4\u8f03<\/h2>\n\n\n\n<p>\u3069\u3061\u3089\u306b\u3082\u5171\u901a\u3059\u308b\u4ed5\u69d8\u3068\u3057\u3066\u3001<br>\u30fbSprite\u30a2\u30bb\u30c3\u30c8\u306e\u6307\u5b9a<br>\u30fbColor\u306e\u6307\u5b9a<br>\u30fbSortingLayer\/Order in Layer\/Hierarchy\u4e0a\u3067\u306e\u9806\u3001\u3092\u5229\u7528\u3057\u3066\u306e\u63cf\u753b\u9806\u306e\u5236\u5fa1<br>\u30fbMaterial\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u30b9\u30d7\u30e9\u30a4\u30c8\u753b\u50cf\u3092\u63cf\u753b\u3059\u308b\u305f\u3081\u306e\u30ab\u30b9\u30bf\u30e0\u30b7\u30a7\u30fc\u30c0\u30fc\u3092\u8a2d\u5b9a<br>\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br><br>Draw Mode\u306e\u8a2d\u5b9a\u306f\u4e21\u8005\u306b\u3042\u308a\u307e\u3059\u304c\u3001Draw Mode Fill\u306fImage\u306b\u3057\u304b\u306a\u3044\u70ba\u3001\u4e00\u679a\u306e\u753b\u50cf\u3092\u4f7f\u3063\u3066\u30a4\u30f3\u30b8\u30b1\u30fc\u30bf\u30fc\u306e\u3088\u3046\u306a\u8868\u73fe\u3092\u3059\u308b\u305f\u3081\u306b\u306fImage\u306e\u65b9\u304c\u512a\u308c\u307e\u3059\u3002<br>Sprite Renderer\u306f\u6bd4\u8f03\u3059\u308b\u3068\u6a5f\u80fd\u306f\u30b7\u30f3\u30d7\u30eb\u306a\u306e\u3067\u3001\u57fa\u672c\u7684\u306b\u306fUI\u3092\u8868\u73fe\u3059\u308b\u4e0a\u3067\u306fImage\u306e\u65b9\u304c\u9ad8\u6a5f\u80fd\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<br>\u3067\u3059\u304c\u3001\u76ee\u7684\u306b\u3088\u3063\u3066\u306fImage\u306b\u3082\u6b20\u70b9\u306f\u3042\u308a\u307e\u3059\u3002<br>\u4f8b\u3048\u3070Image\u3082Sprite Renderer\u3082Material\u306e\u8a2d\u5b9a\u306b\u3088\u3063\u3066\u30ab\u30b9\u30bf\u30e0\u30b7\u30a7\u30fc\u30c0\u30fc\u3092\u4f7f\u7528\u3057\u3066\u7279\u6b8a\u306a\u63cf\u753b\u304c\u53ef\u80fd\u3067\u3059\u304c\u3001Image\u306eMaterial\u306f\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316\u3055\u308c\u3066\u304a\u3089\u305a\u3001\u5b9f\u884c\u4e2d\u306b\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306b\u90e8\u5206\u7684\u306b\u30de\u30c6\u30ea\u30a2\u30eb\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u5909\u66f4\u3057\u3066\u52d5\u304d\u3092\u898b\u305b\u305f\u3044\u3068\u3044\u3063\u305f\u8868\u73fe\u306f\u3084\u308a\u306b\u304f\u304f\u306a\u3063\u3066\u3044\u307e\u3059\u3002<br>\u3055\u3089\u306b\u591a\u304f\u306e\u753b\u50cf\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u308a\u3001\u91cd\u306d\u305f\u308a\u3001\u52d5\u304b\u3057\u305f\u308a\u3059\u308b\u3088\u3046\u306a\u8868\u73fe\u3092\u884c\u3046\u5834\u5408\u306fSprite Renderer\u306e\u65b9\u304c\u8ca0\u8377\u7684\u306b\u3082\u52b9\u7387\u7684\u306a\u4e0a\u3001\u5ea7\u6a19\u7cfb\u304cTransfrom\u306a\u70ba\u306b\u5236\u5fa1\u3082\u3084\u308a\u3084\u3059\u304f\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>3D\u7a7a\u9593\u30843D\u30e2\u30c7\u30eb\u3092\u4f7f\u3063\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u6210\u3059\u308b\u5834\u5408\u3067\u30822D\u7a7a\u9593\u306eUI\u306f\u591a\u304f\u306e\u5834\u5408\u5fc5\u8981\u4e0d\u53ef\u6b20\u3068\u306a\u308a\u307e\u3059\u306e\u3067\u3001\u76ee\u7684\u306b\u5fdc\u3058\u3066\u6a5f\u80fd\u3092\u4f7f\u3044\u5206\u3051\u3066\u3044\u304f\u5fc5\u8981\u304c\u3042\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"veu_socialSet veu_socialSet-position-after veu_contentAddSection\"><script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src=\"https:\/\/platform.twitter.com\/widgets.js\";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,\"script\",\"twitter-wjs\"));<\/script><ul><li class=\"sb_facebook sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/www.facebook.com\/sharer.php?src=bm&u=https%3A%2F%2Fdipross.co.jp%2Feng%2F2023%2F02%2Funity%25e3%2581%25a7ui%25e3%2582%2592%25e4%25bd%259c%25e6%2588%2590%25e3%2581%2599%25e3%2582%258b%25e4%25b8%258a%25e3%2581%25a7image%25e3%2581%25a8sprite%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584.html&amp;t=dipross%20%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0%E4%BA%8B%E6%A5%AD%E9%83%A8\" target=\"_blank\" onclick=\"window.open(this.href,'FBwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_fb icon_sns\"><\/span><span class=\"sns_txt\">Facebook<\/span><span class=\"veu_count_sns_fb\"><\/span><\/a><\/li><li class=\"sb_x_twitter sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fdipross.co.jp%2Feng%2F2023%2F02%2Funity%25e3%2581%25a7ui%25e3%2582%2592%25e4%25bd%259c%25e6%2588%2590%25e3%2581%2599%25e3%2582%258b%25e4%25b8%258a%25e3%2581%25a7image%25e3%2581%25a8sprite%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584.html&amp;text=dipross%20%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0%E4%BA%8B%E6%A5%AD%E9%83%A8\" target=\"_blank\" ><span class=\"vk_icon_w_r_sns_x_twitter icon_sns\"><\/span><span class=\"sns_txt\">X<\/span><\/a><\/li><li class=\"sb_bluesky sb_icon\"><a class=\"sb_icon_inner\" href=\"https:\/\/bsky.app\/intent\/compose?text=dipross%20%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0%E4%BA%8B%E6%A5%AD%E9%83%A8%0Ahttps%3A%2F%2Fdipross.co.jp%2Feng%2F2023%2F02%2Funity%25e3%2581%25a7ui%25e3%2582%2592%25e4%25bd%259c%25e6%2588%2590%25e3%2581%2599%25e3%2582%258b%25e4%25b8%258a%25e3%2581%25a7image%25e3%2581%25a8sprite%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584.html\" target=\"_blank\" ><span class=\"vk_icon_w_r_sns_bluesky icon_sns\"><\/span><span class=\"sns_txt\">Bluesky<\/span><\/a><\/li><li class=\"sb_hatena sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/b.hatena.ne.jp\/add?mode=confirm&url=https%3A%2F%2Fdipross.co.jp%2Feng%2F2023%2F02%2Funity%25e3%2581%25a7ui%25e3%2582%2592%25e4%25bd%259c%25e6%2588%2590%25e3%2581%2599%25e3%2582%258b%25e4%25b8%258a%25e3%2581%25a7image%25e3%2581%25a8sprite%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584.html&amp;title=dipross%20%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0%E4%BA%8B%E6%A5%AD%E9%83%A8\" target=\"_blank\"  onclick=\"window.open(this.href,'Hatenawindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_hatena icon_sns\"><\/span><span class=\"sns_txt\">Hatena<\/span><span class=\"veu_count_sns_hb\"><\/span><\/a><\/li><li class=\"sb_pocket sb_icon\"><a class=\"sb_icon_inner\"  href=\"\/\/getpocket.com\/edit?url=https%3A%2F%2Fdipross.co.jp%2Feng%2F2023%2F02%2Funity%25e3%2581%25a7ui%25e3%2582%2592%25e4%25bd%259c%25e6%2588%2590%25e3%2581%2599%25e3%2582%258b%25e4%25b8%258a%25e3%2581%25a7image%25e3%2581%25a8sprite%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584.html&title=dipross%20%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0%E4%BA%8B%E6%A5%AD%E9%83%A8\" target=\"_blank\"  onclick=\"window.open(this.href,'Pokcetwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_pocket icon_sns\"><\/span><span class=\"sns_txt\">Pocket<\/span><span class=\"veu_count_sns_pocket\"><\/span><\/a><\/li><li class=\"sb_copy sb_icon\"><button class=\"copy-button sb_icon_inner\"data-clipboard-text=\"dipross \u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u4e8b\u696d\u90e8 https:\/\/dipross.co.jp\/eng\/2023\/02\/unity%e3%81%a7ui%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99%e3%82%8b%e4%b8%8a%e3%81%a7image%e3%81%a8sprite%e3%81%ae%e9%81%95%e3%81%84.html\"><span class=\"vk_icon_w_r_sns_copy icon_sns\"><i class=\"fas fa-copy\"><\/i><\/span><span class=\"sns_txt\">Copy<\/span><\/button><\/li><\/ul><\/div><!-- [ \/.socialSet ] -->","protected":false},"excerpt":{"rendered":"<p>Unity\u3067\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u6210\u3059\u308b\u969b\u3001UI\u7b49\u3092\u8868\u73fe\u3059\u308b\u969b\u306b\u306f\u4e3b\u306buGUI\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002uGUI\u4e0a\u3067\u753b\u50cf\u3092\u4f7f\u7528\u3059\u308b\u306b\u306fImage\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u304c\u3001\u5834\u5408\u306b\u3088\u3063\u3066\u306fSprite Renderer\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834 [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"vkexunit_cta_each_option":"","footnotes":""},"categories":[1],"tags":[74],"class_list":["post-13307","post","type-post","status-publish","format-standard","hentry","category-techinfo","tag-unity"],"_links":{"self":[{"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/posts\/13307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/comments?post=13307"}],"version-history":[{"count":2,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/posts\/13307\/revisions"}],"predecessor-version":[{"id":13314,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/posts\/13307\/revisions\/13314"}],"wp:attachment":[{"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/media?parent=13307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/categories?post=13307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/tags?post=13307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}