顯示具有 pixijs 標籤的文章。 顯示所有文章
顯示具有 pixijs 標籤的文章。 顯示所有文章

2015年9月8日 星期二

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

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

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

renderer.plugins.interaction.autoPreventDefault = false;

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

2014年11月26日 星期三

專案作品 - ITF競賽活動

遊戲流程
1.掃描RQ Code,按下參加比賽
2.最多可報名5人
3.按下網頁上的 Start Game 按鈕,開始比賽
4.依照手機上的操作進行遊戲

後面是一個很簡單的web socket交換器
網頁是pixijs寫的Canvas遊戲