Currently only for PixiJs - inspired by DearImGui and CSS.

[!CAUTION] Heavy work in progress, not recommended for production yet!

Install

npm install @tinytales/_underline

Example

_u.begin('main') // main
_u.display(DisplayFlag.FlexRow)

_u.begin('main > left-area') // main -> left-area
_u.display(DisplayFlag.FlexFixed)
_u.rect(25, '100%')
_u.fill('#ddd')
_u.end()

_u.begin('main > content') // main -> fill center content
_u.display(DisplayFlag.FlexDynamic)
_u.rect('100%', '100%')
_u.fill('#fff000')
_u.end()

_u.begin('main > right-area') // main -> right-area
_u.display(DisplayFlag.FlexFixed)
_u.rect(25, '100%')
_u.fill('#ddd')
_u.end()

_u.end()
_u.renderTo(this)

Soon i will add more examples into the /example folder.

Roadmap

• [ ] Key / Mouse Events
• [ ] Text / Images
• [ ] Examples & Unittests
• [ ] More shapes (currently only rect)
• [ ] More useful CSS options
• [ ] Tables & Lists
• [ ] Scrollables
• [ ] Reusables & Repeatables
• [ ] Hover, Click States
• [ ] Global Settings (Reusables, Styles, States)
• [ ] Canvas, WebGL, Phaser Support