Any good OTC OTUI explanations?

[Printer]

Hello,

I trying work with otclient design part but i feel bit dumb how things works... I Understand more the lua part, but the OTUI part i'm lost. Anyone know any good documents about the OTUI?

 

[Vicidia]

Didn't find anything aswell but have you seen this git? Oen44/OTUIEditor (https://github.com/Oen44/OTUIEditor)
Might be interesting and maybe could simplify things for you

 

[BulawOw]

Ye nice tutorial for otui would be orgasmic

 

[josejunior23]

there's no tutorial but its pretty easy. i learned that thing in like 2-3 hours and made a system with 5k+ lines in the same day.
just follow the logic, if you need functions check the sourre code for the functions list. its almost like CSS! good luck

 

[Printer]

Didn't find anything aswell but have you seen this git? Oen44/OTUIEditor (https://github.com/Oen44/OTUIEditor)
Might be interesting and maybe could simplify things for you

Yeh i saw that, but i dont think it's ready for production

Post automatically merged: Jun 2, 2021

there's no tutorial but its pretty easy. i learned that thing in like 2-3 hours and made a system with 5k+ lines in the same day.
just follow the logic, if you need functions check the sourre code for the functions list. its almost like CSS! good luck

Sorry i have never dealt with CSS, but which files in the source should i check?

 

[josejunior23]

in otcv8 there's a folder called lua_functions, inside you will find 2 files with all the lua functions.
for the OTUI you will have to figure out the logic, but it's very simple to be honest.
I will PM you a system I made, with that you will be able to understand it and create anything.

 

[tarantonio]

in otcv8 there's a folder called lua_functions, inside you will find 2 files with all the lua functions.
for the OTUI you will have to figure out the logic, but it's very simple to be honest.
I will PM you a system I made, with that you will be able to understand it and create anything.

I’m dealing with otcv8 modifications, I would thank you if you can send me that system too.

 

[oen432]

Best way to learn is to read and edit default modules. Then read sources src/framework/ui/uiwidget.h to check available methods for all the widgets (some have custom functions in modules/corelib/ui).

 

[josejunior23]

best way is using your tool my dear <3

 

[oen432]

best way is using your tool my dear <3

Wish I had time to work on it and finish.

 

[johnsamir]

in otcv8 there's a folder called lua_functions, inside you will find 2 files with all the lua functions.
for the OTUI you will have to figure out the logic, but it's very simple to be honest.
I will PM you a system I made, with that you will be able to understand it and create anything.

i would like it too, would you share it with me or the public please?

 

[Itutorial]

in otcv8 there's a folder called lua_functions, inside you will find 2 files with all the lua functions.
for the OTUI you will have to figure out the logic, but it's very simple to be honest.
I will PM you a system I made, with that you will be able to understand it and create anything.

where

 

[drakylucas]

I think it's pretty similar to CSS. Try learning the basics of css, such as positions, margin, padding, etc.

 

[zbizu]

I've wrote plenty of css files, but otclient ui code is just weird. It feels as if the client itself was spiteful sometimes. Ok, both are spiteful, but css is documented better.

 

[oen432]

It's similar to CSS in syntax but that's where it ends, there is nothing else to it. You just have to learn how anchors work, how layouts work and basic styling (size, text, color, image-source, image-border and so on). OTUI is so easy and repetitive that it gets boring at some point.

 

[zbizu]

why not just use css instead?

 

[oen432]

why not just use css instead?

Because a lot of CSS functionality wouldn't be usable due to OTC limitations (like using BitmapFonts).
You can always try and use Ultralight - Next-Generation HTML Renderer for Desktop Apps and Games (https://ultralig.ht/) to render UI using HTML, CSS and JS.