PIXI UI is a set of UI Elements based on the great work at IWM. (Institute Wissensmedien). This main set of UI Elements have been updated for PIXI V5 and written in Typescript. The base code was extremely well written, but the change to Typescript did find a few issues.
The original source had a few features that had impracticle third party requirements which were great for educational purposes, but not distributable. otherwise there ws no licensed attached. This version does not have any third party requirements and is fully usuable under the MIT License.
I worked on this part of the tool, not to just create a set of UI Elements, but to be used for another purpose. If you find issues and can fix them, send me a pull request. Otherwise, I have other things to do.
Beyond UI Elementshts, there are a few build tools made available.
Webpack is used as the main build tool.
The Webpack DevServer plugin is used to illustrate the behaviour of all UI Elements.
All elements pass Typescript type checking.
Many of the objects are unit tested. Included in the testing is compatability between the old UI source objects and the new Typescript UI objects.
IWM had provided a rich set of UI Elements. the main ones are what interested me. Those being: buttons, lists, popups, popupmenus, tooltip.ts,buttongroups, messages, progress, popovers, badges, modals and switches.
I'm going to let the screenshots speak for themselves for functionality. IWM did great ground work. Download investigate them all.
SHELL> Download the PIXI_UI.js file from dist or build it yourself with webpack.
Unit testing is done using the Mocha framework for Javascript and run using 'npm run test'.
Based on the best of:
- [IWM]https://www.iwm-tuebingen.de/www/index.html
- [iwmbrowser]https://www.iwm-tuebingen.de/iwmbrowser/src/index.html
See LICENSE