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

2015年9月8日 星期二

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

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

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

renderer.plugins.interaction.autoPreventDefault = false;

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

2013年9月29日 星期日

JavaScript 2D圖型引擎 - Pixi Renderer

Pixi Renderer是一個輕量級的2D函式庫,讓可以輕易的使用WebGL的技術。
有興趣的朋友可以試試看!

2013年8月18日 星期日

sheetsee.js 讓你直接用google表單當DB

這是一個JavaScript的函式庫,可以讓你很方便的直接利用google表單的資料當DB。
sheetsee.js 網站