updating widget?

spreatics

I am using HTML5 widget for spine.

let's say i have spine widget as below.

<div class="spine-widget" id="widget_1" style="display: inline-block; width: auto;"
   data-json="url"
   data-atlas="url"
   data-animation="walk"
   data-fit-to-canvas="true"
   data-background-color="#FFFFFF"
</div>

I want to update my widget with jQuery as below.

$( "#widget_1" ).attr( "data-background-color", "#FFFF00" );

but it doesn't work 🙁

do you have any ideas?

Mario

The data- directives are only parsed once when the page is loaded. I could expose the backgroundColor field of the Widget spine-runtimes/Widget.ts at 3.6, but then there will be more requests to open up the internals of Widget. I think in that case, it'd make more sense to just use the WebGL API. What do you think?

spreatics

thanks for the answer. I have never studied about WebGL. so I tried widget.

so, should I think 'widget is not suitable for dynamic use...so it would be better to use WebGL for dynamic'?

Mario

Yes, if you require more than simply displaying a Spine skeleton, it is better to use the spine-ts WebGL backend. WebGL is actually quite hidden from you, except for when you need to clear the screen.