phaser3-rex-plugins/templates/ui/sides/childbehaviors/Fade.js

Plugins of phaser3

import IndexOf from '../../../../plugins/utils/object/IndexOf.js';
import { WaitComplete } from '../../utils/WaitEvent.js';

export default {
    fadeChild(child, duration, alpha) {
        var key;
        if (typeof (child) === 'string') {
            key = child;
            child = this.sizerChildren[key];
        } else {
            key = IndexOf(this.sizerChildren, child);
        }
        if (duration === undefined) {
            duration = 500;
        }
        if (alpha === undefined) {
            alpha = (this.currentChildKey === key) ? 1 : 0;
        }

        child.fadeIn(duration, { start: child.alpha, end: alpha });
        return this;
    },

    fadeChildPromise(child, duration, alpha) {
        if (typeof (child) === 'string') {
            child = this.sizerChildren[key];
        }
        this.fadeChild(child, duration, alpha);

        if (child._fade) {
            return WaitComplete(child._fade);
        } else {
            return Promise.resolve();
        }
    }
}