top of page
ROHAN PATEL
User Interface Tools
Engine System Update - 3
This is an optional unrequired update for showing the interface mainly
-
I got the feature part working ie building-loading assets through Lua-binary files and using items (panel and progress bar.
-
This article is showing the interface in order to get feedback and any last changes.
The interface
![Interface.PNG](https://static.wixstatic.com/media/dfb871_4e627391b99c409fbc0b3b8a93019e4c~mv2.png/v1/crop/x_0,y_10,w_889,h_836/fill/w_830,h_778,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Interface_PNG.png)
-
This is the screenshot of my interface class.
-
The user will place an object of this class(UIRenderer) to their bucket and then call operations on particular. The max size is 5 for now.
The steps to use system
First things first, Create them.
![CreateStuff.PNG](https://static.wixstatic.com/media/dfb871_0f3adf9655fe43e28276404f086dbbc1~mv2.png/v1/fill/w_569,h_183,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/CreateStuff_PNG.png)
The user creates a panel, a progress bar (assign proper geometry and effect ) and then they add it to the widget. (in MyGame.cpp)
![PushToWidget.PNG](https://static.wixstatic.com/media/dfb871_48129231ff434ffc9cea060fa3fff60d~mv2.png/v1/fill/w_714,h_102,al_c,lg_1,q_85,enc_avif,quality_auto/PushToWidget_PNG.png)
Next, they submit data to render and that's it from myGame.cpp
![SubmitFromGame.PNG](https://static.wixstatic.com/media/dfb871_b76030602ba9457f96c8debb2fd58801~mv2.png/v1/fill/w_704,h_116,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/SubmitFromGame_PNG.png)
User needs to add this function inside the Graphics.cpp along with putting the object of UIRenderer in their bucket. I retrieve the data here.
![Retrieve.PNG](https://static.wixstatic.com/media/dfb871_00a313cbba1445608952b5974f3c6309~mv2.png/v1/fill/w_843,h_136,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Retrieve_PNG.png)
Then they call to BindDraw
![BindDraw.PNG](https://static.wixstatic.com/media/dfb871_02e70c8917a64118ae8459d0b63621ef~mv2.png/v1/fill/w_942,h_98,al_c,lg_1,q_85,enc_avif,quality_auto/BindDraw_PNG.png)
And Clean
![Clean.PNG](https://static.wixstatic.com/media/dfb871_360417e0070e49ccb1d2178586dcbe6a~mv2.png/v1/fill/w_870,h_110,al_c,lg_1,q_85,enc_avif,quality_auto/Clean_PNG.png)
I would highly appreciate any feedback on this.
Thank you :)
bottom of page