pixi.text Pixi Text Style Generator ? [SOLVED]

[jonforum]

EDIT:

TANKS TO :Jammy 

EDITOR: http://pixitools.jamdonut.com/

TANKS TO :bigtimebuddy FROM http://mattkarl.com/

EDITOR: https://pixijs.github.io/pixi-text-style/#

SOURCE: https://github.com/pixijs/pixi-text-style

___________________________________________________________

 

hi !, is there a pixi.text generator for the style.
Because I find it very long to try different configuration styles without preview.

 

similar as pixi-particles but for the text style ?

http://pixijs.github.io/pixi-particles-editor/

thank a lot for help

[themoonrat]

I'd just play around with the style using the pixi examples page

https://pixijs.github.io/examples/#/basics/text.js

[jonforum]

1 hour ago, themoonrat said:

I'd just play around with the style using the pixi examples page

https://pixijs.github.io/examples/#/basics/text.js

thank but  This is the official page for pixi demo.

It's even longer than in my application with node js.

I would really like to have a page with sliders and buttons to change parameters, rather than writing in console.log and making 100's of ctrl+c ctrl+v !!!

 

 a easy way to control this .

{
        align: 'right',
        breakWords: false, //Break words between any two letters on wordWrap
        dropShadow: false,
        dropShadowAngle: Math.PI / 6,
        dropShadowBlur: 0,
        dropShadowColor: '#000000',
        dropShadowDistance: 5,
        fill: 'black',
        fillGradientType: TEXT_GRADIENT.LINEAR_VERTICAL,
        fontFamily: 'Arial',
        fontSize: 26,
        fontStyle: 'normal', //normal|italic|oblique|initial|inherit
        fontVariant: 'normal', //normal|small-caps|initial|inherit
        fontWeight: 'normal', //normal|bold|bolder|lighter|number|initial|inherit|900|600|400
        letterSpacing: 0,
        lineHeight: 0,
        lineJoin: 'miter', //"bevel|round|miter"
        miterLimit: 10,
        padding: 0,
        stroke: 'black',
        strokeThickness: 0,
        textBaseline: 'alphabetic', //"alphabetic|top|hanging|middle|ideographic|bottom"
        wordWrap: false,
        wordWrapWidth: 100,
    }

 

[alex_h]

3 hours ago, jonforum said:

similar as pixi-particles but for the text style ?

Sounds like  a good idea, I think you should make one

[jonforum]

It would be something like that, but I'm not sufficiently good with html5 and and javascript.
i work on node.js

https://jsfiddle.net/jonforum/zL5beuoc/5/

Ideally to offer live changes

 

[Jammy]

@jonforum

I also need this so I'm working on the tool. I'll post a link soon.

[Jammy]

@jonforum Still needs some work but I think it's got the minimum now so if it's of any use give it a go. Let me know what might be worth changing, I'll probably be adding some more stuff later in the week.

If anyone tries it then it would be great to know any bugs, thanks.

http://pixitools.jamdonut.com/

 

[alex_h]

Nice work! One thing that might be nice is if you could exclude any parameters from the source panel that are left on their default values. That way you keep the amount of config to a bare minimum.

[Jammy]

Just now, alex_h said:

Nice work! One thing that might be nice is if you could exclude any parameters from the source panel that are left on their default values. That way you keep the amount of config to a bare minimum.

I was actually thinking that as I'd prefer it too, thanks for the push... I'll add it to the missing features list

[themoonrat]

This is cool  Very useful to give to the artists to then give text styles they'd want us to use.

The same request was also posted to github there and someone also went away to do a similar thing: https://github.com/pixijs/pixi-text-style

Maybe the 2 of you could work together?

[Jammy]

if only we could magically merge them right now, its like we both have 2 halves of the end but both have gradients/dropshadow rotation missing.

[jonforum]

5 hours ago, Jammy said:

@jonforum Still needs some work but I think it's got the minimum now so if it's of any use give it a go. Let me know what might be worth changing, I'll probably be adding some more stuff later in the week.

If anyone tries it then it would be great to know any bugs, thanks.

http://pixitools.jamdonut.com/

 

you are awsome thank a lot friend

[jonforum]

in the css you can change the class row 

.row {

padding-top: 0px; !important

padding-bottom: 0px;!important

}

and remove margin-left: auto; */ from container page

 

I find more nice and easy to read without padding between each row.

or maybe 1 or 2 for padding

[jonforum]

thank to bigtimebuddy from http://mattkarl.com/

https://pixijs.github.io/pixi-text-style/

for issu:

https://github.com/pixijs/pixi-text-style

 

[Jammy]

I think I'll keep working on mine since I have import features and a better color picker. That tool is pretty good for trying stuff out I guess.

[jonforum]

22 hours ago, Jammy said:

I think I'll keep working on mine since I have import features and a better color picker. That tool is pretty good for trying stuff out I guess.

+1 for your color piker &&  import features