{"id":3325,"date":"2017-02-08T06:06:44","date_gmt":"2017-02-08T06:06:44","guid":{"rendered":"https:\/\/www.codebee.co.th\/labs\/?p=3325"},"modified":"2017-04-22T05:32:11","modified_gmt":"2017-04-22T05:32:11","slug":"%e0%b8%aa%e0%b8%ad%e0%b8%99-unity3d-%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-ui-canvas","status":"publish","type":"post","link":"https:\/\/www.codebee.co.th\/labs\/%e0%b8%aa%e0%b8%ad%e0%b8%99-unity3d-%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-ui-canvas\/","title":{"rendered":"\u0e2a\u0e2d\u0e19 Unity3D C# \u0e15\u0e2d\u0e19 2 \u0e2a\u0e23\u0e49\u0e32\u0e07 Canvas \u0e41\u0e25\u0e30 UI Component"},"content":{"rendered":"<h3>\u0e2a\u0e2d\u0e19 Unity3D C# \u0e15\u0e2d\u0e19 2 \u0e2a\u0e23\u0e49\u0e32\u0e07 Canvas \u0e41\u0e25\u0e30 UI Component<\/h3>\n<p><\/br><br \/>\n<strong>\u0e2a\u0e2d\u0e19 Unity3D C# \u0e15\u0e2d\u0e19 2 \u0e2a\u0e23\u0e49\u0e32\u0e07 Canvas \u0e41\u0e25\u0e30 UI Component<\/strong><br \/>\nUI ( User Interface ) \u0e04\u0e37\u0e2d Object \u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 Unity3D \u0e21\u0e35\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e19\u0e33\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e40\u0e2d\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e4a\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e43\u0e2b\u0e21\u0e48 \u0e42\u0e14\u0e22\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19\u0e02\u0e2d\u0e07 UI Component \u0e43\u0e19\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 Unity3D \u0e04\u0e37\u0e2d \u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e32\u0e02\u0e2d\u0e07 UI \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e04\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e32\u0e07\u0e07\u0e48\u0e32\u0e22 <!--more--><\/p>\n<p><\/br><br \/>\n\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e41\u0e1a\u0e1a 2D \u0e19\u0e31\u0e49\u0e19 UI \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e17\u0e31\u0e49\u0e07\u0e21\u0e27\u0e25 \u0e40\u0e0a\u0e48\u0e19 UI Button, UI Text, UI Image \u0e08\u0e30\u0e16\u0e39\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e44\u0e27\u0e49\u0e43\u0e19 UI Canvas \u0e2d\u0e35\u0e01\u0e17\u0e35\u0e2b\u0e19\u0e36\u0e48\u0e07 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a UI Canvas \u0e08\u0e30\u0e17\u0e33\u0e07\u0e32\u0e19\u0e40\u0e2a\u0e21\u0e37\u0e2d\u0e19\u0e40\u0e1b\u0e47\u0e19 \u0e01\u0e23\u0e30\u0e14\u0e32\u0e29\u0e41\u0e1c\u0e48\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07 \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e19\u0e33 graphic \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e25\u0e07\u0e44\u0e1b\u0e27\u0e32\u0e07\u0e44\u0e27\u0e49\u0e41\u0e25\u0e30\u0e40\u0e02\u0e35\u0e22\u0e19\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 UI \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e20\u0e32\u0e22\u0e43\u0e19 Canvas<br \/>\n<\/br><\/p>\n<h4>\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07 Canvas \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21 UI Component<\/h4>\n<p>\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07 Hierarchy \u0e21\u0e2d\u0e07\u0e2b\u0e32\u0e40\u0e21\u0e19\u0e39 &#8220;Create&#8221; \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e02\u0e27\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e27\u0e48\u0e32\u0e07\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48 UI Panel \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 background \u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a Canvas<br \/>\n<\/br><br \/>\n<img decoding=\"async\" width=\"400\" src=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2017\/02\/\u0e2a\u0e2d\u0e19-unity3d-\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19-\u0e15\u0e2d\u0e192-1.png\" alt=\"\u0e2a\u0e2d\u0e19-unity3d-\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\" \/><br \/>\n<\/br><br \/>\n\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e08\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e17\u0e31\u0e49\u0e07 Panel \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07 Canvas \u0e43\u0e2b\u0e49\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e43\u0e2b\u0e49\u0e04\u0e25\u0e34\u0e01\u0e02\u0e27\u0e32 \u0e41\u0e15\u0e48\u0e04\u0e23\u0e32\u0e27\u0e19\u0e35\u0e49\u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48 UI Button \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21\u0e44\u0e27\u0e49\u0e1a\u0e19 Panel \u0e2d\u0e35\u0e01\u0e17\u0e35\u0e2b\u0e19\u0e36\u0e48\u0e07<br \/>\n<\/br><br \/>\n\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07 Hierarchy \u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48 button \u0e08\u0e30\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15\u0e38\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e21\u0e35 property \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1b\u0e23\u0e32\u0e01\u0e0f\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07 Inspector \u0e43\u0e2b\u0e49\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e43\u0e19\u0e0a\u0e48\u0e2d\u0e07 Width \u0e40\u0e1b\u0e47\u0e19 300 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07 Height \u0e40\u0e1b\u0e47\u0e19 100<br \/>\n<\/br><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2017\/02\/\u0e2a\u0e2d\u0e19-unity3d-\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19-\u0e15\u0e2d\u0e192-2.png\" alt=\"\u0e2a\u0e2d\u0e19-unity3d-\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\" \/><br \/>\n<\/br><br \/>\n\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a UI Button \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 \u0e20\u0e32\u0e22\u0e43\u0e19 button \u0e08\u0e30\u0e21\u0e35 UI Text \u0e21\u0e32\u0e43\u0e2b\u0e49\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e43\u0e2b\u0e49\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e02\u0e19\u0e32\u0e14\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e2d\u0e07 UI Text \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e2b\u0e25\u0e31\u0e01\u0e01\u0e32\u0e23\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19\u0e01\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e1b\u0e38\u0e48\u0e21 \u0e04\u0e37\u0e2d\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e15\u0e31\u0e27 UI Text \u0e01\u0e48\u0e2d\u0e19\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19 \u0e43\u0e2b\u0e49\u0e1b\u0e23\u0e31\u0e1a\u0e04\u0e48\u0e32\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07 inspector \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e31\u0e07\u0e23\u0e39\u0e1b\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07<br \/>\n<\/br><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2017\/02\/\u0e2a\u0e2d\u0e19-unity3d-\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19-\u0e15\u0e2d\u0e192-3.png\" alt=\"\u0e2a\u0e2d\u0e19-unity3d-\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\" \/><br \/>\n<\/br><br \/>\n\u0e43\u0e2b\u0e49\u0e25\u0e2d\u0e07\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e1b\u0e38\u0e48\u0e21 \u0e42\u0e14\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 Play \u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 Unity3D \u0e41\u0e25\u0e30\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e04\u0e25\u0e34\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07 Game \u0e08\u0e30\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15\u0e38\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32 UI Button \u0e02\u0e2d\u0e07 Unity \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e04\u0e25\u0e34\u0e01 \u0e0b\u0e36\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e19\u0e35\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07 inspector \u0e43\u0e19\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e48\u0e32 Button \u0e14\u0e31\u0e07\u0e23\u0e39\u0e1b\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07<br \/>\n<\/br><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2017\/02\/\u0e2a\u0e2d\u0e19-unity3d-\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19-\u0e15\u0e2d\u0e192-4.png\" alt=\"\u0e2a\u0e2d\u0e19-unity3d-\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\" \/><br \/>\n<\/br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e2a\u0e2d\u0e19 Unity3D C# \u0e15\u0e2d\u0e19 2 \u0e2a\u0e23\u0e49\u0e32\u0e07 Canvas \u0e41\u0e25\u0e30 UI Component \u0e2a\u0e2d\u0e19 Unity3D C# \u0e15\u0e2d\u0e19 2 \u0e2a\u0e23\u0e49\u0e32\u0e07 Canvas \u0e41\u0e25\u0e30 UI Component&#8230;<\/p>\n","protected":false},"author":1,"featured_media":2501,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[45,1222],"tags":[1223,1225,836,1217,1224,1219,1220],"class_list":{"0":"post-3325","1":"post","2":"type-post","3":"status-publish","4":"format-video","5":"has-post-thumbnail","6":"hentry","7":"category-mobile-development-","8":"category-unity3d-development","9":"tag-unity3d--ui-canvas","10":"tag--unity","11":"tag--unity3d","12":"tag--unity3d-c","13":"tag--c","16":"post_format-post-format-video"},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/3325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/comments?post=3325"}],"version-history":[{"count":8,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/3325\/revisions"}],"predecessor-version":[{"id":3337,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/3325\/revisions\/3337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media\/2501"}],"wp:attachment":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media?parent=3325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/categories?post=3325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/tags?post=3325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}