dark_forest grid plugin

dark_forest_grid.js

class Plugin {
    constructor() {
    }

    draw(ctx) {
        const viewport = ui.getViewport();
        ctx.save();
        //ctx.fillStyle = "red";
        //ctx.strokeStyle = "red";
        //ctx.strokeStyle = "dashed";
        ctx.strokeStyle = "#476b8c";
        ctx.lineWidth = 1;

        var i = 0;
        var width = ctx.canvas.width;
        var height = ctx.canvas.height;
        //console.log(width, "X", height);
        var r = df.getWorldRadius();
        var step = 5000;
        var left = (Math.floor(-r / step) * step);
        var right = (Math.ceil(r / step) * step);
        var bottom = (Math.floor(-r / step) * step);
        var top = (Math.ceil(r / step) * step);
        //console.log(left, right, step_x);
        //console.log(bottom, top, step_y);


        ctx.beginPath();
        for (i = left; i <= right; i += step) {
            ctx.moveTo(viewport.worldToCanvasX(i), viewport.worldToCanvasY(bottom));
            ctx.lineTo(viewport.worldToCanvasX(i), viewport.worldToCanvasY(top));
        }
        for (i = bottom; i <= top; i += step) {
            ctx.moveTo(viewport.worldToCanvasX(left), viewport.worldToCanvasY(i));
            ctx.lineTo(viewport.worldToCanvasX(right), viewport.worldToCanvasY(i));
        }

        ctx.stroke();
        ctx.closePath();
        ctx.restore();
    }

    async render(container) {
    }

    destroy() {
    }
}

export default Plugin;