Цей сайт найкраще переглядати в сучасному браузері з включеним JavaScript.

Exporting Skeleton with Dynamic Text String to PIXIJS

spidlee

Hi Guys,

We're working on a game that requires text strings to be dynamically modified in game. Is there a way to export a skeleton node with a dynamic text mesh? i.e. text mesh attached to bone with text value that can be modified/read from the export data?

We're currently exporting to PIXIJS, and we are finding that the texts created in Spine, and exported out gets flattened and unreadable in the export data. Are we mistaken here?

Cheers

Mario

Spine doesn't support text meshes. How did you create the text meshes in your Spine project? Could you elaborate on what you mean by "flattened and unreadable in the export data"? Maybe with some screenshots?

spidlee

"Spine doesn't support text meshes." I guess there was a miscommunication somewhere down the line with the artists I work with then. I was told texts in Spine would get flattened into images. Perhaps they meant they exported texts as images from Photoshop into Spine then.

What would be the best approach for us to add text styling data to a bone? Is there a way for us to do this?

Mario

I'm afraid there's no way to add text styling data to a bone, slot, or attachment in Spine. I'm not entirely familiar with the PixiJS Spine runtime (it's based on our spine-ts runtime, but maintained by a 3rd party as OSS), but I believe there should be a way to render a PIXI.Text (http://pixijs.download/release/docs/PIXI.Text.html) object as part of a Spine skeleton.

The way this could work:

In the Spine Editor, add slots to your skeleton where you want to render text. The slot name is freely definable, so you code encode the font family and size in it. The slot should be left empty, meaning, it has no attachment.
When loading a Spine skeleton in PixiJS, iterate through the slots in the skeleton and create a PIXI.Text for each slot that denotes a text (i.e. based on some naming convention you come up with).
This is where my knowledge about PixiJS ends. The PixiJS Spine Runtimes should have a way to let you insert those PIXI.Text nodes as part of the rendering of the skeleton.

I would suggest to hop over to the PixiJS forum for point 3.

djmisterjon

hi, the easy ways i find to perform this, you will need to add a 1px texture in a slot, and name it txtArea01 or something like this.
Than in PIXI you can find the slot txtArea and add to the child the text like this slot.currentSprite.addChild(pixiTxt)
it the only way i know to attache a PIXI text class to a spineSlot.

You can also add a fully rendered txt from photoshop to spine as texture and disable the text texture when you export ...

spidlee

Thanks for the input guys.

@badlogic, I quite like the suggestion of using the slot name to add the styles data. We could always by code, break down the name to extract the styles. And at the same time, the slot with the text id would then be used to add a PIXI text child to it.