UI Tools

A small project implementing UI items such as Panel, Progress bar, and Mask. Having a platform-independent interface to submit and render items through container 'widget' on both OpenGL and Direct3D.

Read Full Guide

Demo

Explanation

In the video, you are seeing three UI items.

1) A panel at the left top of the window.

2) A progress bar at the left top inside the panel.

3) A gray-colored mask at the left bottom covering a 3d world item.

1) The panel is a (in the video light yellow colored) basic colored area used to group items. In the picture, you are seeing panel showing a progress bar on top of it.

2) The progress bar is changing its value from green to violet as you can see clearly.

3) The mask is a grey colored item that is uncovering the 3d cone slowly.

Here you can set the percentage for the progress bar and mask at your pace to cover/fill it.

UI Tools

Read Full Guide

Demo

Explanation

In the video, you are seeing three UI items.

1) A panel at the left top of the window.

2) A progress bar at the left top inside the panel.

3) A gray-colored mask at the left bottom covering a 3d world item.

​

1) The panel is a (in the video light yellow colored) basic colored area used to group items. In the picture, you are seeing panel showing a progress bar on top of it.

​

2) The progress bar is changing its value from green to violet as you can see clearly.

​

3) The mask is a grey colored item that is uncovering the 3d cone slowly.

​

Here you can set the percentage for the progress bar and mask at your pace to cover/fill it.