Scale down destroy
Introduction¶
Scale down (i.e. ease scaleX, scaleY to 0
) game object then destroy it.
- Author: Rex
- Method only
Usage¶
Install plugin¶
Load minify file¶
- Load plugin (minify file) in preload stage
scene.load.plugin('rexscaleplugin', 'https://raw.githubusercontent.com/rexrainbow/phaser3-rex-notes/master/dist/rexscaleplugin.min.js', true);
- Scale down, then destroy object
scene.plugins.get('rexscaleplugin').scaleDownDestroy(gameObject, duration);
Import plugin¶
- Install rex plugins from npm
npm i phaser3-rex-plugins
- Install plugin in configuration of game
import ScalePlugin from 'phaser3-rex-plugins/plugins/scale-plugin.js'; var config = { // ... plugins: { global: [{ key: 'rexScale', plugin: ScalePlugin, start: true }, // ... ] } // ... }; var game = new Phaser.Game(config);
- Scale down, then destroy object
scene.plugins.get('rexScale').scaleDownDestroy(gameObject, duration);
Import class¶
- Install rex plugins from npm
npm i phaser3-rex-plugins
- Import class
import ScaleDownDestroy from 'phaser3-rex-plugins/plugins/scale-down-destroy.js';
- Scale down, then destroy object
ScaleDownDestroy(gameObject, duration);
Scale down¶
- Scale down width and height
var scale = scene.plugins.get('rexScale').scaleDownDestroy(gameObject, duration); // var scale = scene.plugins.get('rexScale').scaleDownDestroy(gameObject, duration, undefined, ease);
ease
: Ease function, default is'Linear'
.
- Scale down width only
var scale = scene.plugins.get('rexScale').scaleDownDestroy(gameObject, duration, 'x'); // var scale = scene.plugins.get('rexScale').scaleDownDestroy(gameObject, duration, 'x', ease);
- Scale down height only
var scale = scene.plugins.get('rexScale').scaleDownDestroy(gameObject, duration, 'y'); // var scale = scene.plugins.get('rexScale').scaleDownDestroy(gameObject, duration, 'y', ease);
Events¶
- Scale completes or is stopped.
scale.on('complete', function(gameObject, scale){ }, scope);