greyrook / gown.js Goto Github PK
View Code? Open in Web Editor NEWUI system for pixi.js inspired by feathers-ui
License: Other
UI system for pixi.js inspired by feathers-ui
License: Other
...with an API like the one in feathers, see
https://github.com/BowlerHatLLC/feathers/blob/master/source/feathers/controls/ScrollContainer.as
Hi,
I followed the steps explained in the CONTRIBUTING.md file to setup dependencies. But I do not figure out how to build gown.js?
Is there a document explaining this simple step.
Regards,
new Button label flash at position 0:0 before they get positioned at the right position (scroll the buttons in example 4 to see this)
Scrollbar.js line 14
Uncaught TypeError: Cannot read property 'thumbSkin' of undefined
A way to add new types to the ThemeParser that then can be used in the theme itself.
see "example 7 - slider" not working
recalculate the layout when the width/height of a child changes (update using EventEmitter3)
hi.
example 5 - scrollbar
i can click button of invisible area like 'button7' into LayoutGroup.
LayoutGroup has mask. so button can't show except button on layoutgroup
When the user just moves the content in the scroll area without klicking on the thumb the thumb does not move.
I have not idea what is feathers-ui, but I have very strong background in HTML5+CSS3 (also HTML APPS). In this HTML world new fresh projects try to stay as much as possible away from defining element styles with images (sprite-sheets etc.). This is due new advanced CSS settings, that let you define, for example, a complete custom button (with round borders, gradient, opacity, etc.). This is a very obvious tendency, because it solves retina issues & saves assets loading size (especially when there are a lot of different styles) / Also doe's not require Photoshop :)) / . So what is with Gown? Can we hope for some features to define, at least, button styles with settings (and no image required)? I think PIXI makes this really easy?...
As of now the virtual keyboard does not open on focus of a InputControl.
Is very confusing as the password seems to be one character longer than the userinput although it is not. Also the trailing space is always behind the pipe (**|).
The build scripts in gown are just copied over from an older pixi version (with some minor modifications). There is a lot going on that is not needed and complicates the build process unnecessarily.
So we should clean up and create some new scripts that only do what is needed. It can be based on the current PIXI-build scripts but should not be just a copy
use EventEmitter3
Support for component and state dependent text-styles defined in a theme. If none are given use global text-styles.
Any hopes of some updates, fixes, etc? Project being still since APR 18.
We need more documentation.
The pixi loader wants to use XHR to load image files, but that is not available in e.g. testem
keep store position of thumb and recalculate it when the scrollbar gets resized
My primary goal is to create cascading lists (Miller columns) right now. But I'd also like touchpad two finger scroll to work with ScrollArea. I'll probably add this myself but please consider it a feature request. Thanks!
Click events are passed by
overwrite destroy-function and remove all listeners, destroy skins, help gc to free memory.
Been a while now :)
Like feathers-ui, but customizable where the suggestions are shown (below, above, both), and how the suggestions are generated (fixed list, function that generates suggestions) with the option to not allow setting of invalid options.
Add example for PickerList / Drop Down functionality
they should at least show the label
Check is always displayed as not selected. Just use the following theme for check in aeontheme, add width and height to the aeon-checks in the checkbox example and see for yourself. In not selected state it shows a white rect with black border, in selected state it should show a black rect.
"check": { "up": { "type": "rect", "radius": 0, "border": 3, "color": "0xffffff", "borderColor": "0x000000" }, "down": { "type": "rect", "radius": 0, "border": 3, "color": "0xffffff", "borderColor": "0x000000" }, "hover": { "type": "rect", "radius": 0, "border": 3, "color": "0xffffff", "borderColor": "0x000000" }, "selected_up": { "type": "rect", "radius": 0, "border": 3, "color": "0x000000", "borderColor": "0x000000" }, "selected_down": { "type": "rect", "radius": 0, "border": 3, "color": "0x000000", "borderColor": "0x000000" }, "selected_hover": { "type": "rect", "radius": 0, "border": 3, "color": "0x000000", "borderColor": "0x000000" } },
InputControls are only on the text itself clickable, not the element.
in Slider: Scrollable.call(this, thumb, theme)
but
function Scrollable(theme) {...}
The example works because the theme is the only argument, and since the first argument is thumb it works, but does not look like its intendet this way?
var btn = GOWN.Button()
btn.enabled = false;
I am thinking about merging the three projects back together into one.
Reasoning:
Like the one in feathers
https://feathersui.com/api-reference/feathers/controls/ToggleSwitch.html
set overflow:hidden or something so you do not see the scrollbars
What do they do? Why is labelFont, labelColor and textStyle used in buttons for the label? Does seem a bit redundant and error prone, since labelFont and labelColor are used to set updateLabel, but textStyle is used to update the style.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.