About Mouse Follow in html

SojaLin

hi every one

i'm trying to test the Mouse Follow in example html like Owl.html
i finish the animation: down,up,left and right , and idle animation
when i play it on the html, I can't quite get into the action
feels like 50% idle an 50% up and down left and right
in my animation the eyeballs is very right

but in html, the eyeballs is not near enogh

I check the html file,but i dont know how to fix it.

thnak you!

Erika

Hello! consider that 100% of the effect will be at the very border of your canvas, so a less strong effect is normal. The setup in the editor looks correct, perhaps the example projects in this stream could help you?

SojaLin

Erika

Hi Erika
i'm follow every step from this video
but i want the effect more stronger
maybe 100% effect without going to the edge of the canvas

Could you please teach me how to set these values?

Or is there only one option I can use in the animation that exceeds
Animation moves 100% > HTML moves 50%
become
Animation moves 150% > HTML moves 75%
Maybe like this?

SojaLin

Erika

hi Erika

i have another question, this template HTML is work for Spine3.8
do you have another HTML can workin in spine 3.7?

if you dont have that, how can i run it use my 3.7 sprites?

thank you 😃

SojaLin

if my atlas have 2 or 3 or more png
how can i put it in the HTML?

SojaLin

And after many tests, I found that the animation can only be blended with one kind, and there is no way to do the oblique angle

For example, when the cursor moves to the upper right, lower right, upper left, and lower left, the animation will not move correctly

Misaki

SojaLin I have modified the tag as this thread seems to be about implementation questions, not a showcase of your work.

And after many tests, I found that the animation can only be blended with one kind, and there is no way to do the oblique angle

For example, when the cursor moves to the upper right, lower right, upper left, and lower left, the animation will not move correctly

If the alpha settings for each track are correct, you should be able to make them face diagonally as in the owl example. Could you please show us the code how you are trying to implement it?

SojaLin

Misaki
yes finally i found the problem
Incorrect setting of value
I have fixed it thanks

Misaki

SojaLin I’m glad to hear you've figured it out! Thank you for getting back to us 🙂

SojaLin

Misaki

thank you!

but i have another quisetions about how to put the 2 or more base64 pngs in HTML?
and how can i run it using 3.7 json?

thank you! goodday to you 😃

Erika

SojaLin My advice is to re-export as one big atlas since you're implementing this for this specific usage anyway. Also please at least upgrade to 3.8 as before that version this option wasn't available in the runtime.

Here is the blog post in question:
http://es.esotericsoftware.com/blog/Embedding-assets-with-Spine-Web-Player

If you have the original source files this shouldn't be a problem and it is the fastest solution.