https://github.com/ztalbot2000/pixi_ui_iwm
PIXI UI Elements made simple (Based on IWM)
https://github.com/ztalbot2000/pixi_ui_iwm
pixi typescript ui-components
Last synced: 2 months ago
JSON representation
PIXI UI Elements made simple (Based on IWM)
- Host: GitHub
- URL: https://github.com/ztalbot2000/pixi_ui_iwm
- Owner: ztalbot2000
- License: mit
- Created: 2020-03-26T00:47:15.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-02-04T18:05:29.000Z (over 2 years ago)
- Last Synced: 2025-03-30T17:51:14.651Z (7 months ago)
- Topics: pixi, typescript, ui-components
- Language: JavaScript
- Size: 58.1 MB
- Stars: 6
- Watchers: 1
- Forks: 4
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PIXI_Ui_IWM - PIXI UI Elements made Really Easy.
## **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.
## Table of Contents
* [**Support**](#support)
* [**Extra Features**](#extra-features)
* [**Features**](#features)
* [**Screenshots**](#screenshots)
* [**License**](#license)
## Support
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.
## Extra Features
Beyond UI Elementshts, there are a few build tools made available.
### 1) Webpack.
Webpack is used as the main build tool.
### 2) Webpack DevServer
The Webpack DevServer plugin is used to illustrate the behaviour of all UI Elements.
### 3) TSC
All elements pass Typescript type checking.
### 3) Mocha Unit Testing
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.
## Features
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.
## Screenshots
## Installation
*SHELL*> Download the PIXI_UI.js file from dist or build it yourself with webpack.
## Unit Testing
Unit testing is done using the Mocha framework for Javascript and run using 'npm run test'.
## Inspiration and special thanks
Based on the best of:
* [IWM]https://www.iwm-tuebingen.de/www/index.html
* [iwmbrowser]https://www.iwm-tuebingen.de/iwmbrowser/src/index.html
## License
See [LICENSE](LICENSE)
[homebridge]:https://github.com/nfarina/homebridge
[homekit_screenshot]:https://github.com/ztalbot2000/homebridge-cmd4/raw/master/screenshots/Homekit_screenshot.png
[eve_screenshot]:https://github.com/ztalbot2000/homebridge-cmd4/raw/master/screenshots/Eve_screenshot.png
[ztalbot2000]:https://github.com/ztalbot2000