phaser学习笔记1

拈花ヽ惹草 提交于 2020-01-14 02:29:48

移动端全屏

咨询了一个用phaser做过游戏的同学的方案,以及网上查了一下相关资料。全屏的解决方案,基本都是要先读取屏幕的宽高,根据宽高再去设置Game的width和height。
在宽高的获取和使用上,还要考虑屏幕缩放尺寸问题(devicePixelRatio)。这就是屏幕的真实像素和逻辑像素比例,避免出现显示模糊。

加载图片尺寸

这是紧接着上一个问题需要考虑的问题。
当适配不同屏幕时,Game的尺寸发生了变化,那么加载到页面上的图片素材,也是需要进行相应的尺寸调整。
加载图片时,有个方法,setScale, 这可以调整图片的放大缩小尺寸,进而解决问题。

animation/anims动画

这里的动画概念,是多张图/状态的切换。例如sprite图里,多个图块内容切换。

actions

actions,在我理解,就是对phaser对象进行的操作,改变x值,y值,放置在圆圈上等等。

Geom几何图形

创建圆,三角形,长方形,椭圆,都要用这个方法。

Tween补间动画

就是一个物体,从一个地方,向另一个地方移动。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!