Question - add event listeners to parts

Rus

How do you add event listeners to parts?

eg, if I click the head, then head should nod; if I click the arm, the arm should sway.

Currently I am just using different dumb rectangular hit-areas. Is there a better way?

Thank you in advance

naotaro

In my case, the hit area test has been implemented in the SDK after checking in Live2D Viewer.

Rus

I didn't understand what you meant, sorry.

I hope the following picture can illustrate my question better.

If I click at the green cross, then it causes the head to nod.
But if I click on the blue cross, it will not cause the head to nod.
I am just hoping to achieve that.

naotaro

I'm sorry ,
It had been mistaken to be able to check the collision detection in Live2D Viewer.

Live2DViewer the only display of collision detection , could not operation check .
Please forget .

[Deleted User]

Hi,

I just added a reply to another thread that is thematically related to this topic. In the source code, that I posted there, you'll find a comment on how you could implement a more precise collision detection. You'd, however, have to test whether the performance of that approach is sufficient for your purposes. Here's the link to the thread anyway: http://community.live2d.com/discussion/287/how-to-make-character-respond-to-touch#latest

Rus

Thank you for your responses.

However, is there a simpler way of doing it?

All I want is the following:
" If a Part of a live2d model (eg. head) gets clicked, then a event would be triggered" .

I just learnt how to adjust the opacity of individual Parts of a live2d model. So wouldn't it be possible to determine whether a specific Part got clicked on?

Thanks in advance)

naotaro

If you want to do in a simple way ,
I think that it is better to make a multiple of around judgment in Cubism Modeler .
http://sites.cybernoids.jp/cubism2/modeler/models/collision

Rus

Ok. I create a hit area (with a reference ID) in the Cubism editor.

But then, how do I grab the reference ID when I'm programming in JS using Cubism SDK?
I struggle to find the relevant functions in here: http://doc.live2d.com/api/core/cpp2.0e/

naotaro

For example , you will create two hit area in Cubism Modeler(Only square shape)


Next, you will modify the hit area definition of model.json .


Finally, modify the program .


It is very easy . Good Luck!!