Fit to Browser Window

じ☆ve冰风

Fit to Browser Window
v1.00

Description

Designed for browser deployed games, this automatically fits the game screen to the width and height of the client's browser window.

Instructions

Plug and play, though it is up to you to create appropriately sized maps and graphics, and to understand how and why this script should or should not be used.

The creator can specify a maximum size and minimum size for their game; the game will not go beyond these boundaries. Leave blank or 0 and the game will just fill the available space.

When testing this plugin please note that the size of the game's title screen and first map are for a small screen, so you won't initially notice that the plugin is working! As I said it is up to you to tailor your game to the plugin.

Credits

Credit to YanFly for a few lines from the resolution changing script. I have just plugged my own variables into these lines.

Notes

I am not used to releasing my plugins publicly so I apologise if I have broken any unwritten rules in my plugin; I've tried to keep to the standards set in the plugins I've seen.

I want to do a new version eventually which will resize the game when the client resizes their browser window, but I am not sure if this is possible. Currently the player will have to reload the game if they change their window size.

The plugin has no benefit whatsoever to a standalone release.

Plugin

                Code:       

1. //=============================================================================
2. // FitToBrowser.js
3. //=============================================================================
4. /*:
5. * @plugindesc Fit to Browser v1.00
6. * @author Afar Build 2 / Credit to YanFly for a couple of lines from ScreenResolution.js
7. *
8. * @param Minimum Width
9. * @desc Makes the game not go below this size. 0 = doesn't matter.
10. * Default: 640
11. * @default 640
12. *
13. * @param Minimum Height
14. * @desc Makes the game not go below this size.  0 = doesn't matter.                     
15. * Default: 480
16. * @default 480
17. *
18. * @param Maximum Width
19. * @desc Makes the game not go above this size. 0 = doesn't matter.
20. * Default: 1024
21. * @default 1024
22. *
23. * @param Maximum Height
24. * @desc Makes the game not go above this size. 0 = doesn't matter.                     
25. * Default: 768
26. * @default 768
27. */
29. var AmyPond = AmyPond || {};
30. AmyPond.resolution = AmyPond.resolution || {};
32. AmyPond.parameters = PluginManager.parameters('FitToBrowser');
33. AmyPond.minWidth = Number(AmyPond.parameters['Minimum Width'] || 0);
34. AmyPond.minHeight = Number(AmyPond.parameters['Minimum Height'] || 0);
35. AmyPond.maxWidth = Number(AmyPond.parameters['Maximum Width'] || 0);
36. AmyPond.maxHeight = Number(AmyPond.parameters['Maximum Height'] || 0);
38. AmyPond.resize = function() {
40.     AmyPond.w = window.innerWidth
41.     || document.documentElement.clientWidth
42.     || document.body.clientWidth;
44.     AmyPond.h = window.innerHeight
45.     || document.documentElement.clientHeight
46.     || document.body.clientHeight;
48.     if (AmyPond.minWidth != 0) {
49.         if (AmyPond.w < AmyPond.minWidth) {
50.             AmyPond.w = AmyPond.minWidth;
51.         }
52.     }
53.     if (AmyPond.maxWidth != 0) {
54.         if (AmyPond.w > AmyPond.maxWidth) {
55.             AmyPond.w = AmyPond.maxWidth;
56.         }
57.     }
58.     if (AmyPond.minHeight != 0) {
59.         if (AmyPond.h < AmyPond.minHeight) {
60.             AmyPond.h = AmyPond.minHeight;
61.         }
62.     }
63.     if (AmyPond.maxHeight != 0) {
64.         if (AmyPond.h > AmyPond.maxHeight) {
65.             AmyPond.h = AmyPond.maxHeight;
66.         }
67.     }
69.     SceneManager._screenWidth = AmyPond.w;
70.     SceneManager._screenHeight = AmyPond.h;
71.     SceneManager._boxWidth = AmyPond.w;
72.     SceneManager._boxHeight = AmyPond.h;
74.    window.resizeBy(AmyPond.w, AmyPond.h);
75. };
77. AmyPond.resize();
79. //=============================================================================
80. // End of File
81. //=============================================================================

复制代码

本贴来自国际rpgmaker官方论坛作者:Ellie Jane处,因国际论坛即将永久关站,为了存档多年珍贵资料,署名转载到本论坛存档,由于官方帖子为英文原帖，需要中文翻译请点击论坛顶部切换语言为中文就可以将帖子翻译成中文浏览,方便大家随时查看,原文地址：https://forums.rpgmakerweb.com/threads/fit-to-browser-window.75199/