mr-crocs-adventures/tilorswift/js/module.js

import Terrain from "./Terrain.js";
import FileLoader from "../../js/FileLoader.js";
import TilorswiftEvent from "./events/TilorswiftEvent.js";
import Mouse from "./Mouse.js";
import Tileset from "./Tileset.js";
import Tilorswift from "./Tilorswift.js";
import TilorswiftSavedEvent from "./events/TilorswiftSavedEvent.js";
import MainMenu from "./menu/MainMenu.js";
import MenuGroup from "./menu/MenuGroup.js";
import MainMenuEntry from "./menu/MainMenuEntry.js";
import TilorswiftMenuSaveClickedEvent from "./events/TilorswiftMenuSaveClickedEvent.js";
import TilesetPickerWidget from "./menu/TilesetPickerWidget.js";
import WidgetBar from "./menu/WidgetBar.js";
import EntrancePointWidget from "./menu/EntrancePointWidget.js";
import Brush from "./Brush.js";
import BrushMode from "./BrushMode.js";
import DialogAddRows from "./dialog/DialogAddRows.js";
import DialogAddColumns from "./dialog/DialogAddColumns.js";
import TilorswiftAddRowsClickedEvent from "./events/TilorswiftAddRowsClickedEvent.js";
import TilorswiftAddColumnsClickedEvent from "./events/TilorswiftAddColumnsClickedEvent.js";
import TilorswiftMenuNewTerrainClickedEvent from "./events/TilorswiftMenuNewTerrainClickedEvent.js";
import DialogNewTerrain from "./dialog/DialogNewTerrain.js";
import TargetPointWidget from "./menu/TargetPointWidget.js";
import GraphicSet from "../../js/GraphicSet.js";
import Setting from "../../js/Setting.js";

let loader = new FileLoader('../levels/level01.json');
let terrainData = JSON.parse(loader.getContent());
let image = new Image();
image.src = Setting.TILESET_LOCATION + GraphicSet[terrainData.tileset].tileset;

image.onload = function () {
    let terrain = Terrain.createFromJson(terrainData);

    if (GraphicSet[terrainData.tileset].backgroundImage !== null) {
        document.body.style.backgroundImage = 'url("' + Setting.GRAPHICS_LOCATION + GraphicSet[terrainData.tileset].backgroundImage + '")';
    }

    document.body.style.backgroundColor = GraphicSet[terrainData.tileset].backgroundColor;


    let map = document.getElementById('map');
    map.appendChild(terrain.getElement());

    let brush = new Brush();
    let tileset = new Tileset(terrainData.tileset);
    let widgetBar = new WidgetBar('widget-bar');

    let tilesetPicker = new TilesetPickerWidget(tileset, brush);
    widgetBar.addWidget(tilesetPicker);

    let entrancePicker = new EntrancePointWidget(widgetBar, brush);
    widgetBar.addWidget(entrancePicker);

    let targetPicker = new TargetPointWidget(widgetBar, brush);
    widgetBar.addWidget(targetPicker);

    document.body.appendChild(widgetBar.getElement());

    let mouse = new Mouse();
    let mainbar = new MainMenu('mainbar');

    let menuFile = new MenuGroup('Datei');
    menuFile.addMenuEntry(new MainMenuEntry('Neu...', TilorswiftMenuNewTerrainClickedEvent));
    menuFile.addMenuEntry(new MainMenuEntry('Speichern...', TilorswiftMenuSaveClickedEvent));
    mainbar.addMenuGroup(menuFile);

    let menuEdit = new MenuGroup('Bearbeiten');
    menuEdit.addMenuEntry(new MainMenuEntry('Zeilen einfügen...', TilorswiftAddRowsClickedEvent));
    menuEdit.addMenuEntry(new MainMenuEntry('Spalten einfügen...', TilorswiftAddColumnsClickedEvent));
    mainbar.addMenuGroup(menuEdit);

    document.body.appendChild(mainbar.getElement());

    window.addEventListener(
        TilorswiftEvent.FIELD_CLICKED,
        (event) => {
            if (brush.mode === BrushMode.TERRAIN && !event.getField().isEntrancePoint) {
                switch (event.button) {
                    case 0:
                        event.getField().setIndex(terrain.brushTileIndex);
                        break;
                    case 2:
                        event.getField().setIndex(-1);
                        break;
                }
            } else if (brush.mode === BrushMode.ENTRANCE) {
                if (event.getField().index === -1) {
                    let coordinates = terrain.getFieldCoordinates(event.getField());
                    terrain.setEntrancePoint(coordinates.x, coordinates.y);
                    brush.mode = BrushMode.TERRAIN;
                    widgetBar.enableWidgets();
                }
            }  else if (brush.mode === BrushMode.EXIT) {
                if (event.getField().index === -1) {
                    let coordinates = terrain.getFieldCoordinates(event.getField());
                    terrain.setTargetPoint(coordinates.x, coordinates.y);
                    brush.mode = BrushMode.TERRAIN;
                    widgetBar.enableWidgets();
                }
            }
        }
    );

    window.addEventListener(
        'contextmenu',
        (event) => {
            event.preventDefault();
        }
    );

    window.addEventListener(
        TilorswiftEvent.FIELD_ENTERED,
        (event) => {
            if (mouse.isPressedLeft) {
                event.getField().setIndex(terrain.brushTileIndex);
            } else if (mouse.isPressedRight) {
                event.getField().setIndex(-1);
            }
        }
    );

    window.addEventListener(
        TilorswiftEvent.NEW_TERRAIN_CLICKED,
        () => {
            new DialogNewTerrain();
        }
    );

    window.addEventListener(
        TilorswiftEvent.ADD_ROWS_CLICKED,
        () => {
            new DialogAddRows();
        }
    );

    window.addEventListener(
        TilorswiftEvent.ADD_COLUMNS_CLICKED,
        () => {
            new DialogAddColumns();
        }
    );

    window.addEventListener(
        TilorswiftEvent.ADD_ROWS,
        function (event) {
            terrain.addRows(event.beforeRow, event.rowCount);
        }
    );

    window.addEventListener(
        TilorswiftEvent.ADD_COLUMNS,
        function (event) {
            terrain.addColumns(event.beforeColumn, event.columnCount);
        }
    );

    window.addEventListener(
        TilorswiftEvent.NEW_TERRAIN,
        (event) => {
            let tileset = new Tileset(event.tilesetIndex);
            terrain = new Terrain(tileset, event.tilesX, event.tilesY, GraphicSet[event.tilesetIndex].backgroundColor);
            if (GraphicSet[event.tilesetIndex].backgroundImage !== null) {
                document.body.style.backgroundImage = 'url("' + Setting.GRAPHICS_LOCATION + GraphicSet[event.tilesetIndex].backgroundImage + '")';
            }
            map.innerHTML = '';
            map.appendChild(terrain.getElement());
            tilesetPicker.reloadTileset(tileset);
        }
    );

    /* Prevents Firefox's annoying default drag and drop behavior for images */
    document.addEventListener(
        'dragstart',
        function (event) {
            event.preventDefault();
        }
    );

    window.addEventListener(
        TilorswiftEvent.MENU_SAVE_CLICKED,
        function () {
            if (Tilorswift.saveTerrainToFile(terrain)) {
                window.dispatchEvent(new TilorswiftSavedEvent());
            }
        }
    );
};