{"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":"
\r\n
\r\n
\"logo<\/div>\r\n
<\/div>\r\n

The easiest way to create high performance user interface<\/span><\/h1>\r\n<\/div>\r\n\n<\/div><\/div><\/div><\/div><\/section>
<\/div><\/div><\/div><\/section>

Empower the UI designers\r\n<\/span><\/h3>

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><\/p>\n<\/div><\/div><\/div>

\"\"<\/div><\/div><\/section><\/div><\/div><\/section>
<\/div><\/div><\/div><\/section>
\"\"<\/div>

Get high performance on any device<\/span><\/h3>

\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><\/p>\n<\/div><\/div><\/div><\/div><\/section><\/div><\/div><\/section>

<\/div><\/div><\/div><\/section>

Crisp and clear UI regardless of the device<\/span><\/h3>

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><\/p>\n<\/div><\/div><\/div>

\"\"<\/div><\/div><\/section><\/div><\/div><\/section>
<\/div><\/div><\/div><\/section>
<\/div>

How it works<\/small><\/h2><\/div>
<\/div>
<\/div>
<\/div>\"\"<\/div><\/div><\/section>
<\/div><\/div><\/div><\/section>
<\/div>

Major features<\/small><\/h2><\/div>
<\/div>
<\/div>
<\/div><\/div><\/div><\/section>
\"\"<\/span>

Based on modern web technologies<\/h4>

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.
\n<\/span><\/p>\n<\/div><\/div><\/div>

<\/div>
\"\"<\/span>

Responsive layout and Vector-based assets<\/h4>

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><\/p>\n<\/div><\/div><\/div>

<\/div>
\"\"<\/span>

Data-Binding<\/h4>
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>\n
<\/div>\n<\/div><\/div><\/div><\/div>
\"\"<\/span>

The fastest HTML renderer<\/h4>

Hummingbird\u2019s renderer is designed for different\u00a0devices, empowering developers to create high performance, lightweight UI that runs smoothly on any device.<\/span><\/p>\n<\/div><\/div><\/div>

<\/div>
\"\"<\/span>

Visual editing<\/h4>

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><\/p>\n<\/div><\/div><\/div>

<\/div>
\"\"<\/span>

The best Devtools<\/h4>

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><\/p>\n<\/div><\/div><\/div><\/div><\/div><\/section>

<\/div>
See all features<\/span><\/a><\/div>
<\/div><\/div><\/div><\/section>
<\/div>

Supported platforms and engines<\/small><\/h2><\/div>
<\/div>
<\/div>
<\/div>
<\/div>
\"\"<\/div>
\"\"<\/div>
\"\"<\/div>
\"\"<\/div>
<\/div><\/div><\/section>
<\/div>
<\/div>
<\/div>
\"\"<\/div>
\"\"<\/div>
<\/div>
<\/div><\/div><\/section>
<\/div>
<\/div>
<\/div>
\"\"<\/div>
\"\"<\/div>
<\/div>
<\/div><\/div><\/section><\/div><\/div><\/section>
<\/div><\/div><\/div><\/section>
<\/div>

Request a free demo<\/small><\/h2><\/div>
<\/div>
Try Now<\/span><\/a><\/div>
<\/div><\/div><\/div><\/section>","protected":false},"excerpt":{"rendered":"[raw] The easiest way to create high performance user interface [\/raw] Empower the UI designers 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 [...]","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"yoast_head":"\nCreate 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}]}}