Phaser.ScaleManager.RESIZE;没有画布大小限制

时间:2018-02-23 21:12:55

标签: html5-canvas scale phaser-framework window-resize

Noob在这里使用Phaser。但这是我的问题:

我正努力为我正在建造的游戏获得完美的比例。到目前为止,我最好的选择是Phaser.ScaleManager.RESIZE; 但是这种方法对画布大小没有限制。如果一个用户有一个巨大的屏幕,比如说30英寸,那么他比中型屏幕的用户(比如17英寸)有很多优势。 30英寸的用户可以看到更多的世界。

我试图将画布设置为固定大小,如1280x720,然后动态调整画布样式。并使用Phaser.ScaleManager.SHOW_ALL;但它没有成功,因为它显示黑色边框,我无法摆脱它。

为了说明我想要实现的目标,我正在建立一个在线多人游戏(.io)。如果您注意到最着名的.io游戏,如agar.io,diep.io和slither.io,游戏规模对于任何屏幕尺寸都是完美的。如果屏幕太大,则游戏不会显示更多屏幕。它只是适应更加放大的游戏。

这是我需要的GIF以及我现在的游戏方式:

agar.io: https://gyazo.com/94a41e06816b8dc9a1fd4608c0cfa525

请注意,在agario中,屏幕只会在游戏开始扩展之前到目前为止。

我的游戏: https://gyazo.com/4269ecfb1253b9ddbcd6e917ad1a8602

注意在缩放游戏后我能看到多少世界。这意味着画布大小没有限制。那很糟糕。

如果您需要更多信息以便帮助我,请告诉我们!

提前致谢!

0 个答案:

没有答案