{"id":14230,"date":"2024-10-21T13:39:58","date_gmt":"2024-10-21T17:39:58","guid":{"rendered":"https:\/\/www.sceneri.com\/?post_type=sceneri-pro-docs&#038;p=14230"},"modified":"2024-11-08T06:45:47","modified_gmt":"2024-11-08T11:45:47","slug":"widgets","status":"publish","type":"sceneri-pro-docs","link":"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/","title":{"rendered":"Widgets"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:0px;--awb-padding-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\" style=\"--awb-text-font-family:&quot;Inter&quot;;--awb-text-font-style:normal;--awb-text-font-weight:200;\"><h3><strong>Description<\/strong><\/h3>\n<p>The <strong>Widget<\/strong> component is a flexible 2D interface element used to create interactive UI components such as buttons, images, sliders, and other visual elements. Widgets can be customized in style, position, and function, making them suitable for a wide range of in-game UI applications.<\/p>\n<h3><strong>Usage<\/strong><\/h3>\n<p>Widgets are used to build interactive and informational UI elements, including menus, action buttons, minimaps, and health or progress bars. Their flexibility and configurability make them versatile tools for creating intuitive user interfaces that help players navigate and understand the game environment.<\/p>\n<h3><strong>Key Properties<\/strong><\/h3>\n<ul>\n<li><strong>Position<\/strong>: Specifies the widget\u2019s location on the screen, either in pixel coordinates or relative to screen dimensions.<\/li>\n<li><strong>Size<\/strong>: Sets the width and height of the widget, which can be customized for various screen sizes and resolutions.<\/li>\n<li><strong>Image<\/strong>: Allows an image or texture to be applied to the widget, useful for icons, buttons, and background elements.<\/li>\n<li><strong>Opacity<\/strong>: Adjusts the widget\u2019s transparency level, allowing it to blend with or stand out against other elements.<\/li>\n<li><strong>Interactivity<\/strong>: Determines whether the widget can be clicked or interacted with, suitable for buttons and other clickable elements.<\/li>\n<li><strong>OnClick Event<\/strong>: Defines the action triggered when the player interacts with the widget, such as opening a menu or casting a spell.<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":251212454,"featured_media":0,"parent":10211,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"sceneri-docs-tag":[],"class_list":["post-14230","sceneri-pro-docs","type-sceneri-pro-docs","status-publish","format-standard","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.8 (Yoast SEO v23.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Widgets - Sceneri<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Widgets\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/\" \/>\n<meta property=\"og:site_name\" content=\"Sceneri\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sceneriapp\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-08T11:45:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@sceneriapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/\",\"url\":\"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/\",\"name\":\"Widgets - Sceneri\",\"isPartOf\":{\"@id\":\"https:\/\/www.sceneri.com\/#website\"},\"datePublished\":\"2024-10-21T17:39:58+00:00\",\"dateModified\":\"2024-11-08T11:45:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.sceneri.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Components\",\"item\":\"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets &#038; 2D\",\"item\":\"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Widgets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sceneri.com\/#website\",\"url\":\"https:\/\/www.sceneri.com\/\",\"name\":\"Sceneri\",\"description\":\"Collaborate in 3D.\",\"publisher\":{\"@id\":\"https:\/\/www.sceneri.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sceneri.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.sceneri.com\/#organization\",\"name\":\"Sceneri\",\"url\":\"https:\/\/www.sceneri.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sceneri.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.sceneri.com\/wp-content\/uploads\/2024\/06\/sceneri-logo-inverted.png\",\"contentUrl\":\"https:\/\/www.sceneri.com\/wp-content\/uploads\/2024\/06\/sceneri-logo-inverted.png\",\"width\":1630,\"height\":512,\"caption\":\"Sceneri\"},\"image\":{\"@id\":\"https:\/\/www.sceneri.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sceneriapp\",\"https:\/\/x.com\/sceneriapp\",\"https:\/\/www.reddit.com\/r\/sceneriapp\/\",\"https:\/\/www.twitch.tv\/sceneriapp\",\"https:\/\/www.youtube.com\/@sceneriapp\",\"https:\/\/www.linkedin.com\/company\/sceneri\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Widgets - Sceneri","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/","og_locale":"en_US","og_type":"article","og_title":"Widgets","og_url":"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/","og_site_name":"Sceneri","article_publisher":"https:\/\/www.facebook.com\/sceneriapp","article_modified_time":"2024-11-08T11:45:47+00:00","twitter_card":"summary_large_image","twitter_site":"@sceneriapp","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/","url":"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/","name":"Widgets - Sceneri","isPartOf":{"@id":"https:\/\/www.sceneri.com\/#website"},"datePublished":"2024-10-21T17:39:58+00:00","dateModified":"2024-11-08T11:45:47+00:00","breadcrumb":{"@id":"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/widgets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sceneri.com\/"},{"@type":"ListItem","position":2,"name":"Components","item":"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/"},{"@type":"ListItem","position":3,"name":"Widgets &#038; 2D","item":"https:\/\/www.sceneri.com\/sceneri-pro-docs\/components-interface\/widgets-2d\/"},{"@type":"ListItem","position":4,"name":"Widgets"}]},{"@type":"WebSite","@id":"https:\/\/www.sceneri.com\/#website","url":"https:\/\/www.sceneri.com\/","name":"Sceneri","description":"Collaborate in 3D.","publisher":{"@id":"https:\/\/www.sceneri.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sceneri.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.sceneri.com\/#organization","name":"Sceneri","url":"https:\/\/www.sceneri.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sceneri.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.sceneri.com\/wp-content\/uploads\/2024\/06\/sceneri-logo-inverted.png","contentUrl":"https:\/\/www.sceneri.com\/wp-content\/uploads\/2024\/06\/sceneri-logo-inverted.png","width":1630,"height":512,"caption":"Sceneri"},"image":{"@id":"https:\/\/www.sceneri.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/sceneriapp","https:\/\/x.com\/sceneriapp","https:\/\/www.reddit.com\/r\/sceneriapp\/","https:\/\/www.twitch.tv\/sceneriapp","https:\/\/www.youtube.com\/@sceneriapp","https:\/\/www.linkedin.com\/company\/sceneri\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.sceneri.com\/wp-json\/wp\/v2\/sceneri-pro-docs\/14230"}],"collection":[{"href":"https:\/\/www.sceneri.com\/wp-json\/wp\/v2\/sceneri-pro-docs"}],"about":[{"href":"https:\/\/www.sceneri.com\/wp-json\/wp\/v2\/types\/sceneri-pro-docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.sceneri.com\/wp-json\/wp\/v2\/users\/251212454"}],"version-history":[{"count":0,"href":"https:\/\/www.sceneri.com\/wp-json\/wp\/v2\/sceneri-pro-docs\/14230\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.sceneri.com\/wp-json\/wp\/v2\/sceneri-pro-docs\/10211"}],"wp:attachment":[{"href":"https:\/\/www.sceneri.com\/wp-json\/wp\/v2\/media?parent=14230"}],"wp:term":[{"taxonomy":"sceneri-docs-tag","embeddable":true,"href":"https:\/\/www.sceneri.com\/wp-json\/wp\/v2\/sceneri-docs-tag?post=14230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}