[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’s and developer’s 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.[/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"]
Get high performance on any device[/rs_special_text][vc_column_text]
Hummingbird’s 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’s data-binding system enhances the communication between the game and the UI by manipulating the DOM directly through C++.[/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"]
Crisp and clear UI regardless of the device[/rs_special_text][vc_column_text]
The complex text rendering and support for vector-graphics enable teams to build resolution-independent user interfaces. Hummingbird’s 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.[/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"]
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.
[/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"]
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.[/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"]
Hummingbird’s 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.
[/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"]
Hummingbird’s renderer is designed for different devices, empowering developers to create high performance, lightweight UI that runs smoothly on any device.[/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"]
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.[/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"]
Hummingbird comes integrated with Chrome devtools. Developers can analyze the JavaScript through a JS debugger and measure the UI performance with a powerful profiler.[/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]
