移動端全屏
諮詢了一個用phaser做過遊戲的同學的方案,以及網上查了一下相關資料。全屏的解決方案,基本都是要先讀取屏幕的寬高,根據寬高再去設置Game的width和height。
在寬高的獲取和使用上,還要考慮屏幕縮放尺寸問題(devicePixelRatio
)。這就是屏幕的真實像素和邏輯像素比例,避免出現顯示模糊。
加載圖片尺寸
這是緊接着上一個問題需要考慮的問題。
當適配不同屏幕時,Game的尺寸發生了變化,那麼加載到頁面上的圖片素材,也是需要進行相應的尺寸調整。
加載圖片時,有個方法,setScale
, 這可以調整圖片的放大縮小尺寸,進而解決問題。
animation/anims動畫
這裏的動畫概念,是多張圖/狀態的切換。例如sprite圖裏,多個圖塊內容切換。
actions
actions,在我理解,就是對phaser對象進行的操作,改變x值,y值,放置在圓圈上等等。
Geom幾何圖形
創建圓,三角形,長方形,橢圓,都要用這個方法。
Tween補間動畫
就是一個物體,從一個地方,向另一個地方移動。