{"id":13173,"date":"2017-11-10T14:13:03","date_gmt":"2017-11-10T14:13:03","guid":{"rendered":"https:\/\/coherent-labs.com\/?page_id=13173"},"modified":"2018-02-15T17:00:35","modified_gmt":"2018-02-15T17:00:35","slug":"coherent-gt-or-hummingbird","status":"publish","type":"page","link":"https:\/\/coherent-labs.com\/posts\/coherent-gt-or-hummingbird\/","title":{"rendered":"GT vs. HB"},"content":{"rendered":"
<\/div><\/div>\r\n
\r\n
<\/div>\r\n

Coherent GT or Hummingbird?<\/h1>\r\n<\/div>\r\n<\/p>\n
<\/div><\/section>
<\/div>
<\/div><\/div><\/div><\/section>
\"\"<\/div>

Coherent GT<\/h3>\n<\/div><\/div>
<\/div><\/div>
\nCoherent GT is based on a heavily modified version of WebKit – a great codebase but one that has not been designed with game UI in mind. Our approach was to eliminate all the unnecessary features and completely rewrite several subsystems of WebKit. Rendering, networking, resource loading, memory allocations and the threading model were completely redone by the Coherent GT team. The result is a product feasible for usage in AAA games allowing developers to implement amazing and interactive interfaces on PC and consoles.
\n
<\/div>
Learn More<\/span><\/a><\/div><\/a>
\n<\/div><\/div><\/section>
<\/div><\/div><\/div><\/section>
\n

Hummingbird<\/h3>\n<\/div><\/div>
<\/div>

Hummingbird was born as a completely in-house HTML engine with the purpose to push the limits even further. With this product, we purposefully decided to not support all HTML features as some of them severely reduce performance and have simple workarounds. This allows Hummingbird to run in submillisecond times on very complex UIs, and to our knowledge and tests, it is the fastest commercially viable UI system (compared to both existing and deprecated other tools).<\/p>\n<\/div><\/div>

<\/div>
Learn More<\/span><\/a><\/div><\/a>
<\/div>
<\/div><\/div>\n
\"\"<\/div><\/div><\/section>
<\/div><\/div><\/div><\/section>
<\/div><\/div><\/div><\/section>\n
\"\"<\/div>

What is best for your project?<\/h3>
<\/div>

The decision between Coherent GT and Hummingbird is mostly dependent on your focus and needs. Coherent GT’s bigger feature set<\/strong> comes in handy when you want to create complex multi-step screens like stores or launchers, or integrate with external websites in your UI. On the other hand, Hummingbird excels at screens which do not have excessive UI but have strict performance requirements<\/strong> like HUDs and in-game screens.<\/p>\n<\/div><\/div><\/div><\/div><\/section>\n

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

Compare the features:<\/h3>
<\/div>
<\/div><\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
<\/td>\n\"Coherent<\/td>\n\"Coherent<\/td>\n<\/tr>\n
\n

Software Architecture<\/p>\n<\/td>\n

\n

Some multi-threading<\/p>\n<\/td>\n

\u00a0Task-based<\/td>\n<\/tr>\n
\n

Standard HTML\/CSS\/JS support<\/p>\n<\/td>\n

\n

Comprehensive<\/p>\n<\/td>\n

Subset<\/td>\n<\/tr>\n
\n

Shows web pages<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

\u00a0No<\/td>\n<\/tr>\n
\n

Linking<\/p>\n<\/td>\n

\n

Dynamic<\/p>\n<\/td>\n

Dynamic (could be Static)<\/td>\n<\/tr>\n
\n

C++ DOM Access<\/p>\n<\/td>\n

\n

No<\/p>\n<\/td>\n

Not yet (planned)<\/td>\n<\/tr>\n
\n

Layout<\/p>\n<\/td>\n

\n

Block, Flexbox, Tables<\/p>\n<\/td>\n

Flexbox<\/td>\n<\/tr>\n
\n

Input<\/p>\n<\/td>\n

\n

Mouse, keyboard, gamepad<\/p>\n<\/td>\n

Mouse, keyboard, gamepad, touch<\/td>\n<\/tr>\n
\n

Vector graphics<\/p>\n<\/td>\n

\n

SVG 1.1<\/p>\n<\/td>\n

SVG Tiny (expanding)<\/td>\n<\/tr>\n
\n

Scripting<\/p>\n<\/td>\n

\n

JavaScript<\/p>\n<\/td>\n

JavaScript<\/td>\n<\/tr>\n
\n

Networking – HTTP(s)<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

No<\/td>\n<\/tr>\n
\n

Masking effects<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

Yes<\/td>\n<\/tr>\n
\n

Animations<\/p>\n<\/td>\n

\n

Full CSS3 support<\/p>\n<\/td>\n

Full CSS3 support<\/td>\n<\/tr>\n
\n

Blending effects<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

Some (additional planned)<\/td>\n<\/tr>\n
\n

Clipping<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

Yes<\/td>\n<\/tr>\n
\n

CSS3 effects (ex. blur)<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

Yes<\/td>\n<\/tr>\n
\n

Shadows<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

Yes<\/td>\n<\/tr>\n
\n

Transforms<\/p>\n<\/td>\n

\n

2D and 3D<\/p>\n<\/td>\n

2D and 3D<\/td>\n<\/tr>\n
\n

Custom image formats<\/p>\n<\/td>\n

\n

No<\/p>\n<\/td>\n

Yes<\/td>\n<\/tr>\n
\n

Styling<\/p>\n<\/td>\n

\n

Full CSS3 support<\/p>\n<\/td>\n

Full CSS3 support<\/td>\n<\/tr>\n
\n

Video playback<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

No (coming soon)<\/td>\n<\/tr>\n
\n

Integrated Localization<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

Yes<\/td>\n<\/tr>\n
\n

Live views (user textures in UI)<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

Yes<\/td>\n<\/tr>\n
\n

UI programming\/tooling<\/p>\n<\/td>\n

\n
    \n
  • Adobe Animate plugin <\/span><\/li>\n
  • Coherent Editor <\/span><\/li>\n
  • HTML\/CSS\/JS by hand <\/span><\/li>\n
  • JS frameworks (React, jQuery etc) (not recommended) <\/span><\/li>\n<\/ul>\n<\/td>\n
\n
    \n
  • Adobe Animate plugin <\/span><\/li>\n
  • Coherent Editor <\/span><\/li>\n
  • HTML\/CSS\/JS by hand<\/span><\/li>\n
  • JS frameworks (Preact, React, coming soon)<\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n
\n

Data-binding<\/p>\n<\/td>\n

\n
    \n
  • Data exchange between JS\/C++ <\/span><\/li>\n
  • Declarative data-binding <\/span><\/li>\n<\/ul>\n<\/td>\n
\n
    \n
  • Data exchange between JS\/C++ <\/span><\/li>\n
  • Declarative data-binding <\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n
\n

Supported OSs<\/p>\n<\/td>\n

\n
    \n
  • Windows \u00a0<\/span><\/li>\n
  • MacOS <\/span><\/li>\n
  • Linux <\/span><\/li>\n
  • Xbox One <\/span><\/li>\n
  • PlayStation 4 <\/span><\/li>\n<\/ul>\n<\/td>\n
\n
    \n
  • Windows \u00a0<\/span><\/li>\n
  • MacOS <\/span><\/li>\n
  • Xbox One <\/span><\/li>\n
  • PlayStation 4 <\/span><\/li>\n
  • Android <\/span><\/li>\n
  • iOS <\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n
\n

Supported Engines<\/p>\n<\/td>\n

\n
    \n
  • Unreal Engine 4 <\/span><\/li>\n
  • Unity3D <\/span><\/li>\n
  • Native C++ <\/span><\/li>\n<\/ul>\n<\/td>\n
\n