@tinytales/tiny-gui
TypeScript icon, indicating that this package has built-in type declarations

0.1.0 • Public • Published

TinyGui

Tiny Gui for PixiJs inspired by DearImGui and CSS

Small gui library i use for my own project.
Heavy work in progress, not recommended for production yet.

Install

npm install tiny-gui

Example

TinyGui.Begin(this) // main
TinyGui.Display(TinyGui.DisplayFlag.FlexRow)

TinyGui.Begin() // main -> left-area
TinyGui.Display(TinyGui.DisplayFlag.FlexFixed)
TinyGui.Rect(25, '100%')
TinyGui.Fill('#ddd')
TinyGui.End()

TinyGui.Begin() // main -> fill center content
TinyGui.Display(TinyGui.DisplayFlag.FlexDynamic)
TinyGui.Rect('100%', '100%')
TinyGui.Fill('#fff000')
TinyGui.End()

TinyGui.Begin() // main -> right-area
TinyGui.Display(TinyGui.DisplayFlag.FlexFixed)
TinyGui.Rect(25, '100%')
TinyGui.Fill('#ddd')
TinyGui.End()

TinyGui.End()

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

Todo

  • [ ] Key / Mouse Events (v0.3)
  • [ ] Text / Images (v0.4)
  • [ ] Examples & Unittests (v0.5)
  • [ ] More shapes (currently only rect) (v0.5)
  • [ ] More useful CSS options (v0.6)
  • [ ] Tables & Lists (v0.7)
  • [ ] Scrollables (v0.8)

Package Sidebar

Install

npm i @tinytales/tiny-gui

Weekly Downloads

1

Version

0.1.0

License

MIT

Unpacked Size

13.1 MB

Total Files

23

Last publish

Collaborators

  • oldirtydingo