@tinytales/_underline v0.3.0

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