{"id":1839,"date":"2017-02-15T18:01:24","date_gmt":"2017-02-15T18:01:24","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=1839"},"modified":"2018-12-17T11:22:20","modified_gmt":"2018-12-17T11:22:20","slug":"hummingbird","status":"publish","type":"page","link":"https:\/\/coherent-labs.com\/posts\/hummingbird\/","title":{"rendered":"Hummingbird"},"content":{"rendered":"[vc_row fluid=\"stretch_row_content\"][vc_column][vc_column_text]\r\n<div class=\"top-header\">\r\n<div class=\"logo-header\"><img src=\"http:\/\/coherent-labs.com\/wp-content\/uploads\/2017\/05\/logo_Hummingbird_4d1379e04c615504558b870cf881ba22.png\" alt=\"logo HB\" \/><\/div>\r\n<div class=\"line\"><\/div>\r\n<h1>The easiest way to create high performance <span class=\"h-orange\">user interface<\/span><\/h1>\r\n<\/div>\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row fluid=\"stretch_row_content\"][vc_column][rs_space lg_device=\"50\" md_device=\"\" sm_device=\"\" xs_device=\"\"][\/vc_column][\/vc_row][vc_row][vc_column class_type=\"sm\" width=\"5\/6\" offset=\"vc_col-sm-offset-1\"][vc_row_inner][vc_column_inner width=\"1\/2\"][rs_special_text tag=\"h3\"]<span style=\"font-weight: 400;\">Empower the UI designers\r\n<\/span>[\/rs_special_text][vc_column_text]<span style=\"font-weight: 400;\">HTML naturally separates designer\u2019s and developer\u2019s workflow. Designers can create visually rich UI, define global CSS styles and reuse them for fast skinning of the UI. Iterations can be seen immediately without rebuilding or even restarting the game. The empowering Coherent Exporter for Adobe Animate saves hours so designers can focus on improving the user experience.<\/span>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"1\/2\"][rs_image_block shadow=\"no\" image=\"10725\"][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row fluid=\"stretch_row_content\"][vc_column][rs_space lg_device=\"100\" md_device=\"\" sm_device=\"50\" xs_device=\"\"][\/vc_column][\/vc_row][vc_row][vc_column class_type=\"sm\" width=\"5\/6\" offset=\"vc_col-sm-offset-1\"][vc_row_inner][vc_column_inner width=\"1\/2\"][rs_image_block shadow=\"no\" image=\"10726\"][\/vc_column_inner][vc_column_inner width=\"1\/2\"][rs_special_text tag=\"h3\"]<span style=\"font-weight: 400;\">Get high performance on any device<\/span>[\/rs_special_text][vc_column_text]<span style=\"font-weight: 400;\">\u00a0Hummingbird\u2019s multi-threaded architecture empowers developers to create fast, lightweight UI that runs smoothly on any device. The high performance is achieved through a modern data-oriented design that takes optimal advantage of the device CPU and GPU. Hummingbird\u2019s data-binding system enhances the communication between the game and the UI by manipulating the DOM directly through C++.<\/span>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row fluid=\"stretch_row_content\"][vc_column][rs_space lg_device=\"100\" md_device=\"\" sm_device=\"50\" xs_device=\"\"][\/vc_column][\/vc_row][vc_row][vc_column class_type=\"sm\" width=\"5\/6\" offset=\"vc_col-sm-offset-1\"][vc_row_inner][vc_column_inner width=\"1\/2\"][rs_special_text tag=\"h3\"]<span style=\"font-weight: 400;\">Crisp and clear UI regardless of the device<\/span>[\/rs_special_text][vc_column_text]<span style=\"font-weight: 400;\">The complex text rendering and support for vector-graphics enable teams to build resolution-independent user interfaces. Hummingbird\u2019s powerful CSS layout and responsive design automatically adapt the game UI for any screen size and resolution. HTML supports localization out of the box, which prevents any breaks in the layout and any visual quirks due to changes in the text length.<\/span>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"1\/2\"][rs_image_block shadow=\"no\" image=\"10727\"][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row fluid=\"stretch_row_content\"][vc_column][rs_space lg_device=\"100\" md_device=\"\" sm_device=\"50\" xs_device=\"\"][\/vc_column][\/vc_row][vc_row][vc_column class_type=\"sm\" width=\"5\/6\" offset=\"vc_col-sm-offset-1\"][rs_section_heading big_heading=\"How it works\"][rs_space lg_device=\"25\" md_device=\"\" sm_device=\"\" xs_device=\"\"][rs_divider][rs_space lg_device=\"50\" md_device=\"\" sm_device=\"\" xs_device=\"\"][rs_image_block align=\"center-block\" shadow=\"no\" image=\"10738\"][\/vc_column][\/vc_row][vc_row fluid=\"stretch_row_content\"][vc_column][rs_space lg_device=\"100\" md_device=\"\" sm_device=\"50\" xs_device=\"\"][\/vc_column][\/vc_row][vc_row][vc_column][rs_section_heading big_heading=\"Major features\"][rs_space lg_device=\"25\" md_device=\"\" sm_device=\"\" xs_device=\"\"][rs_divider][rs_space lg_device=\"50\" md_device=\"\" sm_device=\"\" xs_device=\"\"][\/vc_column][\/vc_row][vc_row][vc_column width=\"1\/2\"][rs_icon_box style=\"type-4\" img_icon=\"10734\" heading=\"Based on modern web technologies\"]<span style=\"font-weight: 400;\">Hummingbird empowers game designers to utilize the existing web knowledge (HTML5\/CSS3\/JS) and resources. Styles, assets and animations can be shared and reused between projects.\r\n<\/span>[\/rs_icon_box][rs_space lg_device=\"30\" md_device=\"\" sm_device=\"\" xs_device=\"\"][rs_icon_box style=\"type-4\" color=\"color-2\" img_icon=\"10729\" heading=\"Responsive layout and Vector-based assets\"]<span style=\"font-weight: 400;\">Hummingbird supports the most powerful CSS layout - Flexbox. It automatically adjusts the UI for the screen size and resolution. The support for vector-based assets empowers designers to create UI that looks crisp and clear on every resolution.<\/span>[\/rs_icon_box][rs_space lg_device=\"30\" md_device=\"\" sm_device=\"\" xs_device=\"\"][rs_icon_box style=\"type-4\" color=\"color-2\" img_icon=\"10731\" heading=\"Data-Binding\"]\r\n<div class=\"feature-box triggerAnimation animated\" data-animate=\"fadeInRight\">Hummingbird\u2019s data-binding model makes it easy to send data from the game to the UI. Designers are empowered to use a data-driven model to animate and update the UI without writing any code.<\/div>\r\n<div class=\"feature-box triggerAnimation animated\" data-animate=\"fadeInRight\"><\/div>\r\n[\/rs_icon_box][\/vc_column][vc_column width=\"1\/2\"][rs_icon_box style=\"type-4\" color=\"color-2\" img_icon=\"10730\" heading=\"The fastest HTML renderer\"]<span style=\"font-weight: 400;\"> Hummingbird\u2019s renderer is designed for different\u00a0devices, empowering developers to create high performance, lightweight UI that runs smoothly on any device.<\/span>[\/rs_icon_box][rs_space lg_device=\"30\" md_device=\"\" sm_device=\"\" xs_device=\"\"][rs_icon_box style=\"type-4\" color=\"color-2\" img_icon=\"10733\" heading=\"Visual editing\"]<span style=\"font-weight: 400;\">Hummingbird is compatible with the Coherent Exporter and Adobe Animate which allows easy visual workflow. Thanks to the underlying web technologies changes can be seen immediately without the need to recompile the game.<\/span>[\/rs_icon_box][rs_space lg_device=\"30\" md_device=\"\" sm_device=\"\" xs_device=\"\"][rs_icon_box style=\"type-4\" color=\"color-2\" img_icon=\"10732\" heading=\"The best Devtools\"]<span style=\"font-weight: 400;\">Hummingbird comes integrated with Chrome devtools. Developers can analyze the JavaScript through a JS debugger and measure the UI performance with a powerful profiler.<\/span>[\/rs_icon_box][\/vc_column][\/vc_row][vc_row fluid=\"stretch_row_content\"][vc_column][rs_space lg_device=\"50\" md_device=\"\" sm_device=\"\" xs_device=\"\"][rs_button align=\"text-center\" size=\"size-3\" btn_text=\"See all features\" btn_link=\"url:%2Fhummingbird-features%2F|title:Hummingbird%20Features||\"][rs_space lg_device=\"95\" md_device=\"50\" sm_device=\"\" xs_device=\"35\"][\/vc_column][\/vc_row][vc_row][vc_column][rs_section_heading big_heading=\"Supported platforms and engines\"][rs_space lg_device=\"25\" md_device=\"\" sm_device=\"\" xs_device=\"\"][rs_divider][rs_space lg_device=\"50\" md_device=\"\" sm_device=\"\" xs_device=\"\"][vc_row_inner][vc_column_inner width=\"1\/6\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][rs_image_block align=\"center-block\" shadow=\"no\" image=\"10714\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][rs_image_block align=\"center-block\" shadow=\"no\" image=\"10716\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][rs_image_block align=\"center-block\" shadow=\"no\" image=\"10717\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][rs_image_block align=\"center-block\" shadow=\"no\" image=\"10715\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][\/vc_column_inner][\/vc_row_inner][rs_space lg_device=\"50\" md_device=\"\" sm_device=\"\" xs_device=\"\"][vc_row_inner][vc_column_inner width=\"1\/6\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][rs_image_block align=\"center-block\" shadow=\"no\" image=\"10737\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][rs_image_block align=\"center-block\" shadow=\"no\" image=\"10736\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][\/vc_column_inner][\/vc_row_inner][rs_space lg_device=\"50\" md_device=\"\" sm_device=\"\" xs_device=\"\"][vc_row_inner][vc_column_inner width=\"1\/6\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][rs_image_block align=\"center-block\" shadow=\"no\" image=\"10704\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][rs_image_block align=\"center-block\" shadow=\"no\" image=\"10728\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][\/vc_column_inner][vc_column_inner width=\"1\/6\"][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row fluid=\"stretch_row_content\"][vc_column][rs_space lg_device=\"50\" md_device=\"\" sm_device=\"\" xs_device=\"\"][\/vc_column][\/vc_row][vc_row fluid=\"stretch_row_content\" css=\".vc_custom_1489581655844{background-color: #ffffff !important;}\"][vc_column][rs_section_heading big_heading=\"Request a free demo\"][rs_space lg_device=\"35\" md_device=\"\" sm_device=\"\" xs_device=\"\"][rs_button align=\"text-center\" style=\"type-2\" color=\"color-4\" btn_link=\"url:%2Frequest-demo|title:Request%20a%20free%20demo||\" btn_text=\"Try Now\"][rs_space lg_device=\"35\" md_device=\"\" sm_device=\"\" xs_device=\"\"][\/vc_column][\/vc_row]","protected":false},"excerpt":{"rendered":"[vc_row fluid=\"stretch_row_content\"][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row fluid=\"stretch_row_content\"][vc_column][rs_space lg_device=\"50\" md_device=\"\" sm_device=\"\" xs_device=\"\"][\/vc_column][\/vc_row][vc_row][vc_column class_type=\"sm\" width=\"5\/6\" offset=\"vc_col-sm-offset-1\"][vc_row_inner][vc_column_inner width=\"1\/2\"][rs_special_text tag=\"h3\"]Empower the UI designers [\/rs_special_text][vc_column_text]HTML naturally separates designer\u2019s and developer\u2019s workflow. Designers can create visually rich UI, define global CSS styles and reuse them for fast skinning of the UI. Iterations can be seen immediately without rebuilding or even restarting the game. The empowering [&hellip;]","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create rich and responsive UI with Hummingbird<\/title>\n<meta name=\"description\" content=\"Hummingbird enables UI designers to create visually rich and responsive UI, define global CSS styles and get high performance on all devices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/coherent-labs.com\/posts\/hummingbird\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create rich and responsive UI with Hummingbird\" \/>\n<meta property=\"og:description\" content=\"Hummingbird enables UI designers to create visually rich and responsive UI, define global CSS styles and get high performance on all devices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/coherent-labs.com\/posts\/hummingbird\/\" \/>\n<meta property=\"og:site_name\" content=\"Coherent Labs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CoherentLabs\/\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-17T11:22:20+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/coherent-labs.com\/wp-content\/uploads\/2017\/05\/logo_Hummingbird_4d1379e04c615504558b870cf881ba22.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@CoherentLabs\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/coherent-labs.com\/posts\/hummingbird\/\",\"url\":\"https:\/\/coherent-labs.com\/posts\/hummingbird\/\",\"name\":\"Create rich and responsive UI with Hummingbird\",\"isPartOf\":{\"@id\":\"https:\/\/coherent-labs.com\/posts\/#website\"},\"datePublished\":\"2017-02-15T18:01:24+00:00\",\"dateModified\":\"2018-12-17T11:22:20+00:00\",\"description\":\"Hummingbird enables UI designers to create visually rich and responsive UI, define global CSS styles and get high performance on all devices.\",\"breadcrumb\":{\"@id\":\"https:\/\/coherent-labs.com\/posts\/hummingbird\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/coherent-labs.com\/posts\/hummingbird\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/coherent-labs.com\/posts\/hummingbird\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/coherent-labs.com\/posts\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hummingbird\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/coherent-labs.com\/posts\/#website\",\"url\":\"https:\/\/coherent-labs.com\/posts\/\",\"name\":\"Coherent Labs\",\"description\":\"Cross-Platform Game UI Middleware\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/coherent-labs.com\/posts\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create rich and responsive UI with Hummingbird","description":"Hummingbird enables UI designers to create visually rich and responsive UI, define global CSS styles and get high performance on all devices.","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:\/\/coherent-labs.com\/posts\/hummingbird\/","og_locale":"en_US","og_type":"article","og_title":"Create rich and responsive UI with Hummingbird","og_description":"Hummingbird enables UI designers to create visually rich and responsive UI, define global CSS styles and get high performance on all devices.","og_url":"https:\/\/coherent-labs.com\/posts\/hummingbird\/","og_site_name":"Coherent Labs","article_publisher":"https:\/\/www.facebook.com\/CoherentLabs\/","article_modified_time":"2018-12-17T11:22:20+00:00","og_image":[{"url":"http:\/\/coherent-labs.com\/wp-content\/uploads\/2017\/05\/logo_Hummingbird_4d1379e04c615504558b870cf881ba22.png"}],"twitter_card":"summary_large_image","twitter_site":"@CoherentLabs","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/coherent-labs.com\/posts\/hummingbird\/","url":"https:\/\/coherent-labs.com\/posts\/hummingbird\/","name":"Create rich and responsive UI with Hummingbird","isPartOf":{"@id":"https:\/\/coherent-labs.com\/posts\/#website"},"datePublished":"2017-02-15T18:01:24+00:00","dateModified":"2018-12-17T11:22:20+00:00","description":"Hummingbird enables UI designers to create visually rich and responsive UI, define global CSS styles and get high performance on all devices.","breadcrumb":{"@id":"https:\/\/coherent-labs.com\/posts\/hummingbird\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/coherent-labs.com\/posts\/hummingbird\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/coherent-labs.com\/posts\/hummingbird\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/coherent-labs.com\/posts\/"},{"@type":"ListItem","position":2,"name":"Hummingbird"}]},{"@type":"WebSite","@id":"https:\/\/coherent-labs.com\/posts\/#website","url":"https:\/\/coherent-labs.com\/posts\/","name":"Coherent Labs","description":"Cross-Platform Game UI Middleware","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/coherent-labs.com\/posts\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/pages\/1839"}],"collection":[{"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/comments?post=1839"}],"version-history":[{"count":47,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/pages\/1839\/revisions"}],"predecessor-version":[{"id":14980,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/pages\/1839\/revisions\/14980"}],"wp:attachment":[{"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/media?parent=1839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}