Ui fullscreenbutton
Introduction¶
A behavior attached to a game object that toggles fullscreen mode when the object is clicked.
- Author: Rex
- Behavior
Live demos¶
Usage¶
Install plugin¶
Load minify file¶
- Load plugin (minify file) in preload stage
    scene.load.scenePlugin('rexuiplugin', 'https://raw.githubusercontent.com/rexrainbow/phaser3-rex-notes/master/dist/rexuiplugin.min.js', 'rexUI', 'rexUI');
- Add fullscreen-button behavior
    scene.rexUI.add.fullscreenButton(gameObject, config);
Import plugin¶
- Install rex plugins from npm
    npm i phaser3-rex-plugins
- Install plugin in configuration of game
    import UIPlugin from 'phaser3-rex-plugins/templates/ui/ui-plugin.js'; var config = { // ... plugins: { scene: [{ key: 'rexUI', plugin: UIPlugin, mapping: 'rexUI' }, // ... ] } // ... }; var game = new Phaser.Game(config);
- Add fullscreen-button behavior
    scene.rexUI.add.fullscreenButton(gameObject, config);
Import class¶
- Install rex plugins from npm
    npm i phaser3-rex-plugins
- Import class
    import { FullscreenButton } from 'phaser3-rex-plugins/templates/ui/ui-components.js';
- Add fullscreen-button behavior
    new FullscreenButton(gameObject, config);
Add fullscreen-button behavior¶
scene.rexUI.add.fullscreenButton(gameObject, {
    onEnter: undefined,
    onLeave: undefined,
});
- onEnter:- A string or {key, frame}: Set texture key while entering fullscreen
- A callback : Invoking while entering fullscreen
    function(gameObject) { // ... }
 
- A string or 
- onLeave:- A string or {key, frame}: Set texture key while leaving fullscreen
- A callback : Invoking while leaving fullscreen
    function(gameObject) { // ... }
 
- A string or 
Custom class¶
- Define class
    class MyFullscreenButton extends RexPlugins.UI.FullscreenButton { constructor(gameObject, config) { super(gameObject, config); // ... } // ... }
- Create instance
    new MyFullscreenButton(gameObject, config);