mudlet-map-renderer 0.0.25 → 0.1.1-konva

package/map-fragment/draw/controls.js

@@ -1,172 +0,0 @@
-const paper = require("paper");
-const { PathFinder } = require("../reader/PathFinder");
-
-let selectionStyle = function (item) {
-    let style = {
-        strokeColor: new paper.Color(180 / 255, 93 / 255, 60 / 255, 0.9),
-    };
-    if (item.closed) {
-        style.fillColor = new paper.Color(
-            new paper.Gradient([[item.fillColor, 0.38], new paper.Color(1, 1, 1)], false),
-            item.bounds.topCenter,
-            item.bounds.bottomCenter
-        );
-    }
-    return style;
-};
-
-paper.Item.prototype.select = function (styleFunction) {
-    this.mapSelected = !this.mapSelected;
-    if (this.mapSelected && styleFunction !== undefined) {
-        let style = styleFunction(this);
-        this.orgStyle = {};
-        for (const key in style) {
-            this.orgStyle[key] = this[key];
-        }
-        this.style = style;
-    } else {
-        this.style = this.orgStyle;
-    }
-};
-
-class Controls {
-    constructor(renderer, reader, element, paperScope) {
-        this.renderer = renderer;
-        this.reader = reader;
-        this.element = element;
-        this.scope = paperScope;
-        this.view = paperScope.view;
-        this.element.onwheel = (event) => this.zoom(event);
-        this.activateDrag();
-        this.renderer.emitter.addEventListener("roomClick", (event) => this.selectRoom(event.detail));
-        this.renderer.emitter.addEventListener("backgroundClick", () => this.deselectRoom());
-        this.renderer.emitter.addEventListener("areaArrowClick", (event) => this.goToRoomArea(event.detail));
-
-        let bounds = this.renderer.getBounds();
-
-        this.view.center = bounds.center;
-        this.view.zoom = Math.min(this.view.size.width / bounds.width, this.view.size.height / bounds.height);
-        this.view.minZoom = this.view.zoom;
-
-        this.pathFinder = new PathFinder(reader);
-    }
-
-    zoom(event) {
-        event.preventDefault();
-        let oldZoom = this.view.zoom;
-        this.deltaZoom(event.deltaY > 0 ? 0.9 : 1.1);
-        let viewPos = this.view.viewToProject(new paper.Point(event.offsetX, event.offsetY));
-        let zoomScale = oldZoom / this.view.zoom;
-        let centerAdjust = viewPos.subtract(this.view.center);
-        let offset = viewPos.subtract(centerAdjust.multiply(zoomScale)).subtract(this.view.center);
-        this.view.center = this.view.center.add(offset);
-    }
-
-    setZoom(value) {
-        this.view.zoom = value;
-        this.view.zoom = Math.min(Math.max(this.view.zoom, this.view.minZoom), 50);
-        this.element.dispatchEvent(new CustomEvent("zoom", { detail: this.view }));
-    }
-
-    deltaZoom(delta) {
-        this.setZoom(this.view.zoom * delta);
-    }
-
-    activateDrag() {
-        let toolPan = new paper.Tool();
-        toolPan.activate();
-        toolPan.onMouseDrag = (event) => {
-            this.toggleOptimizedDrag(true);
-            this.element.style.cursor = "all-scroll";
-            let delta = event.downPoint.subtract(event.point);
-            this.view.translate(delta.negate());
-            this.isDrag = true;
-            this.element.dispatchEvent(new CustomEvent("drag", { detail: this.view }));
-        };
-        toolPan.onMouseDown = () => {
-            this.isDrag = false;
-            this.element.dispatchEvent(new CustomEvent("drag", { detail: this.view }));
-        };
-        toolPan.onMouseUp = () => {
-            this.isDrag = false;
-            this.element.style.cursor = "default";
-            this.toggleOptimizedDrag(false);
-        };
-    }
-
-    toggleOptimizedDrag(state) {
-        if (!this.renderer.settings.optimizeDrag) {
-            return;
-        }
-        if (state) {
-            if (!this.isDrag) {
-                this.renderer.linkLayer.visible = false;
-                this.renderer.roomLayer.visible = false;
-                this.renderer.rasterLayer.visible = true;
-            }
-        } else {
-            this.renderer.linkLayer.visible = true;
-            this.renderer.roomLayer.visible = true;
-            this.renderer.rasterLayer.visible = false;
-        }
-    }
-
-    selectRoom(room) {
-        if (this.isDrag) {
-            return false;
-        }
-        this.deselectRoom();
-        this.renderer.renderPosition(room.id);
-        room.render.select(selectionStyle);
-        room.exitsRenders.forEach((render) => render.select(selectionStyle));
-        this.selected = room;
-
-        this.element.dispatchEvent(new CustomEvent("roomSelected", { detail: room }));
-    }
-
-    deselectRoom() {
-        if (this.isDrag) {
-            return false;
-        }
-        this.renderer.clearPosition();
-        this.renderer.clearHighlight();
-        if (this.selected !== undefined) {
-            this.selected.render.select();
-            this.selected.exitsRenders.forEach((render) => render.select());
-            delete this.selected;
-            this.element.dispatchEvent(new CustomEvent("roomDeselected"));
-        }
-    }
-
-    centerRoom(id) {
-        let room = this.renderer.area.getRoomById(id);
-        if (room !== undefined) {
-            this.centerOnItem(room.render);
-            this.selectRoom(room);
-        }
-    }
-
-    centerOnItem(item) {
-        this.view.center = item.localToGlobal(item.position);
-    }
-
-    goToRoomArea(id) {
-        let destRoom = this.reader.getRoomById(id);
-        this.element.dispatchEvent(new CustomEvent("goToArea", { detail: destRoom }));
-    }
-
-    move(x, y) {
-        this.view.translate(new paper.Point(x * 50, y * 50).negate());
-    }
-
-    renderPath(from, to, color) {
-        let rooms = this.pathFinder.path(from, to)?.map(number => parseInt(number));
-        if (rooms) {
-            return this.renderer.renderPath(rooms, color);
-        }
-    }
-}
-
-module.exports = {
-    Controls: Controls,
-};