phaser4-rex-plugins/templates/bejeweled2/states/MainState.js

Plugins of phaser4

import BaseState from './BaseState.js';
import MatchState from './MatchState.js';
// Actions
import Place from '../actions/Place.js';
import Select from '../actions/Select.js';
import Pick from '../actions/Pick.js';
import Swap from '../actions/Swap.js'
import IsPromise from '../../../plugins/utils/object/IsPromise.js';

const GetValue = Phaser.Utils.Objects.GetValue;

class State extends BaseState {
    constructor(bejeweled, config) {
        super(bejeweled, config);
        // this.bejeweled = bejeweled;      // Bejeweled
        // this.boardWrapper = bejeweled.board; // Bejeweled.board

        this.selectedChess1;
        this.selectedChess2;
        this.pickedChess;
        this.matchState = new MatchState(bejeweled, config); // sub-state

        // Actions
        this.placeAction = GetValue(config, 'placeAction', Place);
        // select1 action
        this.select1Action = GetValue(config, 'select1Action', Select);
        // select2 action
        this.select2Action = GetValue(config, 'select2Action', this.select1Action);
        // pick action
        this.pickAction = GetValue(config, 'pickAction', Pick);
        // Swap action
        this.swapAction = GetValue(config, 'swapAction', Swap);
        // UndoSwap action
        this.undoSwapAction = GetValue(config, 'undoSwapAction', this.swapAction);

        var debug = GetValue(config, 'debug', false);
        if (debug) {
            this.on('statechange', this.printState, this);
        }
    }

    shutdown() {
        super.shutdown();

        this.matchState.shutdown();

        this.matchState = undefined;
        this.selectedChess1 = undefined;
        this.selectedChess2 = undefined;
        this.pickedChess = undefined;
        return this;
    }

    // START
    enter_START() {
        this.boardWrapper.init(); // Fill background tiles
        this.next();
    }
    next_START() {
        return 'RESET';
    }
    // START

    // RESET
    enter_RESET() {
        var board = this.boardWrapper;

        var done = false;
        while (!done) {
            board.reset(); // Refill chess
            done = board.preTest();
        }

        // Fill all prepare rows        
        board.fillPrepareRows();

        this.next();
    }
    next_RESET() {
        return 'PLACE';
    }
    // RESET

    // PLACE
    enter_PLACE() {
        var board = this.boardWrapper.board,
            bejeweled = this.bejeweled;

        bejeweled.emit('place', board, bejeweled);

        var chessArray = this.boardWrapper.getChessArray();
        var result = this.placeAction(chessArray, board, bejeweled);
        if (IsPromise(result)) {
            bejeweled.waitEvent(bejeweled, 'place.complete');
            result
                .then(function () {
                    bejeweled.emit('place.complete');
                })
        }

        this.next();
    }
    next_PLACE() {
        return 'SELECT1START';
    }
    // PLACE

    // SELECT1START
    enter_SELECT1START() {
        this.selectedChess1 = undefined;
        this.selectedChess2 = undefined;
        this.pickedChess = undefined;

        this.bejeweled.emit('select1-start', this.boardWrapper.board, this.bejeweled);
    }
    selectChess1(chess) {
        if (this.state === 'SELECT1START') {
            this.selectedChess1 = chess;
            this.next();
        }
        return this;
    }
    next_SELECT1START() {
        var nextState;
        if (this.selectedChess1) {
            nextState = 'SELECT1';
        }
        return nextState;
    }
    // SELECT1START

    // SELECT1
    enter_SELECT1() {
        var board = this.boardWrapper.board,
            bejeweled = this.bejeweled,
            chess = this.selectedChess1;

        this.bejeweled.emit('select1', chess, board, bejeweled);

        var result = this.select1Action(chess, board, bejeweled);
        if (IsPromise(result)) {
            bejeweled.waitEvent(bejeweled, 'select1.complete');
            result
                .then(function () {
                    bejeweled.emit('select1.complete');
                })
        }

        // To next state when all completed
        this.next();
    }
    next_SELECT1() {
        return 'SELECT2START';
    }
    // SELECT1

    // SELECT2START
    enter_SELECT2START() {
        this.bejeweled.emit('select2-start', this.boardWrapper.board, this.bejeweled);
    }
    selectChess2(chess) {
        if (this.state === 'SELECT2START') {
            this.selectedChess2 = chess;
            this.next();
        }
        return this;
    }
    pickChess(chess) {
        if (this.state === 'SELECT2START') {
            this.pickedChess = chess;
            this.next();
        }
        return this;
    }
    next_SELECT2START() {
        if (this.pickedChess) {
            return 'PICK';
        }

        var areNeighbors;
        if (this.selectedChess2) {
            var direction = this.boardWrapper.board.getNeighborChessDirection(this.selectedChess1, this.selectedChess2);
            areNeighbors = (direction < 4);
        } else {
            areNeighbors = false;
        }

        var nextState = (areNeighbors) ? 'SELECT2' : 'SELECT1START';
        return nextState;
    }
    // SELECT2START

    // SELECT2
    enter_SELECT2() {
        var board = this.boardWrapper.board,
            bejeweled = this.bejeweled,
            chess = this.selectedChess2;

        this.bejeweled.emit('select2', chess, board, bejeweled);

        var result = this.select2Action(chess, board, bejeweled);
        if (IsPromise(result)) {
            bejeweled.waitEvent(bejeweled, 'select2.complete');
            result
                .then(function () {
                    bejeweled.emit('select2.complete');
                })
        }

        // To next state when all completed
        this.next();
    }
    next_SELECT2() {
        return 'SWAP';
    }
    // SELECT2

    // SWAP
    enter_SWAP() {
        var board = this.boardWrapper.board,
            bejeweled = this.bejeweled,
            chess1 = this.selectedChess1,
            chess2 = this.selectedChess2;

        this.bejeweled.emit('swap', chess1, chess2, board, bejeweled);

        var result = this.swapAction(chess1, chess2, board, bejeweled);
        if (IsPromise(result)) {
            bejeweled.waitEvent(bejeweled, 'swap.complete');
            result
                .then(function () {
                    bejeweled.emit('swap.complete');
                })
        }

        // To next state when all completed
        this.next();
    }
    next_SWAP() {
        return 'MATCH3';
    }
    // SWAP

    // PCIK
    enter_PICK() {
        var board = this.boardWrapper.board,
            bejeweled = this.bejeweled,
            chess = this.pickedChess;

        this.bejeweled.emit('pick', chess, board, bejeweled);

        var result = this.pickAction(chess, board, bejeweled);
        if (IsPromise(result)) {
            bejeweled.waitEvent(bejeweled, 'pick.complete');
            result
                .then(function () {
                    bejeweled.emit('pick.complete');
                })
        }

        // To next state when all completed
        this.next();
    }
    setEliminatingChess(chessArray) {
        this.matchState.setEliminatedPieces(chessArray);
    }
    next_PICK() {
        return 'MATCH3';
    }
    // PICK

    // MATCH3
    enter_MATCH3() {
        this.matchState
            .once('complete', this.next, this)
            .goto('START');
    }
    next_MATCH3() {
        var nextState;
        if (this.matchState.totalMatchedLinesCount === 0) {
            // No matched line
            if (this.prevState === 'SWAP') {
                nextState = 'UNDOSWAP';
            } else { // PICK
                nextState = 'SELECT1START';
            }
        } else if (this.boardWrapper.preTest()) {
            nextState = 'SELECT1START';
        } else {
            nextState = 'RESET';
        }
        return nextState;
    }
    // MATCH3

    // UNDOSWAP
    enter_UNDOSWAP() {
        var board = this.boardWrapper.board,
            bejeweled = this.bejeweled,
            chess1 = this.selectedChess1,
            chess2 = this.selectedChess2;

        this.bejeweled.emit('undo-swap', chess1, chess2, board, bejeweled);

        var result = this.undoSwapAction(chess1, chess2, board, bejeweled);
        if (IsPromise(result)) {
            bejeweled.waitEvent(bejeweled, 'undo-swap.complete');
            result
                .then(function () {
                    bejeweled.emit('undo-swap.complete');
                })
        }

        // To next state when all completed
        this.next();
    }
    next_UNDOSWAP() {
        return 'SELECT1START';
    }
    // UNDOSWAP

    // debug
    printState() {
        console.log('Main state: ' + this.prevState + ' -> ' + this.state);
    }

}

export default State;