移动端全屏
咨询了一个用phaser做过游戏的同学的方案,以及网上查了一下相关资料。全屏的解决方案,基本都是要先读取屏幕的宽高,根据宽高再去设置Game的width和height。
在宽高的获取和使用上,还要考虑屏幕缩放尺寸问题(devicePixelRatio
)。这就是屏幕的真实像素和逻辑像素比例,避免出现显示模糊。
加载图片尺寸
这是紧接着上一个问题需要考虑的问题。
当适配不同屏幕时,Game的尺寸发生了变化,那么加载到页面上的图片素材,也是需要进行相应的尺寸调整。
加载图片时,有个方法,setScale
, 这可以调整图片的放大缩小尺寸,进而解决问题。
animation/anims动画
这里的动画概念,是多张图/状态的切换。例如sprite图里,多个图块内容切换。
actions
actions,在我理解,就是对phaser对象进行的操作,改变x值,y值,放置在圆圈上等等。
Geom几何图形
创建圆,三角形,长方形,椭圆,都要用这个方法。
Tween补间动画
就是一个物体,从一个地方,向另一个地方移动。
来源:CSDN
作者:peade
链接:https://blog.csdn.net/peade/article/details/103940027