{"id":17416,"date":"2026-07-02T02:44:53","date_gmt":"2026-07-02T07:44:53","guid":{"rendered":"https:\/\/visuall.ca\/gui\/?page_id=17416"},"modified":"2026-09-10T01:55:25","modified_gmt":"2026-09-10T06:55:25","slug":"tooling","status":"publish","type":"page","link":"https:\/\/visuall.ca\/gui\/tooling\/","title":{"rendered":"Tooling"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section Bgtooling FirstRow\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row et-interaction-target-vjg7ewph7v FirstRow\" data-interaction-target=\"vjg7ewph7v\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_group_0 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">RESPONSIVE<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">CROSS-PLATFORM<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">AAA<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">+ UGM<\/p>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">TOOLING SERVICES<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">Every tool is designed to eliminate repetitive work, reduce cross-platform complexity, and help UI teams ship faster with greater consistency.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_group_1 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_0_wrapper\"><a class=\"et_pb_button_0 et_pb_button et_pb_bg_layout_light et_pb_module et_block_module\" href=\"#tools\">Our Tools<\/a><\/div>\n<\/div>\n\n<div class=\"et_pb_video_slider_0 et_pb_video_slider et_animated et_pb_module videofluid\"><div class=\"et_pb_slider et_pb_preload et_pb_slider_no_arrows et_pb_slider_dots et_pb_controls_light\"><div class=\"et_pb_slides\">\n<div class=\"et_pb_video_slider_item_0 et_pb_video_slider_item et_pb_slide et_pb_bg_layout_light\" data-image=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/FluidTrailerCover01-2.jpg\"><div class=\"et_pb_video_wrap\"><div class=\"et_pb_video_box\"><video controls><source type=\"video\/mp4\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/FluidImageFull_100Mb.mp4\" \/><\/video><\/div><div class=\"et_pb_video_overlay\" style=\"background-image:url(https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/FluidTrailerCover01-2.jpg)\"><div class=\"et_pb_video_overlay_hover\"><a class=\"et_pb_video_play\" href=\"#\"><\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n\n<div class=\"et_pb_text_6 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">Fluid UI Image is the first<br \/>Fluid UI Kit component.<br \/>More to come.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\" id=\"responsiveness\"><span class=\"et-pb-background-video et-pb-background-video--empty\"><\/span>\n<div class=\"et_pb_row_1 et_pb_row et_flex_row et-pb-has-background-video et_pb_preload tools\"><span class=\"et-pb-background-video et-pb-background-video--play-outside-viewport\"><video autoplay loop playsinline muted width=\"100\" height=\"0\"><source type=\"video\/mp4\" data-src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/ToolingWebBg-1.mp4\" \/><\/video><\/span>\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_7 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>SCROLL DOWN TO SAVE TIME AND MONEY...<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_group_2 et_pb_group et-last-child et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_8 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: left;\"><span style=\"color: #333399;\">DESIGNED<\/span> TO SAVE TIME <span style=\"color: #333399;\">BUILT<\/span> TO SCALE<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/EditorCoverVideo.jpg\" title=\"EditorCoverVideo\" width=\"824\" height=\"684\" srcset=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/EditorCoverVideo.jpg 824w, https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/EditorCoverVideo-480x398.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 824px, 100vw\" class=\"wp-image-18480\" \/><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_group_3 et_pb_group et-last-child et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_9 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: left;\">TOOLS <br \/>TO CREATE<br \/><span style=\"color: #ff00ff;\">SMARTER UI<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_image_1 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/Fluide009.jpg\" title=\"Fluide009\" width=\"1024\" height=\"1024\" srcset=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/Fluide009.jpg 1024w, https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/Fluide009-980x980.jpg 980w, https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/Fluide009-480x480.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" class=\"wp-image-18520\" \/><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_10 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: right;\">IN ONE AAA GAME UGM PANELS GOT DEPRECATED FOR ALL THE UI TEAMS IN ORDER TO USE OUR OWN UI TOOLS<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_group_4 et_pb_group et-last-child et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_11 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: left;\">TURNING YEARS <br \/>OF EXPERIENCE<br \/>INTO A BETTER<br \/>WORKFLOW<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_image_2 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/InputvideoBg.jpg\" title=\"InputvideoBg\" width=\"643\" height=\"458\" srcset=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/InputvideoBg.jpg 643w, https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/InputvideoBg-480x342.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 643px, 100vw\" class=\"wp-image-18159\" \/><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row FirstRow\"><span class=\"et_pb_background_mask\"><\/span>\n<div class=\"et_pb_column_6 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_video_slider_1 et_pb_video_slider et_animated et_pb_module videofluid\"><div class=\"et_pb_slider et_pb_preload et_pb_slider_no_arrows et_pb_slider_dots et_pb_controls_light\"><div class=\"et_pb_slides\">\n<div class=\"et_pb_video_slider_item_1 et_pb_video_slider_item et_pb_slide et_pb_bg_layout_light\" data-image=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/FluidTrailerCover01-2.jpg\"><div class=\"et_pb_video_wrap\"><div class=\"et_pb_video_box\"><video controls><source type=\"video\/mp4\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/FluidImageFull_100Mb.mp4\" \/><\/video><\/div><div class=\"et_pb_video_overlay\" style=\"background-image:url(https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/09\/FluidTrailerCover01-2.jpg)\"><div class=\"et_pb_video_overlay_hover\"><a class=\"et_pb_video_play\" href=\"#\"><\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n\n<div class=\"et_pb_text_12 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">Bring your GUI layouts and visual ideas to life in an instant. Prove you point fast, then swap the visuals and you are good to go.<\/p>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_7 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_animated et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_3 et_pb_image et_pb_image_sticky et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/08\/FluidLogo3.png\" title=\"FluidLogo3\" width=\"256\" height=\"64\" srcset=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/08\/FluidLogo3.png 256w, https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/08\/FluidLogo3-150x38.png 150w\" sizes=\"(max-width: 256px) 100vw, 256px\" class=\"wp-image-18344\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_13 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: left;\">Cross-platform &amp; responsive<br \/>brush image in Unreal engine<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_14 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span style=\"font-weight: 400;\">Fluid Image reinvents UMG\u2019s Image Brush as a template wizard and WYSIWYG editor for rich, material-centric visuals with responsive, platform-agnostic rules\u2014laying the foundation for Fluid UI layouts and grids.<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_group_5 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_1_wrapper\"><a class=\"et_pb_button_1 et_pb_button et_pb_bg_layout_light et_pb_module et_block_module\" href=\"https:\/\/visuall.ca\/gui\/fluid-ui-plugin\">Fluid site<\/a><\/div>\n<\/div>\n\n<div class=\"et_pb_image_4 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/08\/animlogoFluiImage.png\" title=\"animlogoFluiImage\" width=\"152\" height=\"54\" srcset=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/08\/animlogoFluiImage.png 152w, https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/08\/animlogoFluiImage-150x53.png 150w\" sizes=\"(max-width: 152px) 100vw, 152px\" class=\"wp-image-18345\" \/><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_7 et_pb_row et_block_row et_pb_row_fullwidth\">\n<div class=\"et_pb_column_8 et_pb_column et_pb_column_4_4 et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_group_6 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_15 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">RESPONSIVE<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_16 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">CROSS-PLATFORM<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_17 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">AAA<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_18 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">+ UGM<\/p>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_text_19 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center\"><div class=\"et_pb_text_inner\"><p>Responsive breakpoints<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_20 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>How a single override system reduced UI duplication across platforms.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_8 et_pb_row et_flex_row et_clickable\">\n<div class=\"et_pb_column_9 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_21 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">PC, CONSOLE &amp; MOBILE AAA UI<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_22 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">RESPONSIVE<br \/><span style=\"color: #800080;\">BREAKPOINTS<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_23 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">Reduce cross-platform bugs by adapting UI through platform, input, and aspect-ratio overrides instead of maintaining multiple implementations - I've been there and that was a very bad idea!\u00a0<\/p>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_10 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_5 et_pb_image et_animated et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/responsivePanel1.png\" title=\"responsivePanel1\" width=\"497\" height=\"600\" srcset=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/responsivePanel1.png 497w, https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/responsivePanel1-480x579.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 497px, 100vw\" class=\"wp-image-18097\" \/><\/span><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_9 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_11 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_24 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>BUILD ONCE. SCALE EVERYWHERE.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_25 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Rather than duplicating widgets or creating platform variants, every screen intelligently adapts using configurable overrides that respect each platform's best practices. The result is lower maintenance costs, fewer regression bugs, better accessibility compliance, and a consistent player experience across PC, console, mobile, handheld, and future devices. Especially in Live Ops environments, one maintainable implementation means faster updates, safer releases, and significantly less time spent fixing the same problem multiple times.<\/p>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_12 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_26 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>WHY BREAKPOINTS MATTER<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_0 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h5 class=\"et_pb_toggle_title\">One scalable version instead of platform variants<\/h5><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p class=\"isSelectedEnd\">Responsive Breakpoints replace the need to maintain separate widgets or duplicate layouts for every platform. Platform, input, and aspect-ratio differences are handled through configurable overrides while sharing the same widget hierarchy and materials. This keeps the project easier to understand, simplifies future updates, and dramatically reduces the amount of duplicated UI code and assets that teams need to maintain over time.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_1 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h5 class=\"et_pb_toggle_title\">Fewer cross-platform bugs and regression issues<\/h5><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p class=\"isSelectedEnd\">Maintaining multiple versions of the same interface inevitably introduces inconsistencies and synchronization problems. By centralizing platform-specific behavior into a single responsive implementation, every improvement, bug fix, or feature update automatically benefits every supported platform. Teams spend less time chasing regressions and more time building new features with confidence.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_2 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h5 class=\"et_pb_toggle_title\">Lower production and maintenance costs<\/h5><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p class=\"isSelectedEnd\">Cross-platform UI becomes increasingly expensive as projects grow and Live Ops content accumulates. A responsive, material-centric workflow minimizes repetitive implementation, simplifies future modifications, and reduces long-term technical debt. Less duplicated work means fewer development hours, smaller QA efforts, and a UI pipeline that remains sustainable throughout the entire lifecycle of the product.<\/p>\n<p class=\"isSelectedEnd\">\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_3 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h5 class=\"et_pb_toggle_title\">Faster iteration throughout Live Ops production<\/h5><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p class=\"isSelectedEnd\">Live Ops demands rapid iteration without compromising stability. Responsive Breakpoints allow designers and UI developers to make changes once and propagate them across supported platforms through reusable layouts, materials, and responsive rules. New content reaches players faster, updates become safer to deploy, and production teams spend more time improving the player experience instead of rebuilding existing interfaces.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_10 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_13 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_video_0 et_pb_video et_pb_module et_flex_module\"><div class=\"et_pb_video_box\"><video controls><source type=\"video\/mp4\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/PlatformOverrideMid.mp4\" \/><\/video><\/div><div class=\"et_pb_video_overlay\" style=\"background-image:url(https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/PlatformvideoBg.jpg)\"><div class=\"et_pb_video_overlay_hover\"><a class=\"et_pb_video_play\" href=\"#\"><\/a><\/div><\/div><\/div>\n\n<div class=\"et_pb_text_27 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>PLATFORM OVERRIDE<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_28 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><strong>Every platform comes with its own conventions, usability expectations, performance constraints, and certification requirements<\/strong>. Teams can deliver native experiences\u00a0 on every platform while maintaining a single scalable production pipeline. The result is fewer platform-specific bugs, lower maintenance costs, and faster Live Ops updates.<\/p>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_14 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_6 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/InputvideoBg.jpg\" title=\"InputvideoBg\" width=\"643\" height=\"458\" srcset=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/InputvideoBg.jpg 643w, https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/InputvideoBg-480x342.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 643px, 100vw\" class=\"wp-image-18159\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_29 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>INPUT OVERRIDE<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_30 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><strong>Players expect the interface to feel natural whether they're using a mouse, controller, touch screen, or keyboard<\/strong>. Input Overrides tailor interaction, navigation, spacing, prompts, and feedback to each control scheme while preserving the same underlying UI. This improves usability, accessibility, and player confidence without increasing implementation complexity.<\/p>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_15 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_video_1 et_pb_video et_pb_module et_flex_module\"><div class=\"et_pb_video_box\"><video controls><source type=\"video\/mp4\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/aspectRatio1.mp4\" \/><\/video><\/div><div class=\"et_pb_video_overlay\" style=\"background-image:url(https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/aspectratiovideoBg.jpg)\"><div class=\"et_pb_video_overlay_hover\"><a class=\"et_pb_video_play\" href=\"#\"><\/a><\/div><\/div><\/div>\n\n<div class=\"et_pb_text_31 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>ASPECT-RATIO OVERRIDE<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_32 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><strong>Games must support an ever-growing range of resolutions<\/strong>, aspect ratios, handheld devices, ultrawide monitors, and future hardware. Aspect-Ratio Overrides ensure layouts remain balanced, readable, and visually consistent across every display. The result is a more robust UI, fewer layout regressions, and a scalable foundation ready for years of content updates.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_11 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_16 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_video_2 et_pb_video et_pb_module et_flex_module\"><div class=\"et_pb_video_box\"><video controls><source type=\"video\/mp4\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/UseCase1_Mid.mp4\" \/><\/video><\/div><div class=\"et_pb_video_overlay\" style=\"background-image:url(https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/07\/mainVideocover.jpg)\"><div class=\"et_pb_video_overlay_hover\"><a class=\"et_pb_video_play\" href=\"#\"><\/a><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_12 et_pb_row et_block_row et_pb_row_fullwidth\">\n<div class=\"et_pb_column_17 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_33 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center\"><div class=\"et_pb_text_inner\"><p>do you or your team need to learn materials?<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\"><div class=\"et_pb_row_13 et_pb_row et_flex_row FirstRow\"><div class=\"et_pb_column_18 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_image_7 et_pb_image et_animated et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/04\/Courses_OctoBottle1.png\" title=\"Courses_OctoBottle1\" width=\"1061\" height=\"559\" srcset=\"https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/04\/Courses_OctoBottle1.png 1061w, https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/04\/Courses_OctoBottle1-980x516.png 980w, https:\/\/visuall.ca\/gui\/wp-content\/uploads\/sites\/3\/2026\/04\/Courses_OctoBottle1-480x253.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1061px, 100vw\" class=\"wp-image-14788\" \/><\/span><\/div><\/div><div class=\"et_pb_column_19 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_text_34 et_pb_text et_pb_bg_layout_light et_animated et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\" data-et-mv-hidden-tablet=\"true\" data-et-mv-hidden-phone=\"true\"><p style=\"text-align: center;\">Material-centric UI methodology<!-- notionvc: 9937379c-7e5b-4ba8-b085-8f30e966ce6a --><!-- notionvc: 9937379c-7e5b-4ba8-b085-8f30e966ce6a --><\/p>\n<\/div><\/div><div class=\"et_pb_text_35 et_pb_text et_pb_bg_layout_light et_animated et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">LEARN RESPONSIVE<br \/>PLATFORM-AGNOSTIC<br \/>UI IN UNREAL<\/p>\n<\/div><\/div><div class=\"et_pb_text_36 et_pb_text et_pb_bg_layout_light et_animated et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\" data-et-mv-hidden-tablet=\"true\"><p style=\"text-align: center;\">6 courses - 12h videos - Fluid plugin<br \/><!-- notionvc: 9937379c-7e5b-4ba8-b085-8f30e966ce6a --><\/p>\n<\/div><\/div><div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_2_wrapper\"><a class=\"et_pb_button_2 et_pb_button et_pb_bg_layout_light et_animated et_pb_module et_block_module\" href=\"https:\/\/visuall.ca\/gui\/courses\">Courses<\/a><\/div><\/div><\/div><\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_14 et_pb_row et_block_row et_pb_row_fullwidth\">\n<div class=\"et_pb_column_20 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_37 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center\"><div class=\"et_pb_text_inner\"><p>Do you have any questions?<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_pb_fullwidth_section et_section_regular et_block_section\"><section class=\"et_pb_fullwidth_header_0 et_pb_fullwidth_header et_pb_fullscreen et_pb_bg_layout_dark et_pb_text_align_center et_pb_module et_flex_module\"><div class=\"et_pb_fullwidth_header_container center\"><div class=\"header-content-container center\"><div class=\"header-content et_flex_module\"><h1 class=\"et_pb_module_header\">Let's PlAAAy!<\/h1><div class=\"et_pb_header_button_wrapper\"><a class=\"et_pb_button et_pb_more_button et_pb_button_one\" href=\"https:\/\/visuall.ca\/gui\/about\">Contact Me<\/a><\/div><\/div><\/div><\/div><div class=\"et_pb_fullwidth_header_overlay\"><\/div><div class=\"et_pb_fullwidth_header_scroll\"><\/div><\/section><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17416","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/visuall.ca\/gui\/wp-json\/wp\/v2\/pages\/17416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visuall.ca\/gui\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visuall.ca\/gui\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visuall.ca\/gui\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/visuall.ca\/gui\/wp-json\/wp\/v2\/comments?post=17416"}],"version-history":[{"count":268,"href":"https:\/\/visuall.ca\/gui\/wp-json\/wp\/v2\/pages\/17416\/revisions"}],"predecessor-version":[{"id":18968,"href":"https:\/\/visuall.ca\/gui\/wp-json\/wp\/v2\/pages\/17416\/revisions\/18968"}],"wp:attachment":[{"href":"https:\/\/visuall.ca\/gui\/wp-json\/wp\/v2\/media?parent=17416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}