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

Plugins of phaser4

import BaseState from './BaseState.js';
import MatchState from './MatchState.js';
// Actions
import PlaceChess from '../actions/PlaceChess.js';
import SelectChess from '../actions/SelectChess.js';
import ClickChess from '../actions/ClickChess.js';
import SwapChess from '../actions/SwapChess.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.clickedChess;
        this.matchState = new MatchState(bejeweled, config); // sub-state

        // Actions
        this.placeAction = GetValue(config, 'placeAction', PlaceChess);
        // select1 action
        this.select1Action = GetValue(config, 'select1Action', SelectChess);
        // select2 action
        this.select2Action = GetValue(config, 'select2Action', this.select1Action);
        // click action
        this.clickAction = GetValue(config, 'clickAction', ClickChess);
        // Swap action
        this.swapAction = GetValue(config, 'swapAction', SwapChess);
        // 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.clickedChess = 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.inputTest();
        }

        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.clearInput();

        this.bejeweled.emit('select1-start', this.boardWrapper.board, this.bejeweled);
    }
    selectChess1(chess) {
        if (
            (this.state === 'SELECT1START') &&
            (chess.getData('swappable') || chess.getData('clickable'))
        ) {

            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') &&
            chess.getData('swappable')
        ) {

            this.selectedChess2 = chess;
            this.next();
        }
        return this;
    }
    clickChess(chess) {
        if (
            (this.state === 'SELECT2START') &&
            chess.getData('clickable')
        ) {

            this.clickedChess = chess;
            this.next();
        }
        return this;
    }
    next_SELECT2START() {
        // clickChess()
        if (this.clickedChess) {
            return 'CLICK';
        }

        // selectChess2()
        // Ensure two chess are neighbors
        var direction = this.boardWrapper.board.getNeighborChessDirection(this.selectedChess1, this.selectedChess2);
        var areNeighbors = (direction < 4);
        return (areNeighbors) ? 'SELECT2' : 'SELECT1START';

    }
    // 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

    // CLICK
    enter_CLICK() {
        var board = this.boardWrapper.board,
            bejeweled = this.bejeweled,
            chess = this.clickedChess;

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

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

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

    // 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.selectedChess2) {  // Can undo swap
                nextState = 'UNDOSWAP';
            } else {
                nextState = 'SELECT1START';
            }
        } else if (this.boardWrapper.inputTest()) {
            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


    // Utils
    clearInput() {
        this.selectedChess1 = undefined;
        this.selectedChess2 = undefined;
        this.clickedChess = undefined;
        return this;
    }

    isAwaitingInput() {
        var state = this.state
        return (state === 'SELECT1START') || (state === 'SELECT2START');
    }

    runMatch3() {
        if (!this.isAwaitingInput()) {
            return this;
        }
        this.clearInput();
        this.goto('MATCH3');
        return this;
    }

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

}

export default State;