melonjs 17.4.0 → 18.0.0

package/src/level/tiled/renderer/TMXHexagonalRenderer.js

@@ -1,497 +0,0 @@
-import Vector2d from "./../../../math/vector2.js";
-import pool from "./../../../system/pooling.js";
-import TMXRenderer from "./TMXRenderer.js";
-import TMXLayer from "./../TMXLayer.js";
-
-
-
-// scope global variables & constants
-const offsetsStaggerX = [
-    {x:   0, y:   0},
-    {x: + 1, y: - 1},
-    {x: + 1, y:   0},
-    {x: + 2, y:   0}
-];
-const offsetsStaggerY = [
-    {x:   0, y:   0},
-    {x: - 1, y: + 1},
-    {x:   0, y: + 1},
-    {x:   0, y: + 2}
-];
-
-/**
- * @classdesc
- * an Hexagonal Map Renderder
- * @augments TMXRenderer
- */
-export default class TMXHexagonalRenderer extends TMXRenderer {
-    /**
-     * @param {TMXTileMap} map - the TMX map
-     */
-    constructor(map) {
-        super(
-            map.cols,
-            map.rows,
-            map.tilewidth & ~1,
-            map.tileheight & ~1
-        );
-
-        this.hexsidelength = map.hexsidelength || 0;
-        this.staggerX = map.staggeraxis === "x";
-        this.staggerEven = map.staggerindex === "even";
-
-        this.sidelengthx = 0;
-        this.sidelengthy = 0;
-
-        if (map.orientation === "hexagonal") {
-            if (this.staggerX) {
-                this.sidelengthx = this.hexsidelength;
-            }
-            else {
-                this.sidelengthy = this.hexsidelength;
-            }
-        }
-
-        this.sideoffsetx = (this.tilewidth - this.sidelengthx) / 2;
-        this.sideoffsety = (this.tileheight - this.sidelengthy) / 2;
-
-        this.columnwidth = this.sideoffsetx + this.sidelengthx;
-        this.rowheight = this.sideoffsety + this.sidelengthy;
-
-        this.centers = [
-            new Vector2d(),
-            new Vector2d(),
-            new Vector2d(),
-            new Vector2d()
-        ];
-    }
-
-    /**
-     * return true if the renderer can render the specified layer
-     * @ignore
-     */
-    canRender(layer) {
-        return (
-            (layer.orientation === "hexagonal") &&
-            super.canRender(layer)
-        );
-    }
-
-    /**
-     * return the bounding rect for this map renderer
-     * @ignore
-     */
-    getBounds(layer) {
-        let bounds = layer instanceof TMXLayer ? pool.pull("Bounds") : this.bounds;
-
-        // The map size is the same regardless of which indexes are shifted.
-        if (this.staggerX) {
-            bounds.setMinMax(
-                0, 0,
-                this.cols * this.columnwidth + this.sideoffsetx,
-                this.rows * (this.tileheight + this.sidelengthy)
-            );
-            if (bounds.width > 1) {
-                bounds.height += this.rowheight;
-            }
-        } else {
-            bounds.setMinMax(
-                0, 0,
-                this.cols * (this.tilewidth + this.sidelengthx),
-                this.rows * this.rowheight + this.sideoffsety
-            );
-            if (bounds.height > 1) {
-                bounds.width += this.columnwidth;
-            }
-        }
-        return bounds;
-    }
-
-    /**
-     * @ignore
-     */
-    doStaggerX (x) {
-        return this.staggerX && (x & 1) ^ this.staggerEven;
-    }
-
-    /**
-     * @ignore
-     */
-    doStaggerY(y) {
-        return !this.staggerX && (y & 1) ^ this.staggerEven;
-    }
-
-    /**
-     * @ignore
-     */
-    topLeft(x, y, v) {
-        let ret = v || new Vector2d();
-
-        if (!this.staggerX) {
-            if ((y & 1) ^ this.staggerEven) {
-                ret.set(x, y - 1);
-            }
-            else {
-                ret.set(x - 1, y - 1);
-            }
-        } else {
-            if ((x & 1) ^ this.staggerEven) {
-                ret.set(x - 1, y);
-            }
-            else {
-                ret.set(x - 1, y - 1);
-            }
-        }
-        return ret;
-    }
-
-    /**
-     * @ignore
-     */
-    topRight(x, y, v) {
-        let ret = v || new Vector2d();
-
-        if (!this.staggerX) {
-            if ((y & 1) ^ this.staggerEven) {
-                ret.set(x + 1, y - 1);
-            }
-            else {
-                ret.set(x, y - 1);
-            }
-        } else {
-            if ((x & 1) ^ this.staggerEven) {
-                ret.set(x + 1, y);
-            }
-            else {
-                ret.set(x + 1, y - 1);
-            }
-        }
-        return ret;
-    }
-
-
-    /**
-     * @ignore
-     */
-    bottomLeft(x, y, v) {
-        let ret = v || new Vector2d();
-
-        if (!this.staggerX) {
-            if ((y & 1) ^ this.staggerEven) {
-                ret.set(x, y + 1);
-            }
-            else {
-                ret.set(x - 1, y + 1);
-            }
-        } else {
-            if ((x & 1) ^ this.staggerEven) {
-                ret.set(x - 1, y + 1);
-            }
-            else {
-                ret.set(x - 1, y);
-            }
-        }
-        return ret;
-    }
-
-    /**
-     * @ignore
-     */
-    bottomRight(x, y, v) {
-        let ret = v || new Vector2d();
-
-        if (!this.staggerX) {
-            if ((y & 1) ^ this.staggerEven) {
-                ret.set(x + 1, y + 1);
-            }
-            else {
-                ret.set(x, y + 1);
-            }
-        } else {
-            if ((x & 1) ^ this.staggerEven) {
-                ret.set(x + 1, y + 1);
-            }
-            else {
-                ret.set(x + 1, y);
-            }
-        }
-        return ret;
-    }
-
-    /**
-     * return the tile position corresponding to the specified pixel
-     * @ignore
-     */
-    pixelToTileCoords(x, y, v) {
-        let ret = v || new Vector2d();
-
-        if (this.staggerX) { //flat top
-            x -= this.staggerEven ? this.tilewidth : this.sideoffsetx;
-        }
-        else { //pointy top
-            y -= this.staggerEven ? this.tileheight : this.sideoffsety;
-        }
-
-        // Start with the coordinates of a grid-aligned tile
-        let referencePoint = pool.pull("Vector2d",
-            Math.floor(x / (this.columnwidth * 2)),
-            Math.floor((y / (this.rowheight * 2)))
-        );
-
-        // Relative x and y position on the base square of the grid-aligned tile
-        let rel = pool.pull("Vector2d",
-            x - referencePoint.x * (this.columnwidth * 2),
-            y - referencePoint.y * (this.rowheight * 2)
-        );
-
-        // Adjust the reference point to the correct tile coordinates
-        if (this.staggerX) {
-            referencePoint.x = referencePoint.x * 2;
-            if (this.staggerEven) {
-                ++referencePoint.x;
-            }
-        }
-        else {
-            referencePoint.y = referencePoint.y * 2;
-            if (this.staggerEven) {
-                ++referencePoint.y;
-            }
-        }
-
-        // Determine the nearest hexagon tile by the distance to the center
-        let left, top, centerX, centerY;
-        if (this.staggerX) {
-            left = this.sidelengthx / 2;
-            centerX = left + this.columnwidth;
-            centerY = this.tileheight / 2;
-
-            this.centers[0].set(left, centerY);
-            this.centers[1].set(centerX, centerY - this.rowheight);
-            this.centers[2].set(centerX, centerY + this.rowheight);
-            this.centers[3].set(centerX + this.columnwidth, centerY);
-        }
-        else {
-            top = this.sidelengthy / 2;
-            centerX = this.tilewidth / 2;
-            centerY = top + this.rowheight;
-
-            this.centers[0].set(centerX, top);
-            this.centers[1].set(centerX - this.columnwidth, centerY);
-            this.centers[2].set(centerX + this.columnwidth, centerY);
-            this.centers[3].set(centerX, centerY + this.rowheight);
-        }
-
-        let nearest = 0;
-        let minDist = Number.MAX_VALUE;
-        for (let i = 0; i < 4; ++i) {
-            const dc = this.centers[i].sub(rel).length2();
-            if (dc < minDist) {
-                minDist = dc;
-                nearest = i;
-            }
-        }
-
-        let offsets = (this.staggerX) ? offsetsStaggerX : offsetsStaggerY;
-
-        ret.set(
-            referencePoint.x + offsets[nearest].x,
-            referencePoint.y + offsets[nearest].y
-        );
-
-        pool.push(referencePoint);
-        pool.push(rel);
-
-        return ret;
-    }
-
-    /**
-     * return the pixel position corresponding of the specified tile
-     * @ignore
-     */
-    tileToPixelCoords(x, y, v) {
-        let tileX = Math.floor(x),
-            tileY = Math.floor(y);
-        let ret = v || new Vector2d();
-
-        if (this.staggerX) {
-            ret.y = tileY * (this.tileheight + this.sidelengthy);
-            if (this.doStaggerX(tileX)) {
-                ret.y += this.rowheight;
-            }
-            ret.x = tileX * this.columnwidth;
-        } else {
-            ret.x = tileX * (this.tilewidth + this.sidelengthx);
-            if (this.doStaggerY(tileY)) {
-                ret.x += this.columnwidth;
-            }
-            ret.y = tileY * this.rowheight;
-        }
-
-        return ret;
-    }
-
-    /**
-     * fix the position of Objects to match
-     * the way Tiled places them
-     * @ignore
-     */
-    adjustPosition(obj) {
-        // only adjust position if obj.gid is defined
-        if (typeof(obj.gid) === "number") {
-            // Tiled objects origin point is "bottom-left" in Tiled,
-            // "top-left" in melonJS)
-            obj.y -= obj.height;
-        }
-    }
-
-    /**
-     * draw the tile map
-     * @ignore
-     */
-    drawTile(renderer, x, y, tmxTile) {
-        let tileset = tmxTile.tileset;
-        let point = this.tileToPixelCoords(x, y, pool.pull("Vector2d"));
-
-        // draw the tile
-        tileset.drawTile(
-            renderer,
-            tileset.tileoffset.x + point.x,
-            tileset.tileoffset.y + point.y + (this.tileheight - tileset.tileheight),
-            tmxTile
-        );
-
-        pool.push(point);
-    }
-
-    /**
-     * draw the tile map
-     * @ignore
-     */
-    drawTileLayer(renderer, layer, rect) {
-        let tile;
-
-        // get top-left and bottom-right tile position
-        let startTile = this.pixelToTileCoords(
-            rect.pos.x,
-            rect.pos.y,
-            pool.pull("Vector2d")
-        );
-
-        // Compensate for the layer position
-        startTile.sub(layer.pos);
-
-        // get top-left and bottom-right tile position
-        let startPos = this.tileToPixelCoords(
-            startTile.x + layer.pos.x,
-            startTile.y + layer.pos.y,
-            pool.pull("Vector2d")
-        );
-
-        let rowTile = startTile.clone();
-        let rowPos = startPos.clone();
-
-        /* Determine in which half of the tile the top-left corner of the area we
-        * need to draw is. If we're in the upper half, we need to start one row
-        * up due to those tiles being visible as well. How we go up one row
-        * depends on whether we're in the left or right half of the tile.
-        */
-        let inUpperHalf = rect.pos.y - startPos.y < this.sideoffsety;
-        let inLeftHalf = rect.pos.x - startPos.x < this.sideoffsetx;
-
-        if (inUpperHalf) {
-            startTile.y--;
-        }
-        if (inLeftHalf) {
-            startTile.x--;
-        }
-
-        let endX = layer.cols;
-        let endY = layer.rows;
-
-        if (this.staggerX) {
-            //ensure we are in the valid tile range
-            startTile.x = Math.max(0, startTile.x);
-            startTile.y = Math.max(0, startTile.y);
-
-            startPos = this.tileToPixelCoords(
-                startTile.x + layer.pos.x,
-                startTile.y + layer.pos.y,
-                startPos
-            );
-
-            let staggeredRow = this.doStaggerX(startTile.x + layer.pos.x);
-
-            // main drawing loop
-            for (; startPos.y < rect.bottom && startTile.y < endY;) {
-                rowTile.setV(startTile);
-                rowPos.setV(startPos);
-
-                for (; rowPos.x < rect.right && rowTile.x < endX; rowTile.x += 2) {
-                    tile = layer.cellAt(rowTile.x, rowTile.y, false);
-                    if (tile) {
-                        // draw the tile
-                        tile.tileset.drawTile(renderer, rowPos.x, rowPos.y, tile);
-                    }
-                    rowPos.x += this.tilewidth + this.sidelengthx;
-                }
-
-                if (staggeredRow) {
-                    startTile.x -= 1;
-                    startTile.y += 1;
-                    startPos.x -= this.columnwidth;
-                    staggeredRow = false;
-                } else {
-                    startTile.x += 1;
-                    startPos.x += this.columnwidth;
-                    staggeredRow = true;
-                }
-
-                startPos.y += this.rowheight;
-            }
-            pool.push(rowTile);
-            pool.push(rowPos);
-
-        } else {
-            //ensure we are in the valid tile range
-            startTile.x = Math.max(0, startTile.x);
-            startTile.y = Math.max(0, startTile.y);
-
-            startPos = this.tileToPixelCoords(
-                startTile.x + layer.pos.x,
-                startTile.y + layer.pos.y,
-                startPos
-            );
-
-            // Odd row shifting is applied in the rendering loop, so un-apply it here
-            if (this.doStaggerY(startTile.y)) {
-                startPos.x -= this.columnwidth;
-            }
-
-            // main drawing loop
-            for (; startPos.y < rect.bottom && startTile.y < endY; startTile.y++) {
-                rowTile.setV(startTile);
-                rowPos.setV(startPos);
-
-                if (this.doStaggerY(startTile.y)) {
-                    rowPos.x += this.columnwidth;
-                }
-
-                for (; rowPos.x < rect.right && rowTile.x < endX; rowTile.x++) {
-                    tile = layer.cellAt(rowTile.x, rowTile.y, false);
-                    if (tile) {
-                        // draw the tile
-                        tile.tileset.drawTile(renderer, rowPos.x, rowPos.y, tile);
-                    }
-                    rowPos.x += this.tilewidth + this.sidelengthx;
-                }
-                startPos.y += this.rowheight;
-            }
-            pool.push(rowTile);
-            pool.push(rowPos);
-        }
-
-        pool.push(startTile);
-        pool.push(startPos);
-    }
-}
-

package/src/level/tiled/renderer/TMXIsometricRenderer.js

@@ -1,208 +0,0 @@
-import Vector2d from "./../../../math/vector2.js";
-import pool from "./../../../system/pooling.js";
-import TMXRenderer from "./TMXRenderer.js";
-import TMXLayer from "./../TMXLayer.js";
-
-
-/**
- * @classdesc
- * an Isometric Map Renderder
- * @augments TMXRenderer
- */
-export default class TMXIsometricRenderer extends TMXRenderer {
-    /**
-     * @param {TMXTileMap} map - the TMX map
-     */
-    constructor(map) {
-        super(
-            map.cols,
-            map.rows,
-            map.tilewidth,
-            map.tileheight
-        );
-
-        this.hTilewidth = this.tilewidth / 2;
-        this.hTileheight = this.tileheight / 2;
-        this.originX = this.rows * this.hTilewidth;
-    }
-
-    /**
-     * return true if the renderer can render the specified layer
-     * @ignore
-     */
-    canRender(layer) {
-        return (
-            (layer.orientation === "isometric") &&
-            super.canRender(layer)
-        );
-    }
-
-    /**
-     * return the bounding rect for this map renderer
-     * @ignore
-     */
-    getBounds(layer) {
-        let bounds = layer instanceof TMXLayer ? pool.pull("Bounds") : this.bounds;
-        bounds.setMinMax(
-            0, 0,
-            (this.cols + this.rows) * (this.tilewidth / 2),
-            (this.cols + this.rows) * (this.tileheight / 2)
-        );
-        return bounds;
-    }
-
-    /**
-     * return the tile position corresponding to the specified pixel
-     * @ignore
-     */
-    pixelToTileCoords(x, y, v) {
-        let ret = v || new Vector2d();
-        return ret.set(
-            (y / this.tileheight) + ((x - this.originX) / this.tilewidth),
-            (y / this.tileheight) - ((x - this.originX) / this.tilewidth)
-        );
-    }
-
-    /**
-     * return the pixel position corresponding of the specified tile
-     * @ignore
-     */
-    tileToPixelCoords(x, y, v) {
-        let ret = v || new Vector2d();
-        return ret.set(
-            (x - y) * this.hTilewidth + this.originX,
-            (x + y) * this.hTileheight
-        );
-    }
-
-    /**
-     * fix the position of Objects to match
-     * the way Tiled places them
-     * @ignore
-     */
-    adjustPosition(obj) {
-        let tileX = obj.x / this.hTilewidth;
-        let tileY = obj.y / this.tileheight;
-        let isoPos = pool.pull("Vector2d");
-
-        this.tileToPixelCoords(tileX, tileY, isoPos);
-
-        obj.x = isoPos.x;
-        obj.y = isoPos.y;
-
-        pool.push(isoPos);
-    }
-
-    /**
-     * draw the tile map
-     * @ignore
-     */
-    drawTile(renderer, x, y, tmxTile) {
-        let tileset = tmxTile.tileset;
-        // draw the tile
-        tileset.drawTile(
-            renderer,
-            ((this.cols - 1) * tileset.tilewidth + (x - y) * tileset.tilewidth >> 1),
-            (-tileset.tilewidth + (x + y) * tileset.tileheight >> 2),
-            tmxTile
-        );
-    }
-
-    /**
-     * draw the tile map
-     * @ignore
-     */
-    drawTileLayer(renderer, layer, rect) {
-        // cache a couple of useful references
-        let tileset = layer.tileset;
-
-        // get top-left and bottom-right tile position
-        let rowItr = this.pixelToTileCoords(
-            rect.pos.x - tileset.tilewidth,
-            rect.pos.y - tileset.tileheight,
-            pool.pull("Vector2d")
-        ).floorSelf();
-        let tileEnd = this.pixelToTileCoords(
-            rect.pos.x + rect.width + tileset.tilewidth,
-            rect.pos.y + rect.height + tileset.tileheight,
-            pool.pull("Vector2d")
-        ).ceilSelf();
-
-        let rectEnd = this.tileToPixelCoords(tileEnd.x, tileEnd.y, pool.pull("Vector2d"));
-
-        // Determine the tile and pixel coordinates to start at
-        let startPos = this.tileToPixelCoords(rowItr.x, rowItr.y, pool.pull("Vector2d"));
-        startPos.x -= this.hTilewidth;
-        startPos.y += this.tileheight;
-
-        /* Determine in which half of the tile the top-left corner of the area we
-         * need to draw is. If we're in the upper half, we need to start one row
-         * up due to those tiles being visible as well. How we go up one row
-         * depends on whether we're in the left or right half of the tile.
-         */
-        let inUpperHalf = startPos.y - rect.pos.y > this.hTileheight;
-        let inLeftHalf  = rect.pos.x - startPos.x < this.hTilewidth;
-
-        if (inUpperHalf) {
-            if (inLeftHalf) {
-                rowItr.x--;
-                startPos.x -= this.hTilewidth;
-            }
-            else {
-                rowItr.y--;
-                startPos.x += this.hTilewidth;
-            }
-            startPos.y -= this.hTileheight;
-        }
-
-        // Determine whether the current row is shifted half a tile to the right
-        let shifted = inUpperHalf ^ inLeftHalf;
-
-        // initialize the columItr vector
-        let columnItr = rowItr.clone();
-
-        // main drawing loop
-        for (let y = startPos.y * 2; y - this.tileheight * 2 < rectEnd.y * 2; y += this.tileheight) {
-            columnItr.setV(rowItr);
-            for (let x = startPos.x; x < rectEnd.x; x += this.tilewidth) {
-                let tmxTile = layer.cellAt(columnItr.x, columnItr.y);
-                // render if a valid tile position
-                if (tmxTile) {
-                    tileset = tmxTile.tileset;
-                    // offset could be different per tileset
-                    let offset  = tileset.tileoffset;
-                    // draw our tile
-                    tileset.drawTile(
-                        renderer,
-                        offset.x + x,
-                        offset.y + y / 2 - tileset.tileheight,
-                        tmxTile
-                    );
-                }
-
-                // Advance to the next column
-                columnItr.x++;
-                columnItr.y--;
-            }
-
-            // Advance to the next row
-            if (!shifted) {
-                rowItr.x++;
-                startPos.x += this.hTilewidth;
-                shifted = true;
-            }
-            else {
-                rowItr.y++;
-                startPos.x -= this.hTilewidth;
-                shifted = false;
-            }
-        }
-
-        pool.push(columnItr);
-        pool.push(rowItr);
-        pool.push(tileEnd);
-        pool.push(rectEnd);
-        pool.push(startPos);
-    }
-}
-