2015年9月8日 星期二

PIXI.js 開發Canvas在觸控裝置瀏覽器捲動不觸發問題

PIXI.js 開發Canvas的內容,預設情況在觸控裝置下需要拖曳滾動瀏覽器卷軸時,會發現無法觸發卷軸滾動事件,原因是觸控拖曳與Canvas畫面中的拖曳事件相衝突,所以PIXI把觸控事件擋掉了。

如果你需要開啟瀏覽器拖曳滾動,可以加一行

renderer.plugins.interaction.autoPreventDefault = false;

renderer是你的PIXI.Renderer物件
如此便可開啟滾動拖曳,但是會有幾個問題需要注意
1.遊戲中的拖曳當然也會觸發卷軸滾動
2.滑鼠事件也會一起觸發,可以考慮統一使用滑鼠事件,不註冊觸控事件

沒有留言: