Pixi.js 7.2.0버전 업데이트 Vue3에서 진행하기(with Pinia)

🥑Pixi.js 7.2.0버전 업데이트 Vue3에서 진행하기(with Pinia)

자 업데이트 하자마자 처음부터 에러 드가자~ 

!!Cannot find propagation path to disconnected target on destroyed sprite!!

업데이트 후 sprite객체에 클릭이벤트인 eventmode를 static으로 설정 하면 이러한 에러를 뱉는다.

 

이유가 뭘까 ?

- 나는 한 이틀을 찾아 헤메고 고생했지만 이유는 간단하다. Pinia에 sprite나 app, container를 state에 저장 시킬 때 proxy객체로 변모되어 저장되므로 사용할 수 없었다는 거다 ... 참 단순한 ㅠ

 

해결방법!?

- pinia없이 전역변수 설정을 뭘로해주나 ~~ 하다가 그냥 main.js에 provide 사용하여 전역으로 변수 저장해주고 inject로 가져와서 사용하고 있다.(주의! 정해진 값은 변동이 안됨 getter의 성질을 가집니다.)

참고로 ref변수로 저장해서 넣어도 eventmode는 에러를 뱉습니다. pinia state나 ref 등등으로 저장 시 아직 pixi가 호환을 하지 않는다고 한다~ 찾아봐도 해결책이 별로 나와있지 않아서 이렇게 글 남깁니다 ! 나처럼 삽질하는 일없기!

 

아 참고로 pixi에 추가된 transfomer나 viewport같은 essential들도 다 같이 업데이트를 해주어야 합니다 ! 

 

울어 한없이 울어!