zfsrghs953 / petridish-ogar Goto Github PK

  client.customspeed = speed;

}

var SKIN_URL = "./skinsof/";

	










var touchX, touchY, touchable = 'createTouch' in document,
    touches = [];
var leftTouchID = -1,
    leftTouchPos = new Vector2(0, 0),
    leftTouchStartPos = new Vector2(0, 0),
    leftVector = new Vector2(0, 0);

function gameLoop() {
    ma = true;
    document.getElementById("canvas").focus();
    var isTyping = false;
    var chattxt;
    getServerList();
    setInterval(getServerList, 18E4);
    mainCanvas = nCanvas = document.getElementById("canvas");
    ctx = mainCanvas.getContext("2d");
    mainCanvas.onmousemove = function(event) {
        rawMouseX = event.clientX;
        rawMouseY = event.clientY;
        mouseCoordinateChange()
    };
    if (touchable) {
        mainCanvas.addEventListener('touchstart', onTouchStart, false);
        mainCanvas.addEventListener('touchmove', onTouchMove, false);
        mainCanvas.addEventListener('touchend', onTouchEnd, false);
    }
    mainCanvas.onmouseup = function() {};
    if (/firefox/i.test(navigator.userAgent)) {
        document.addEventListener("DOMMouseScroll", handleWheel, false);
    } else {
        document.body.onmousewheel = handleWheel;
    }
    mainCanvas.onfocus = function() {
        isTyping = false;
    };
    document.getElementById("chat_textbox").onblur = function() {
        isTyping = false;
    };
    document.getElementById("chat_textbox").onfocus = function() {
        isTyping = true;
    };
    var spacePressed = false,
        qPressed = false,
        wPressed = false;
    wHandle.onkeydown = function(event) {
        switch (event.keyCode) {
            case 32:
                if ((!spacePressed) && (!isTyping)) {
                    sendMouseMove();
                    sendUint8(17);
                    spacePressed = true;
                }
                break;
            case 81:
                if ((!qPressed) && (!isTyping)) {
                    sendUint8(18);
                    qPressed = true;
                }
                break;
            case 87:
                if ((!wPressed) && (!isTyping)) {
                    sendMouseMove();
                    sendUint8(21);
                    wPressed = true;
                }
                break;
            case 27:
                showOverlays(true);
                wHandle.isSpectating = false;
                break;
            case 13:
                if (isTyping) {
                    isTyping = false;
                    document.getElementById("chat_textbox").blur();
                    chattxt = document.getElementById("chat_textbox").value;
                    if (chattxt.length > 0) sendChat(chattxt);
                    document.getElementById("chat_textbox").value = "";
                } else {
                    if (!hasOverlay) {
                        document.getElementById("chat_textbox").focus();
                        isTyping = true;
                    }
                }
        }
    };
    wHandle.onkeyup = function(event) {
        switch (event.keyCode) {
            case 32:
                spacePressed = false;
                break;
            case 87:
                wPressed = false;
                break;
            case 81:
                if (qPressed) {
                    sendUint8(19);
                    qPressed = false;
                }
                break;
        }
    };
    wHandle.onblur = function() {
        sendUint8(19);
        wPressed = qPressed = spacePressed = false
    };
    wHandle.onresize = canvasResize;
    canvasResize();
    if (wHandle.requestAnimationFrame) {
        wHandle.requestAnimationFrame(redrawGameScene);
    } else {
        setInterval(drawGameScene, 1E3 / 60);
    }
    setInterval(sendMouseMove, 40);
    if (w) {
        wjQuery("#region").val(w);
    }
    Ha();
    setRegion("US-Fremont");
    null == ws && w && showConnecting();
    wjQuery("#overlays").show();
    canvasResize();
}

function onTouchStart(e) {
    for (var i = 0; i < e.changedTouches.length; i++) {
        var touch = e.changedTouches[i];
        if ((leftTouchID < 0) && (touch.clientX < canvasWidth / 2)) {
            leftTouchID = touch.identifier;
            leftTouchStartPos.reset(touch.clientX, touch.clientY);
            leftTouchPos.copyFrom(leftTouchStartPos);
            leftVector.reset(0, 0);
        }
        var size = ~~(canvasWidth / 7);
        if ((touch.clientX > canvasWidth - size) && (touch.clientY > canvasHeight - size)) {
            sendMouseMove();
            sendUint8(17);
        }
        if ((touch.clientX > canvasWidth - size) && (touch.clientY > canvasHeight - 2 * size - 10) && (touch.clientY < canvasHeight - size - 10)) {
            sendMouseMove();
            sendUint8(21);
        }
    }
    touches = e.touches;
}

function onTouchMove(e) {
    e.preventDefault();
    for (var i = 0; i < e.changedTouches.length; i++) {
        var touch = e.changedTouches[i];
        if (leftTouchID == touch.identifier) {
            leftTouchPos.reset(touch.clientX, touch.clientY);
            leftVector.copyFrom(leftTouchPos);
            leftVector.minusEq(leftTouchStartPos);
            rawMouseX = leftVector.x * 3 + canvasWidth / 2;
            rawMouseY = leftVector.y * 3 + canvasHeight / 2;
            mouseCoordinateChange();
            sendMouseMove();
        }
    }
    touches = e.touches;
}

function onTouchEnd(e) {
    touches = e.touches;
    for (var i = 0; i < e.changedTouches.length; i++) {
        var touch = e.changedTouches[i];
        if (leftTouchID == touch.identifier) {
            leftTouchID = -1;
            leftVector.reset(0, 0);
            break;
        }
    }
}

function handleWheel(event) {
    zoom *= Math.pow(.9, event.wheelDelta / -120 || event.detail || 0);
    1 > zoom && (zoom = 1);
    zoom > 4 / viewZoom && (zoom = 4 / viewZoom)
}

function buildQTree() {
    if (.4 > viewZoom) qTree = null;
    else {
        var a = Number.POSITIVE_INFINITY,
            b = Number.POSITIVE_INFINITY,
            c = Number.NEGATIVE_INFINITY,
            d = Number.NEGATIVE_INFINITY,
            e = 0;
        for (var i = 0; i < nodelist.length; i++) {
            var node = nodelist[i];
            if (node.shouldRender() && !node.prepareData && 20 < node.size * viewZoom) {
                e = Math.max(node.size, e);
                a = Math.min(node.x, a);
                b = Math.min(node.y, b);
                c = Math.max(node.x, c);
                d = Math.max(node.y, d);
            }
        }
        qTree = Quad.init({
            minX: a - (e + 100),
            minY: b - (e + 100),
            maxX: c + (e + 100),
            maxY: d + (e + 100),
            maxChildren: 2,
            maxDepth: 4
        });
        for (i = 0; i < nodelist.length; i++) {
            node = nodelist[i];
            if (node.shouldRender() && !(20 >= node.size * viewZoom)) {
                for (a = 0; a < node.points.length; ++a) {
                    b = node.points[a].x;
                    c = node.points[a].y;
                    b < nodeX - canvasWidth / 2 / viewZoom || c < nodeY - canvasHeight / 2 / viewZoom || b > nodeX + canvasWidth / 2 / viewZoom || c > nodeY + canvasHeight / 2 / viewZoom || qTree.insert(node.points[a]);
                }
            }
        }
    }
}

function mouseCoordinateChange() {
    X = (rawMouseX - canvasWidth / 2) / viewZoom + nodeX;
    Y = (rawMouseY - canvasHeight / 2) / viewZoom + nodeY

function hideOverlays() {
    hasOverlay = false;
    wjQuery("#adsBottom").hide();
    wjQuery("#overlays").hide();
    Ha()
}

function setRegion(a) {
    if (a && a != w) {
        if (wjQuery("#region").val() != a) {
            wjQuery("#region").val(a);
        }
        w = wHandle.localStorage.location = a;
        wjQuery(".region-message").hide();
        wjQuery(".region-message." + a).show();
        wjQuery(".btn-needs-server").prop("disabled", false);
        ma && showConnecting();
    }
}

function showOverlays(arg) {
    hasOverlay = true;
    userNickName = null;
    wjQuery("#overlays").fadeIn(arg ? 200 : 3E3);
    arg || wjQuery("#adsBottom").fadeIn(3E3)
}

function Ha() {
    wjQuery("#region").val() ? wHandle.localStorage.location = wjQuery("#region").val() : wHandle.localStorage.location && wjQuery("#region").val(wHandle.localStorage.location);
    wjQuery("#region").val() ? wjQuery("#locationKnown").append(wjQuery("#region")) : wjQuery("#locationUnknown").append(wjQuery("#region"))
}

function attemptConnection() {
    console.log("Find " + w + gameMode);
    wjQuery.ajax("main.php", {
        error: function() {
            setTimeout(attemptConnection, 1E3)
        },
        success: function() {
            wsConnect("ws://" + CONNECTION_URL + ":" + GAMETYPE_PORT)
        },
        dataType: "text",
        method: "POST",
        cache: false,
        crossDomain: true,
        data: w + gameMode || "?"
    })
}

function showConnecting() {
    if (ma && w) {
        wjQuery("#connecting").show();
        attemptConnection()
    }
}

function wsConnect(wsUrl) {
    if (ws) {
        ws.onopen = null;
        ws.onmessage = null;
        ws.onclose = null;
        try {
            ws.close()
        } catch (b) {}
        ws = null
    }
    var c = CONNECTION_URL + ":" + GAMETYPE_PORT;
    wsUrl = "ws://" + c;
    nodesOnScreen = [];
    playerCells = [];
    nodes = {};
    nodelist = [];
    Cells = [];
    leaderBoard = [];
    mainCanvas = teamScores = null;
    userScore = 0;
    console.log("Connecting to " + wsUrl);
    ws = new WebSocket(wsUrl);
    ws.binaryType = "arraybuffer";
    ws.onopen = onWsOpen;
    ws.onmessage = onWsMessage;
    ws.onclose = onWsClose;
    ws.onerror = function() {
        console.log("socket error");
    }
}

function prepareData(a) {
    return new DataView(new ArrayBuffer(a))
}

function wsSend(a) {
    ws.send(a.buffer)
}

function onWsOpen() {
    var msg;
    delay = 500;
    wjQuery("#connecting").hide();
    console.log("socket open");
    msg = prepareData(5);
    msg.setUint8(0, 254);
    msg.setUint32(1, 1, true);
    wsSend(msg);
    msg = prepareData(5);
    msg.setUint8(0, 255);
    msg.setUint32(1, 1332175218, true);
    wsSend(msg);
    sendNickName();
}

function onWsClose() {
    console.log("socket close");
    setTimeout(showConnecting, delay);
    delay *= 1.5
}

function onWsMessage(msg) {
    handleWsMessage(new DataView(msg.data))
}

function handleWsMessage(msg) {
    function getString() {
        var text = '',
            char;
        while ((char = msg.getUint16(offset, true)) != 0) {
            offset += 2;
            text += String.fromCharCode(char);
        }
        offset += 2;
        return text;
    }
    var offset = 0,
        setCustomLB = false;
    240 == msg.getUint8(offset) && (offset += 5);
    switch (msg.getUint8(offset++)) {
        case 16:
            updateNodes(msg, offset);
            break;
        case 17:
            posX = msg.getFloat32(offset, true);
            offset += 4;
            posY = msg.getFloat32(offset, true);
            offset += 4;
            posSize = msg.getFloat32(offset, true);
            offset += 4;
            break;
        case 20:
            playerCells = [];
            nodesOnScreen = [];
            break;
        case 21:
            lineX = msg.getInt16(offset, true);
            offset += 2;
            lineY = msg.getInt16(offset, true);
            offset += 2;
            if (!drawLine) {
                drawLine = true;
                drawLineX = lineX;
                drawLineY = lineY;
            }
            break;
        case 32:
            nodesOnScreen.push(msg.getUint32(offset, true));
            offset += 4;
            break;
        case 48:
            setCustomLB = true;
            noRanking = true;
            break;
        case 49:
            if (!setCustomLB) {
                noRanking = false;
            }
            teamScores = null;
            var LBplayerNum = msg.getUint32(offset, true);
            offset += 4;
            leaderBoard = [];
            for (i = 0; i < LBplayerNum; ++i) {
                var nodeId = msg.getUint32(offset, true);
                offset += 4;
                leaderBoard.push({
                    id: nodeId,
                    name: getString()
                })
            }
            drawLeaderBoard();
            break;
        case 50:
            teamScores = [];
            var LBteamNum = msg.getUint32(offset, true);
            offset += 4;
            for (var i = 0; i < LBteamNum; ++i) {
                teamScores.push(msg.getFloat32(offset, true));
                offset += 4;
            }
            drawLeaderBoard();
            break;
        case 64:
            leftPos = msg.getFloat64(offset, true);
            offset += 8;
            topPos = msg.getFloat64(offset, true);
            offset += 8;
            rightPos = msg.getFloat64(offset, true);
            offset += 8;
            bottomPos = msg.getFloat64(offset, true);
            offset += 8;
            posX = (rightPos + leftPos) / 2;
            posY = (bottomPos + topPos) / 2;
            posSize = 1;
            if (0 == playerCells.length) {
                nodeX = posX;
                nodeY = posY;
                viewZoom = posSize;
            }
            break;
        case 99:
            addChat(msg, offset);
            break;
    }
}

function addChat(view, offset) {
    function getString() {
        var text = '',
            char;
        while ((char = view.getUint16(offset, true)) != 0) {
            offset += 2;
            text += String.fromCharCode(char);
        }
        offset += 2;
        return text;
    }
    var flags = view.getUint8(offset++);
    if (flags & 2) {
        offset += 4;
    }
    if (flags & 4) {
        offset += 8;
    }
    if (flags & 8) {
        offset += 16;
    }
    var r = view.getUint8(offset++),
        g = view.getUint8(offset++),
        b = view.getUint8(offset++),
        color = (r << 16 | g << 8 | b).toString(16);
    while (color.length > 6) {
        color = '0' + color;
    }
    color = '#' + color;
    chatBoard.push({
        "name": ps(getString())[1],
        "color": color,
        "message": getString(),
        "time": Date.now()
    });
    drawChatBoard();
}

function drawChatBoard() {
    chatCanvas = null;
    chatCanvas = document.createElement("canvas");
    var ctx = chatCanvas.getContext("2d");
    var scaleFactor = Math.min(Math.max(canvasWidth / 1200, 0.75), 1);
    chatCanvas.width = 1000 * scaleFactor;
    chatCanvas.height = 550 * scaleFactor;
    ctx.scale(scaleFactor, scaleFactor);
    var nowtime = Date.now();
    var lasttime = 0;
    if (chatBoard.length >= 1)
        lasttime = chatBoard[chatBoard.length - 1].time;
    else return;
    var deltat = nowtime - lasttime;
    ctx.globalAlpha = 0.8 * Math.exp(-deltat / 25000);
    var len = chatBoard.length;
    var from = len - 15;
    if (from < 0) from = 0;
    for (var i = 0; i < (len - from); i++) {
        var chatName = new UText(18, chatBoard[i + from].color);
        chatName.setValue(chatBoard[i + from].name);
        var width = chatName.getWidth();
        var a = chatName.render();
        ctx.drawImage(a, 15, chatCanvas.height / scaleFactor - 24 * (len - i - from));
        var chatText = new UText(18, '#666666');
        chatText.setValue(':' + chatBoard[i + from].message);
        a = chatText.render();
        ctx.drawImage(a, 15 + width * 1.8, chatCanvas.height / scaleFactor - 24 * (len - from - i));
    }
}

function updateNodes(view, offset) {
    timestamp = +new Date;
    var code = Math.random();
    ua = false;
    var queueLength = view.getUint16(offset, true);
    offset += 2;
    for (i = 0; i < queueLength; ++i) {
        var killer = nodes[view.getUint32(offset, true)],
            killedNode = nodes[view.getUint32(offset + 4, true)];
        offset += 8;
        if (killer && killedNode) {
            killedNode.destroy();
            killedNode.ox = killedNode.x;
            killedNode.oy = killedNode.y;
            killedNode.oSize = killedNode.size;
            killedNode.nx = killer.x;
            killedNode.ny = killer.y;
            killedNode.nSize = killedNode.size;
            killedNode.updateTime = timestamp;
        }
    }
    for (var i = 0;;) {
        var nodeid = view.getUint32(offset, true);
        offset += 4;
        if (0 == nodeid) break;
        ++i;
        var size, posY, posX = view.getInt16(offset, true);
        offset += 2;
        posY = view.getInt16(offset, true);
        offset += 2;
        size = view.getInt16(offset, true);
        offset += 2;
        for (var r = view.getUint8(offset++), g = view.getUint8(offset++), b = view.getUint8(offset++), color = (r << 16 | g << 8 | b).toString(16); 6 > color.length;) color = "0" + color;
        var colorstr = "#" + color,
            flags = view.getUint8(offset++),
            flagVirus = !!(flags & 1),
            flagAgitated = !!(flags & 16);
        flags & 2 && (offset += 4);
        flags & 4 && (offset += 8);
        flags & 8 && (offset += 16);
        for (var char, name = "";;) {
            char = view.getUint16(offset, true);
            offset += 2;
            if (0 == char) break;
            name += String.fromCharCode(char)
        }
        var node = null;
        if (nodes.hasOwnProperty(nodeid)) {
            node = nodes[nodeid];
            node.updatePos();
            node.ox = node.x;
            node.oy = node.y;
            node.oSize = node.size;
            node.color = colorstr;
        } else {
            node = new Cell(nodeid, posX, posY, size, colorstr, name);
            nodelist.push(node);
            nodes[nodeid] = node;
            node.ka = posX;
            node.la = posY;
        }
        node.isVirus = flagVirus;
        node.isAgitated = flagAgitated;
        node.nx = posX;
        node.ny = posY;
        node.nSize = size;
        node.updateCode = code;
        node.updateTime = timestamp;
        node.flag = flags;
        name && node.setName(name);
        if (-1 != nodesOnScreen.indexOf(nodeid) && -1 == playerCells.indexOf(node)) {
            document.getElementById("overlays").style.display = "none";
            playerCells.push(node);
            if (1 == playerCells.length) {
                nodeX = node.x;
                nodeY = node.y;
            }
        }
    }
    queueLength = view.getUint32(offset, true);
    offset += 4;
    for (i = 0; i < queueLength; i++) {
        var nodeId = view.getUint32(offset, true);
        offset += 4;
        node = nodes[nodeId];
        null != node && node.destroy();
    }
    ua && 0 == playerCells.length && showOverlays(false)
}

function sendMouseMove() {
    var msg;
    if (wsIsOpen()) {
        msg = rawMouseX - canvasWidth / 2;
        var b = rawMouseY - canvasHeight / 2;
        if (64 <= msg * msg + b * b && !(.01 > Math.abs(oldX - X) && .01 > Math.abs(oldY - Y))) {
            oldX = X;
            oldY = Y;
            msg = prepareData(21);
            msg.setUint8(0, 16);
            msg.setFloat64(1, X, true);
            msg.setFloat64(9, Y, true);
            msg.setUint32(17, 0, true);
            wsSend(msg);
        }
    }
}

function sendNickName() {
    if (wsIsOpen() && null != userNickName) {
        var msg = prepareData(1 + 2 * userNickName.length);
        msg.setUint8(0, 0);
        for (var i = 0; i < userNickName.length; ++i) msg.setUint16(1 + 2 * i, userNickName.charCodeAt(i), true);
        wsSend(msg)
    }
}

function sendChat(str) {
    if (wsIsOpen() && (str.length < 200) && (str.length > 0)) {
        var msg = prepareData(2 + 2 * str.length);
        var offset = 0;
        msg.setUint8(offset++, 99);
        msg.setUint8(offset++, 0);
        for (var i = 0; i < str.length; ++i) {
            msg.setUint16(offset, str.charCodeAt(i), true);
            offset += 2;
        }
        wsSend(msg);
    }
}

function wsIsOpen() {
    return null != ws && ws.readyState == ws.OPEN
}

function sendUint8(a) {
    if (wsIsOpen()) {
        var msg = prepareData(1);
        msg.setUint8(0, a);
        wsSend(msg)
    }
}


function redrawGameScene() {
    drawGameScene();
    wHandle.requestAnimationFrame(redrawGameScene)
}

function canvasResize() {
    window.scrollTo(0, 0);
    canvasWidth = wHandle.innerWidth;
    canvasHeight = wHandle.innerHeight;
    nCanvas.width = canvasWidth;
    nCanvas.height = canvasHeight;
    var hello = wjQuery("#helloDialog");
    hello.css("transform", "none");
    var modalHeight = hello.height();
    modalHeight > canvasHeight / 1.1 ? hello.css("transform", "translate(-50%, -50%) scale(" + canvasHeight / modalHeight / 1.1 + ")") : hello.css("transform", "translate(-50%, -50%)");
    drawGameScene()
}

function viewRange() {
    var ratio;
    ratio = Math.max(canvasHeight / 1680, canvasWidth / 2420 );
    return ratio * zoom;
}

function calcViewZoom() {
    if (0 != playerCells.length) {
        for (var newViewZoom = 0, i = 0; i < playerCells.length; i++) newViewZoom += playerCells[i].size;
        newViewZoom = Math.pow(Math.min(64 / newViewZoom, 1), .4) * viewRange();
        viewZoom = (9 * viewZoom + newViewZoom) / 10
    }
}

    } else {
        nodeX = (29 * nodeX + posX) / 30;
        nodeY = (29 * nodeY + posY) / 30;
        viewZoom = (9 * viewZoom + posSize * viewRange()) / 10;
    }
    buildQTree();
    mouseCoordinateChange();
    xa || ctx.clearRect(0, 0, canvasWidth, canvasHeight);
    if (xa) {
        if (showDarkTheme) {
            ctx.fillStyle = '#111111';
            ctx.globalAlpha = .05;
            ctx.fillRect(0, 0, canvasWidth, canvasHeight);
            ctx.globalAlpha = 1;
        } else {
            ctx.fillStyle = '#F2FBFF';
            ctx.globalAlpha = .05;
            ctx.fillRect(0, 0, canvasWidth, canvasHeight);
            ctx.globalAlpha = 1;
        }
    } else {
        drawGrid();
    }
    nodelist.sort(function(a, b) {
        return a.size == b.size ? a.id - b.id : a.size - b.size
    });
    ctx.save();
    ctx.translate(canvasWidth / 2, canvasHeight / 2);
    ctx.scale(viewZoom, viewZoom);
    ctx.translate(-nodeX, -nodeY);
    for (d = 0; d < Cells.length; d++) Cells[d].drawOneCell(ctx);
    for (d = 0; d < nodelist.length; d++) nodelist[d].drawOneCell(ctx);
    if (drawLine) {
        drawLineX = (3 * drawLineX + lineX) /
            4;
        drawLineY = (3 * drawLineY + lineY) / 4;
        ctx.save();
        ctx.strokeStyle = "#FFAAAA";
        ctx.lineWidth = 15;
        ctx.lineCap = "round";
        ctx.lineJoin = "round";
        ctx.globalAlpha = .5;
        ctx.beginPath();
        for (d = 0; d < playerCells.length; d++) {
            ctx.moveTo(playerCells[d].x, playerCells[d].y);
            ctx.lineTo(drawLineX, drawLineY);
        }
        ctx.stroke();
        ctx.restore()
    }
    ctx.restore();
    lbCanvas && lbCanvas.width && ctx.drawImage(lbCanvas, canvasWidth - lbCanvas.width - 10, 10);
    if (!hideChat) {
        if ((chatCanvas != null) && (chatCanvas.width > 0)) ctx.drawImage(chatCanvas, 0, canvasHeight - chatCanvas.height - 50);
    }
    userScore = Math.max(userScore, calcUserScore());
    if (0 != userScore) {
        if (null == scoreText) {
            scoreText = new UText(24, '#FFFFFF');
        }
        scoreText.setValue('Score: ' + ~~(userScore / 100));
        c = scoreText.render();
        a = c.width;
        ctx.globalAlpha = .2;
        ctx.fillStyle = '#000000';
        ctx.fillRect(10, 10, a + 10, 34);
        ctx.globalAlpha = 1;
        ctx.drawImage(c, 15, 15);
    }
    drawSplitIcon(ctx);
    drawTouch(ctx);
    var deltatime = Date.now() - oldtime;
    deltatime > 1E3 / 60 ? z -= .01 : deltatime < 1E3 / 65 && (z += .01);.4 > z && (z = .4);
    1 < z && (z = 1)
}

function drawTouch(ctx) {
    ctx.save();
    if (touchable) {
        for (var i = 0; i < touches.length; i++) {
            var touch = touches[i];
            if (touch.identifier == leftTouchID) {
                ctx.beginPath();
                ctx.strokeStyle = "#0096ff";
                ctx.lineWidth = 6;
                ctx.arc(leftTouchStartPos.x, leftTouchStartPos.y, 40, 0, Math.PI * 2, true);
                ctx.stroke();
                ctx.beginPath();
                ctx.strokeStyle = "#0096ff";
                ctx.lineWidth = 4;
                ctx.arc(leftTouchStartPos.x, leftTouchStartPos.y, 60, 0, Math.PI * 2, true);
                ctx.stroke();
                ctx.beginPath();
                ctx.strokeStyle = "#0096ff";
                ctx.arc(leftTouchPos.x, leftTouchPos.y, 40, 0, Math.PI * 2, true);
                ctx.stroke();
            } else {
                ctx.beginPath();
                ctx.beginPath();
                ctx.strokeStyle = "#0096ff";
                ctx.lineWidth = "6";
                ctx.arc(touch.clientX, touch.clientY, 40, 0, Math.PI * 2, true);
                ctx.stroke();
            }
        }
    } else {}
    ctx.restore();
}
if (dibujarGrid == true) {

function drawGrid() {
    ctx.fillStyle = showDarkTheme ? "#111111" : "#F2FBFF";
    ctx.fillRect(0, 0, canvasWidth, canvasHeight);
    ctx.save();
    ctx.strokeStyle = showDarkTheme ? "#AAAAAA" : "#000000";
    ctx.globalAlpha = .24;
    ctx.scale(viewZoom, viewZoom);
    var a = canvasWidth / viewZoom,
        b = canvasHeight / viewZoom;
    for (var c = -.5 + (-nodeX + a / 2) % 50; c < a; c += 50) {
        ctx.beginPath();
        ctx.moveTo(c, 0);
        ctx.lineTo(c, b);
        ctx.stroke();
    }
    for (c = -.5 + (-nodeY + b / 2) % 50; c < b; c += 50) {
        ctx.beginPath();
        ctx.moveTo(0, c);
        ctx.lineTo(a, c);
        ctx.stroke();
    }
    ctx.restore()
}

}

else {
	 function drawGrid() {
    ctx.fillStyle = showDarkTheme ? "#111111" : "#F2FBFF";
    ctx.fillRect(0, 0, canvasWidth, canvasHeight);
    ctx.save();
    ctx.strokeStyle = showDarkTheme ? "#AAAAAA" : "#000000";
    ctx.globalAlpha = .00000001;
    ctx.scale(viewZoom, viewZoom);
    var a = canvasWidth / viewZoom,
        b = canvasHeight / viewZoom;
    for (var c = -.5 + (-nodeX + a / 2) % 50; c < a; c += 50) {
        ctx.beginPath();
        ctx.moveTo(c, 0);
        ctx.lineTo(c, b);
        ctx.stroke();
    }
    for (c = -.5 + (-nodeY + b / 2) % 50; c < b; c += 50) {
        ctx.beginPath();
        ctx.moveTo(0, c);
        ctx.lineTo(a, c);
        ctx.stroke();
    }
    ctx.restore()
}
	
}
function drawSplitIcon(ctx) {
    if (touchable && splitIcon.width) {
        var size = ~~(canvasWidth / 7);
        ctx.drawImage(splitIcon, canvasWidth - size, canvasHeight - size, size, size);
    }
    if (touchable && splitIcon.width) {
        var size = ~~(canvasWidth / 7);
        ctx.drawImage(ejectIcon, canvasWidth - size, canvasHeight - 2 * size - 10, size, size);
    }
}

function calcUserScore() {
    for (var score = 0, i = 0; i < playerCells.length; i++) score += playerCells[i].nSize * playerCells[i].nSize;
    return score
}

function drawLeaderBoard() {
    lbCanvas = null;
    if (null != teamScores || 0 != leaderBoard.length)
        if (null != teamScores || showName) {
            lbCanvas = document.createElement("canvas");
            var ctx = lbCanvas.getContext("2d"),
                boardLength = 60;
            boardLength = null == teamScores ? boardLength + 24 * leaderBoard.length : boardLength + 100;
            var scaleFactor = Math.min(0.22 * canvasHeight, Math.min(200, .3 * canvasWidth)) / 200;
            lbCanvas.width = 200 * scaleFactor;
            lbCanvas.height = boardLength * scaleFactor;
            ctx.scale(scaleFactor, scaleFactor);
            ctx.globalAlpha = .4;
            ctx.fillStyle = "#111111";
            ctx.fillRect(0, 0, 200, boardLength);
            ctx.globalAlpha = 1;
            ctx.fillStyle = "#FFFDFD";
            var c = "Leaderboard";
            ctx.font = "30px Ubuntu";
            ctx.fillText(c, 100 - ctx.measureText(c).width / 2, 40);
            var b;
            if (null == teamScores) {
                for (ctx.font = "20px Ubuntu", b = 0; b < leaderBoard.length; ++b) {
                    c = leaderBoard[b].name || "An unnamed cell";
                    if (!showName) {
                        (c = "An unnamed cell");
                    }
                    if (-1 != nodesOnScreen.indexOf(leaderBoard[b].id)) {
                        playerCells[0].name && (c = playerCells[0].name);
                         ctx.fillStyle = "#FF2903";
                        if (!noRanking) {
                             c = b + 1 + ". " + ps(c)[1];
                        }
                        ctx.fillText(c, 100 - ctx.measureText(c).width / 2, 70 + 24 * b);
                    } else {
                      ctx.fillStyle = "#FFFDFD";
                        if (!noRanking) {
                               c = b + 1 + ". " + ps(c)[1];
                        }
                        ctx.fillText(c, 100 - ctx.measureText(c).width / 2, 70 + 24 * b);
                    }
                }
            } else {
                for (b = c = 0; b < teamScores.length; ++b) {
                    var d = c + teamScores[b] * Math.PI * 2;
                    ctx.fillStyle = teamColor[b + 1];
                    ctx.beginPath();
                    ctx.moveTo(100, 140);
                    ctx.arc(100, 140, 80, c, d, false);
                    ctx.fill();
                    c = d
                }
            }
        }
}

function Cell(uid, ux, uy, usize, ucolor, uname) {
    this.id = uid;
    this.ox = this.x = ux;
    this.oy = this.y = uy;
    this.oSize = this.size = usize;
    this.color = ucolor;
    this.points = [];
    this.pointsAcc = [];
    this.createPoints();
    this.setName(uname)
}

function UText(usize, ucolor, ustroke, ustrokecolor) {
    usize && (this._size = usize);
    ucolor && (this._color = ucolor);
    this._stroke = !!ustroke;
    ustrokecolor && (this._strokeColor = ustrokecolor)
}
var localProtocol = wHandle.location.protocol,
    localProtocolHttps = "https:" == localProtocol;
var nCanvas, ctx, mainCanvas, lbCanvas, chatCanvas, canvasWidth, canvasHeight, qTree = null,
    ws = null,
    nodeX = 0,
    nodeY = 0,
    nodesOnScreen = [],
    playerCells = [],
    nodes = {},
    nodelist = [],
    Cells = [],
    leaderBoard = [],
    chatBoard = [],
    rawMouseX = 0,
    rawMouseY = 0,
    X = -1,
    Y = -1,
    cb = 0,
    timestamp = 0,
    userNickName = null,
    leftPos = 0,
    topPos = 0,
    rightPos = 1E4,
    bottomPos = 1E4,
    viewZoom = 1,
    w = null,
    showSkin = true,
	showTra = false,
	setLuggy = false,
	dibujarGrid = true,
	showBorders = true,
	cskins = false,
    showName = true,
    showColor = false,
    ua = false,
    userScore = 0,
    showDarkTheme = false,
    showMass = true,
    smoothRender = .15,
    hideChat = false,
	hideMap = false,
    posX = nodeX = ~~((leftPos + rightPos) / 2),
    posY = nodeY = ~~((topPos + bottomPos) / 2),
    posSize = 1,
    gameMode = "",
    teamScores = null,
    ma = false,
    hasOverlay = true,
    drawLine = false,
    lineX = 0,
    lineY = 0,
    drawLineX = 0,
    drawLineY = 0,
    Ra = 0,
    teamColor = ["#333333", "#FF3333", "#33FF33", "#3333FF"],
    xa = false,
    zoom = 1,
    isTouchStart = "ontouchstart" in wHandle && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
    splitIcon = new Image,
    ejectIcon = new Image,
    noRanking = false;
var wCanvas = document.createElement("canvas");
var playerStat = null;
wHandle.isSpectating = false;
wHandle.setNick = function(arg) {
    hideOverlays();
    userNickName = arg;
    sendNickName();
    userScore = 0
};
wHandle.setNick = function(arg) {
    hideOverlays();
    userNickName = arg;
    sendNickName();
    userScore = 0
};
wHandle.setRegion = setRegion;
wHandle.setSkins = function(arg) {
    showSkin = arg
};
wHandle.setSC = function(arg) {
    cskins = arg
};
wHandle.setNames = function(arg) {
    showName = arg
};
wHandle.setDarkTheme = function(arg) {
    showDarkTheme = arg
};
wHandle.setColors = function(arg) {
    showColor = arg
};
wHandle.setShowMass = function(arg) {
    showMass = arg
};
 wHandle.setTra = function(arg) {
    showTra = arg
};
wHandle.showLuggy = function(arg) {
    setLuggy = arg
};
wHandle.setGrid = function(arg) {
    dibujargrid = arg
};
 wHandle.setBorders = function(arg) {
    showBorders = false
};
wHandle.setSmooth = function(arg) {
    smoothRender = arg ? 2 : .15
};
wHandle.setHideChat = function(arg) {
    hideChat = arg;
    if (arg) {
        wjQuery("#chat_textbox").hide();
    } else {
        wjQuery("#chat_textbox").show();
    }
};
  wHandle.setHideMap = function(arg) {
    hideMap = arg;
    if (arg) {
        wjQuery("#minimap").hide();
		 wjQuery("#nodes").hide();
    } else {
        wjQuery("#nodes").show();
		 wjQuery("#minimap").show();
    }
};
wHandle.spectate = function() {
    userNickName = null;
    wHandle.isSpectating = true;
    sendUint8(1);
    hideOverlays()
};
wHandle.setGameMode = function(arg) {
    if (arg != gameMode) {
        gameMode = arg;
        if (arg == "FFA") {
            GAMETYPE_PORT = GAMETYPE_FFA_PORT;
            setAcid(false);
        }
        if (arg == "TEAM") {
            GAMETYPE_PORT = GAMETYPE_TEAM_PORT;
            setAcid(false);
        }
        if (arg == "EXP") {
            GAMETYPE_PORT = GAMETYPE_EXP_PORT;
            setAcid(false);
        }
        if (arg == "TOUR") {
            GAMETYPE_PORT = GAMETYPE_TOUR_PORT;
            setAcid(false);
        }
        if (arg == "HUNGER") {
            GAMETYPE_PORT = GAMETYPE_HUNGER_PORT;
            setAcid(false);
        }
        if (arg == "ZOMBIE") {
            GAMETYPE_PORT = GAMETYPE_ZOMBIE_PORT;
            setAcid(false);
        }
        if (arg == "RAINBOW") {
            GAMETYPE_PORT = GAMETYPE_RAINBOW_PORT;
            setAcid(false);
        }
        if (arg == "FAST") {
            GAMETYPE_PORT = GAMETYPE_FAST_PORT;
            setAcid(false);
        }
        if (arg == "TORNEO") {
            GAMETYPE_PORT = GAMETYPE_TORNEO_PORT;
            setAcid(false);
        }
		if (arg == "HB") {
            GAMETYPE_PORT = GAMETYPE_HB_PORT;
            setAcid(false);
        }
		if (arg == "MOTHER") {
            GAMETYPE_PORT = GAMETYPE_MOTHER_PORT;
            setAcid(false);
        }
		if (arg == "LASTY") {
            GAMETYPE_PORT = GAMETYPE_LASTY_PORT;
            setAcid(false);
        }
		
        showConnecting();
    }
};
wHandle.setAcid = function(arg) {
    xa = arg
};
if (null != wHandle.localStorage) {
    if (null == wHandle.localStorage.AB8) {
        wHandle.localStorage.AB8 = ~~(100 * Math.random());
    }
    Ra = +wHandle.localStorage.AB8;
    wHandle.ABGroup = Ra;
}
setTimeout(function() {}, 3E5);
var T = {
    ZW: "EU-London"
};
wHandle.connect = wsConnect;
var data = {
    "action": "test"
};
var response = null;
wjQuery.ajax({
    type: "POST",
    dataType: "json",
    url: "checkdir.php",
    data: data,
    success: function(data) {
        response = JSON.parse(data["names"]);
    }
});
var interval1Id = setInterval(function() {
    wjQuery.ajax({
        type: "POST",
        dataType: "json",
        url: "checkdir.php",
        data: data,
        success: function(data) {
            response = JSON.parse(data["names"]);
        }
    });
    for (var i = 0; i < response.length; i++) {
        if (-1 == knownNameDict.indexOf(response[i])) {
            knownNameDict.push(response[i]);
        }
    }
}, 15000);
var delay = 500,
    oldX = -1,
    oldY = -1,
    Canvas = null,
    z = 1,
    scoreText = null,
    skins = {},
    knownNameDict = "poland;usa;china;russia;canada;australia;spain;brazil;germany;ukraine;france;sweden;hitler;north korea;south korea;japan;united kingdom;earth;greece;latvia;lithuania;estonia;finland;norway;cia;maldivas;austria;nigeria;reddit;yaranaika;confederate;9gag;indiana;4chan;italy;bulgaria;tumblr;2ch.hk;hong kong;portugal;jamaica;german empire;mexico;sanik;switzerland;croatia;chile;indonesia;bangladesh;thailand;iran;iraq;peru;moon;botswana;bosnia;netherlands;european union;taiwan;pakistan;hungary;satanist;qing dynasty;matriarchy;patriarchy;feminism;ireland;texas;facepunch;prodota;cambodia;steam;piccolo;india;kc;denmark;quebec;ayy lmao;sealand;bait;tsarist russia;origin;vinesauce;stalin;belgium;luxembourg;stussy;prussia;8ch;argentina;scotland;sir;romania;belarus;wojak;doge;nasa;byzantium;imperial japan;french kingdom;somalia;turkey;mars;pokerface;8;irs;receita federal;facebook".split(";"),
    knownNameDict_noDisp = ["8", "nasa"],
    ib = ["_canvas'blob"];
Cell.prototype = {
    id: 0,
    points: null,
    pointsAcc: null,
    name: null,
    nameCache: null,
    sizeCache: null,
    x: 0,
    y: 0,
    size: 0,
    ox: 0,
    oy: 0,
    oSize: 0,
    nx: 0,
    ny: 0,
    nSize: 0,
    flag: 0,
    updateTime: 0,
    updateCode: 0,
    drawTime: 0,
    destroyed: false,
    isVirus: false,
    isAgitated: false,
    wasSimpleDrawing: true,
    destroy: function() {
        var tmp;
        for (tmp = 0; tmp < nodelist.length; tmp++)
            if (nodelist[tmp] == this) {
                nodelist.splice(tmp, 1);
                break
            }
        delete nodes[this.id];
        tmp = playerCells.indexOf(this);
        if (-1 != tmp) {
            ua = true;
            playerCells.splice(tmp, 1);
        }
        tmp = nodesOnScreen.indexOf(this.id);
        if (-1 != tmp) {
            nodesOnScreen.splice(tmp, 1);
        }
        this.destroyed = true;
        Cells.push(this)
    },
    getNameSize: function() {
        return Math.max(~~(.3 * this.size), 24)
    },
    setName: function(a) {
        if (this.name = a) {
            if (null == this.nameCache) {
                this.nameCache = new UText(this.getNameSize(), "#FFFFFF", true, "#000000");
                this.nameCache.setValue(this.name);
            } else {
                this.nameCache.setSize(this.getNameSize());
                this.nameCache.setValue(this.name);
            }
        }
    },
    createPoints: function() {
        for (var samplenum = this.getNumPoints(); this.points.length > samplenum;) {
            var rand = ~~(Math.random() * this.points.length);
            this.points.splice(rand, 1);
            this.pointsAcc.splice(rand, 1)
        }
        if (0 == this.points.length && 0 < samplenum) {
            this.points.push({
                ref: this,
                size: this.size,
                x: this.x,
                y: this.y
            });
            this.pointsAcc.push(Math.random() - .5);
        }
        while (this.points.length < samplenum) {
            var rand2 = ~~(Math.random() * this.points.length),
                point = this.points[rand2];
            this.points.splice(rand2, 0, {
                ref: this,
                size: point.size,
                x: point.x,
                y: point.y
            });
            this.pointsAcc.splice(rand2, 0, this.pointsAcc[rand2])
        }
    },
    getNumPoints: function() {
       if(this.size<29&&this.id%8<4)return this.id%8+3;
        var a = 10;
        if (20 > this.size) a = 0;
        if (this.isVirus) a = 30;
        var b = this.size;
        if (!this.isVirus)(b *= viewZoom);
        b *= z;
        if (this.flag & 32)(b *= .25);
        return ~~Math.max(b, a);
    },
    movePoints: function() {
        this.createPoints();
        for (var points = this.points, pointsacc = this.pointsAcc, numpoints = points.length, i = 0; i < numpoints; ++i) {
            var pos1 = pointsacc[(i - 1 + numpoints) % numpoints],
                pos2 = pointsacc[(i + 1) % numpoints];
            pointsacc[i] += (Math.random() - .5) * (this.isAgitated ? 3 : 1);
            pointsacc[i] *= .7;
            10 < pointsacc[i] && (pointsacc[i] = 10); - 10 > pointsacc[i] && (pointsacc[i] = -10);
            pointsacc[i] = (pos1 + pos2 + 8 * pointsacc[i]) / 10
        }
        for (var ref = this, isvirus = this.isVirus ? 0 : (this.id / 1E3 + timestamp / 1E4) % (2 * Math.PI), j = 0; j < numpoints; ++j) {
            var f = points[j].size,
                e = points[(j - 1 + numpoints) % numpoints].size,
                m = points[(j + 1) % numpoints].size;
            if (15 < this.size && null != qTree && 20 < this.size * viewZoom && 0 != this.id) {
                var l = false,
                    n = points[j].x,
                    q = points[j].y;
                qTree.retrieve2(n - 5, q - 5, 10, 10, function(a) {
                    if (a.ref != ref && 25 > (n - a.x) * (n - a.x) + (q - a.y) * (q - a.y)) {
                        l = true;
                    }
                });
                if (!l && points[j].x < leftPos || points[j].y < topPos || points[j].x > rightPos || points[j].y > bottomPos) {
                    l = true;
                }
                if (l) {
                    if (0 < pointsacc[j]) {
                        (pointsacc[j] = 0);
                    }
                    pointsacc[j] -= 1;
                }
            }
            f += pointsacc[j];
            0 > f && (f = 0);
            f = this.isAgitated ? (19 * f + this.size) / 20 : (12 * f + this.size) / 13;
            points[j].size = (e + m + 8 * f) / 10;
            e = 2 * Math.PI / numpoints;
            m = this.points[j].size;
            this.isVirus && 0 == j % 2 && (m += 5);
            points[j].x = this.x + Math.cos(e * j + isvirus) * m;
            points[j].y = this.y + Math.sin(e * j + isvirus) * m
        }
    },
    updatePos: function() {
        if (0 == this.id) return 1;
        var a;
        a = (timestamp - this.updateTime) / 120;
        a = 0 > a ? 0 : 1 < a ? 1 : a;
        var b = 0 > a ? 0 : 1 < a ? 1 : a;
        this.getNameSize();
        if (this.destroyed && 1 <= b) {
            var c = Cells.indexOf(this); - 1 != c && Cells.splice(c, 1)
        }
        this.x = a * (this.nx - this.ox) + this.ox;
        this.y = a * (this.ny - this.oy) + this.oy;
        this.size = b * (this.nSize - this.oSize) + this.oSize;
        return b;
    },
    shouldRender: function() {
        if (0 == this.id) {
            return true
        } else {
            return !(this.x + this.size + 40 < nodeX - canvasWidth / 2 / viewZoom || this.y + this.size + 40 < nodeY - canvasHeight / 2 / viewZoom || this.x - this.size - 40 > nodeX + canvasWidth / 2 / viewZoom || this.y - this.size - 40 > nodeY + canvasHeight / 2 / viewZoom);
        }
    },
      drawOneCell: function (ctx) {
        if (this.shouldRender()) {
            var b = (0 != this.id && !this.isVirus && !this.isAgitated && smoothRender > viewZoom);
            if (5 > this.getNumPoints()) b = true;
            if (this.wasSimpleDrawing && !b)
                for (var c = 0; c < this.points.length; c++) this.points[c].size = this.size;
            this.wasSimpleDrawing = b;
            ctx.save();
            this.drawTime = timestamp;
            c = this.updatePos();
            this.destroyed && (ctx.globalAlpha *= 1 - c);
            ctx.lineWidth = 10;
			if (showTra) {
			ctx.globalAlpha = 0.8;
			
			}
			else if (setLuggy) {
				
				
			ctx.globalAlpha = 0.08;
			setDarkTheme(true);
				
				
			}
			
			else {
				
				ctx.globalAlpha = 1;
			}
		
	ctx.imageSmoothingEnabled = false;

            ctx.lineCap = "round";
            ctx.lineJoin = this.isVirus ? "miter" : "round";
            if (showColor) {
                ctx.fillStyle = "#FFFFFF";
                ctx.strokeStyle = "#AAAAAA";
            } else {
                ctx.fillStyle = this.color;
                ctx.strokeStyle = "#111111";
            }
			if(this.size<29&&this.id%8<4)b=false;
            if (b) {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.size + (20 < this.size ? 0 : 5), 0, 2 * Math.PI, false);
            }
            else {
                this.movePoints();
                ctx.beginPath();
				ctx.imageSmoothingEnabled = false;

			else {
				c = (e = c) ? true : false;
            ( 120000 < this.size) && ctx.stroke();
            ctx.fill();
            if (e) {
                ctx.save();
                ctx.clip();
                ctx.drawImage(e, this.x - this.size, this.y - this.size, 2 * this.size, 2 * this.size);
                ctx.restore();
				ctx.imageSmoothingEnabled = false;

			}
            c = -1 != playerCells.indexOf(this);
            var ncache;
            //draw name
            if (0 != this.id) {
                var b = ~~this.y;
                if ((showName || c) && this.name && this.nameCache && (null == e || -1 == knownNameDict_noDisp.indexOf(showSkin))) {
                    ncache = this.nameCache;
                   ncache.setValue(ps(this.name)[1]);
                    ncache.setSize(this.getNameSize() * viewZoom);
                    var rnchache = ncache.render(),
                        m = ~~(rnchache.width / viewZoom),
                        h = ~~(rnchache.height / viewZoom);
                    ctx.drawImage(rnchache, ~~this.x - ~~(m / 2), b - ~~(h / 2), m, h);
                    b += rnchache.height / 2 / viewZoom + 4;
                }
                //draw mass
                if (showMass && (c || 0 == playerCells.length && (!this.isVirus || this.isAgitated) && 20 < this.size)) {
                    if (null == this.sizeCache) {
                        this.sizeCache = new UText(this.getNameSize() / 2, "#FFFFFF", true, "#000000");
                    }
                    c = this.sizeCache;
                    c.setSize(this.getNameSize() / 2 * viewZoom);
                    c.setValue(~~(this.size * this.size / 100));
                    e = c.render();
                    m = ~~(e.width / viewZoom);
                    h = ~~(e.height / viewZoom);
                    ctx.drawImage(e, ~~this.x - ~~(m / 2), b - ~~(h / 2), m, h);
                }
            }
            ctx.restore();
        }
    }
};
UText.prototype = {
    _value: "",
    _color: "#000000",
    _stroke: false,
    _strokeColor: "#000000",
    _size: 16,
    _canvas: null,
    _ctx: null,
    _dirty: false,
    _scale: 1,
    setSize: function(a) {
        if (this._size != a) {
            this._size = a;
            this._dirty = true;
        }
    },
    setScale: function(a) {
        if (this._scale != a) {
            this._scale = a;
            this._dirty = true;
        }
    },
    setStrokeColor: function(a) {
        if (this._strokeColor != a) {
            this._strokeColor = a;
            this._dirty = true;
        }
    },
    setValue: function(a) {
        if (a != this._value) {
            this._value = a;
            this._dirty = true;
        }
    },
    render: function() {
        if (null == this._canvas) {
            this._canvas = document.createElement("canvas");
            this._ctx = this._canvas.getContext("2d");
        }
        if (this._dirty) {
            this._dirty = false;
            var canvas = this._canvas,
                ctx = this._ctx,
                value = this._value,
                scale = this._scale,
                fontsize = this._size,
                font = fontsize + 'px Ubuntu';
            ctx.font = font;
            var h = ~~(.2 * fontsize);
            canvas.width = (ctx.measureText(value).width +
                6) * scale;
            canvas.height = (fontsize + h) * scale;
            ctx.font = font;
            ctx.scale(scale, scale);
            ctx.globalAlpha = 1;
            ctx.lineWidth = 4;
            ctx.strokeStyle = this._strokeColor;
            ctx.fillStyle = this._color;
            this._stroke && ctx.strokeText(value, 3, fontsize - h / 2);
            ctx.fillText(value, 3, fontsize - h / 2)
        }
        return this._canvas
    },
    getWidth: function() {
        return (ctx.measureText(this._value).width +
            6);
    }
};
Date.now || (Date.now = function() {
    return (new Date).getTime()
});
var Quad = {
    init: function(args) {
        function Node(x, y, w, h, depth) {
            this.x = x;
            this.y = y;
            this.w = w;
            this.h = h;
            this.depth = depth;
            this.items = [];
            this.nodes = []
        }
        var c = args.maxChildren || 2,
            d = args.maxDepth || 4;
        Node.prototype = {
            x: 0,
            y: 0,
            w: 0,
            h: 0,
            depth: 0,
            items: null,
            nodes: null,
            exists: function(selector) {
                for (var i = 0; i < this.items.length; ++i) {
                    var item = this.items[i];
                    if (item.x >= selector.x && item.y >= selector.y && item.x < selector.x + selector.w && item.y < selector.y + selector.h) return true
                }
                if (0 != this.nodes.length) {
                    var self = this;
                    return this.findOverlappingNodes(selector, function(dir) {
                        return self.nodes[dir].exists(selector)
                    })
                }
                return false;
            },
            retrieve: function(item, callback) {
                for (var i = 0; i < this.items.length; ++i) callback(this.items[i]);
                if (0 != this.nodes.length) {
                    var self = this;
                    this.findOverlappingNodes(item, function(dir) {
                        self.nodes[dir].retrieve(item, callback)
                    })
                }
            },
            insert: function(a) {
                if (0 != this.nodes.length) {
                    this.nodes[this.findInsertNode(a)].insert(a);
                } else {
                    if (this.items.length >= c && this.depth < d) {
                        this.devide();
                        this.nodes[this.findInsertNode(a)].insert(a);
                    } else {
                        this.items.push(a);
                    }
                }
            },
            findInsertNode: function(a) {
                return a.x < this.x + this.w / 2 ? a.y < this.y + this.h / 2 ? 0 : 2 : a.y < this.y + this.h / 2 ? 1 : 3
            },
            findOverlappingNodes: function(a, b) {
                return a.x < this.x + this.w / 2 && (a.y < this.y + this.h / 2 && b(0) || a.y >= this.y + this.h / 2 && b(2)) || a.x >= this.x + this.w / 2 && (a.y < this.y + this.h / 2 && b(1) || a.y >= this.y + this.h / 2 && b(3)) ? true : false
            },
            devide: function() {
                var a = this.depth + 1,
                    c = this.w / 2,
                    d = this.h / 2;
                this.nodes.push(new Node(this.x, this.y, c, d, a));
                this.nodes.push(new Node(this.x + c, this.y, c, d, a));
                this.nodes.push(new Node(this.x, this.y + d, c, d, a));
                this.nodes.push(new Node(this.x + c, this.y + d, c, d, a));
                a = this.items;
                this.items = [];
                for (c = 0; c < a.length; c++) this.insert(a[c])
            },
            clear: function() {
                for (var a = 0; a < this.nodes.length; a++) this.nodes[a].clear();
                this.items.length = 0;
                this.nodes.length = 0
            }
        };
        var internalSelector = {
            x: 0,
            y: 0,
            w: 0,
            h: 0
        };
        return {
            root: new Node(args.minX, args.minY, args.maxX - args.minX, args.maxY - args.minY, 0),
            insert: function(a) {
                this.root.insert(a)
            },
            retrieve: function(a, b) {
                this.root.retrieve(a, b)
            },
            retrieve2: function(a, b, c, d, callback) {
                internalSelector.x = a;
                internalSelector.y = b;
                internalSelector.w = c;
                internalSelector.h = d;
                this.root.retrieve(internalSelector, callback)
            },
            exists: function(a) {
                return this.root.exists(a)
            },
            clear: function() {
                this.root.clear()
            }
        }
    }
};



wjQuery(function() {
    function renderFavicon() {
        if (0 < playerCells.length) {
            redCell.color = playerCells[0].color;
            redCell.setName(playerCells[0].name);
        }
        ctx.clearRect(0, 0, 32, 32);
        ctx.save();
        ctx.translate(16, 16);
        ctx.scale(.4, .4);
        redCell.drawOneCell(ctx);
        ctx.restore();
        var favicon = document.getElementById("favicon"),
            oldfavicon = favicon.cloneNode(true);
        oldfavicon.setAttribute("href", favCanvas.toDataURL("image/png"));
        favicon.parentNode.replaceChild(oldfavicon, favicon)
    }
    var redCell = new Cell(0, 0, 0, 32, "#ED1C24", ""),
        favCanvas = document.createElement("canvas");
    favCanvas.width = 32;
    favCanvas.height = 32;
    var ctx = favCanvas.getContext("2d");
    renderFavicon();
    setInterval(renderFavicon, 1E3);
    setInterval(drawChatBoard, 1E3);
});
wHandle.onload = gameLoop
 function ps(n, a) {
    if (n.indexOf('{') != -1 & n.indexOf('}') != -1) {
        var s = n.indexOf('{');
        var e = n.indexOf('}');
        var c = n.slice(e + 1);
        if (a) {
            if (c == '') {
                c = "ogar.pw";
            } else {
                c = n.slice(e + 1);
            }
        }
        return [n.slice(s + 1, e), c];
    } else {
        return ['', n];
    }
}