ios 縮放問題

如果小遊戲可以透過 web ,直接在瀏覽器上面操作,那就不用被 store 多收一次錢,快速達到與 user 互動的目的,於是我最近做了一個小遊戲在 web 上,結果卻碰到在手機上,連點預設放大,導致 user 在正常的遊戲過程中,意外被放大的效果,所以一般遊戲還是跟做 web app 有不同的需求呀~(茶)

後來找了以下的 solution
1. 使用遊戲框架, pixi.js etc. 這類的遊戲框架,會幫你把使用者的操作介面渲染到 canvas 裡面,避免掉一些 user 操作上預設的效果,像是滑動或縮放。
( 但如果你跟我一樣,遊戲已經開發完了,或是只是個小遊戲,沒必要引入整個遊戲框架,那就不推)

2. 使用 css touch-action 屬性,使用這個屬性在遊戲區域,使用者的預設操作是可以被重新定義的,這樣就可以避免掉意外的縮放產生。(推)
https://developer.mozilla.org/zh-CN/docs/Web/CSS/touch-action

在開發前的 survey 真的很重要呢~經驗++

留言