HTML/CSS UI directly in DirectX window

Started by
0 comments, last by c-smile 8 years, 2 months ago

In Sciter Engine v 3.3.1.4 ( Embeddable HTML/CSS/script UI engine ) I have added support of direct HTML/CSS rendering inside DirectX window.

Here is a screen cast of demo project:

On Windows Sciter uses Direct2D graphics backend so its rendering goes directly into DirectX.

Among other things Sciter supports layered HTML/CSS rendering: you can render some DOM elements as on background of 3D scene as in front of it. Here is an illustration of such layers as they shown on that video above:

sciter-directx-schema.jpg

Sciter supports full set of HTML5 input elements and many others. It even allows to render some elements in popup windows - on top of main DirectX window ( check that <select> on the video ).

As you can imagine having in-game UI to be defined in HTML/CSS/script resources is very flexible and convenient.

Sciter sdk contains inspector tool that can be used for DOM/styles inspection and script debugging. There are also third-party MS Visual Studio integration tools.

Yet Sciter exposes its script VM as set of low-level API functions so it can be used for UI/game logic. Sciter script is "JavaScript++"

More details are here.

Advertisement

And another demo, this time with <video> rendered on background layer:

This topic is closed to new replies.

Advertisement