讓hammer完美支持Pixi.js - 2D webG庫


由於項目改造,采用2D webG的pixi庫,那么基於canvas的結構上,事件就是最大的一個問題了

改造的原理很簡單,把hammer里面的addEventListeners事件綁定給第三方庫代替,事件的綁定由第三方控制即可

hammer是負責接收事件消息即可。

image

傳遞一個pixi引用,即每個canvas內部的精靈對象的引用,因為要給每一個對象綁定事件

 

hammer內部:

image

hammer的addEventListeners事件綁定由第三方綁定替換

image

替換

image

 

注意一個的問題就是:

hammer給的ev是經過包裝的對象,所以需要取ev.originalEvent,事件對象

image

 

最后一個修改touchAction類,canvas是沒有,所以在涉及調用touchAction的時候,需要判斷下取消

image

 

至此,hammer庫很完美的支持了Pixi.js - 2D webG/canvas庫。。。。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM