search

hairyf / vue3-pixi

Lightweight and flexible Vue 3 library for creating PixiJS applications.
https://vue3-pixi.vercel.app/
MIT License
199 stars 22 forks source link

Using spine/Atlas #109

Open ramkrishnakuldeep opened 2 months ago

ramkrishnakuldeep commented 2 months ago

Is there a way to use spine data (animated images) in your project.

ramkrishnakuldeep commented 2 months ago

spine_selfEmoji-s1e0.json spine_selfEmoji-s1e0

and there is one more file .atlas, the content is as below spine_selfEmoji-s1e0.png size: 368,521 format: RGBA8888 filter: Linear,Linear repeat: none 2_ features rotate: false xy: 232, 59 size: 134, 138 orig: 138, 143 offset: 4, 5 index: -1 2_effect_0 rotate: true xy: 232, 221 size: 41, 27 orig: 41, 27 offset: 0, 0 index: -1 2_effect_1 rotate: true xy: 187, 11 size: 46, 143 orig: 46, 143 offset: 0, 0 index: -1 2_effect_2 rotate: false xy: 2, 2 size: 183, 88 orig: 184, 90 offset: 1, 2 index: -1 2_effect_3 rotate: true xy: 263, 199 size: 320, 97 orig: 322, 97 offset: 2, 0 index: -1 blush_2 rotate: false xy: 2, 92 size: 228, 170 orig: 231, 175 offset: 0, 5 index: -1 face_0 rotate: true xy: 2, 264 size: 255, 259 orig: 255, 267 offset: 0, 8 index: -1

hairyf commented 1 month ago

You can use a custom renderer to add new rendering elements https://vue3-pixi.vercel.app/guide/api-reference/renderer.html#using-a-custom-element