Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Quick start guide? #107

Closed
khellste opened this issue Jun 11, 2017 · 1 comment
Closed

Quick start guide? #107

khellste opened this issue Jun 11, 2017 · 1 comment

Comments

@khellste
Copy link

khellste commented Jun 11, 2017

I've been looking for a GUI plugin for PIXI that I can use for something I've been working on. This project caught my eye because it seems to have a higher bar for code quality than some alternatives. However, there doesn't appear to be any guide on getting started with gown.js, or any demos, or any screenshots, or any sample code. So it's very difficult to evaluate whether gown.js could suit my needs.

I have a few questions:

  1. How can I include gown.js in my project? Is this npm repository official or up-to-date?
  2. How do I bootstrap gown.js in my project? Obviously it needs to be hooked into PIXI's render loop, but how is that done?
  3. What does the code for a basic UI look like in gown.js? Suppose I want a simple screen with two buttons that have custom text and custom actions. How would that look in code?
  4. Does gown.js support TypeScript?
@brean
Copy link
Collaborator

brean commented Jun 12, 2017

Take a look at docs/examples for examples. Please note that some (moste) of them have bugs (see #95)

  1. there is no official npm repo. The one you found is not the newest version
  2. Just use the UI elements provided by gown, they hock into PIXI themself by overwriting/extending the updateTransform-function that PIXI calls for all its components (see core/Control.js line 44 - 59 )
  3. Take a look at the first example
  4. GOWN does not handle any rendering itself, its all PIXI's magic. You might want to take a look at pixi-typescript

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants