-
-
Connecting
-
If you cannot connect to the servers, check if you have some anti virus or firewall blocking the connection.
-
+
+
+
Connecting
+
+
If you cannot connect to the servers, check if you have some anti virus or firewall blocking the connection.
+
+
+
+
+
+
+
+
+
diff --git a/main_out.js b/main_out.js
old mode 100644
new mode 100755
index 423291f..27bba98
--- a/main_out.js
+++ b/main_out.js
@@ -1,9 +1,9 @@
-(function(wHandle, wjQuery) {
+(function (wHandle, wjQuery) {
/**
* Enter url in the following format: HOST : PORT
*
* Example: 127.0.0.1:443
- *
+ *
*/
var CONNECTION_URL = "162.243.157.40:443";
/**
@@ -11,79 +11,264 @@
* To take skins from the official server enter: "http://agar.io/skins/"
*/
var SKIN_URL = "./skins/";//skins folder
+
+
+ var touchX, touchY,
+ // is this running in a touch capable environment?
+ touchable = 'createTouch' in document,
+ touches = []; // array of touch vectors
+
+ 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);
- Canvas = nCanvas = document.getElementById("canvas");
- ctx = Canvas.getContext("2d");
- Canvas.onmousedown = function(a) {
- if (Ca) {
- var xOffset = a.clientX - (5 + r / 5 / 2),
- yOffset = a.clientY - (5 + r / 5 / 2);
- if (Math.sqrt(xOffset * xOffset + yOffset * yOffset) <= r / 5 / 2) {
- L();
- D(17);
+ mainCanvas = nCanvas = document.getElementById("canvas");
+ ctx = mainCanvas.getContext("2d");
+ /*mainCanvas.onmousedown = function (event) {
+ if (isTouchStart) {
+ var xOffset = event.clientX - (5 + canvasWidth / 5 / 2),
+ yOffset = event.clientY - (5 + canvasWidth / 5 / 2);
+ if (Math.sqrt(xOffset * xOffset + yOffset * yOffset) <= canvasWidth / 5 / 2) {
+ sendMouseMove();
+ sendUint8(17); //split
return
}
}
- U = a.clientX;
- V = a.clientY;
- oa();
- L()
+
+
+ rawMouseX = event.clientX;
+ rawMouseY = event.clientY;
+ mouseCoordinateChange();
+ sendMouseMove()
+ };*/
+ mainCanvas.onmousemove = function (event) {
+ rawMouseX = event.clientX;
+ rawMouseY = event.clientY;
+ mouseCoordinateChange()
};
- Canvas.onmousemove = function(a) {
- U = a.clientX;
- V = a.clientY;
- oa()
+
+
+ if(touchable) {
+ mainCanvas.addEventListener( 'touchstart', onTouchStart, false );
+ mainCanvas.addEventListener( 'touchmove', onTouchMove, false );
+ mainCanvas.addEventListener( 'touchend', onTouchEnd, false );
+ }
+
+ mainCanvas.onmouseup = function () {
};
- Canvas.onmouseup = function() {};
- /firefox/i.test(navigator.userAgent) ? document.addEventListener("DOMMouseScroll", handleWheel, false) : document.body.onmousewheel = handleWheel;
- var a = false,
- b = false,
- c = false;
- wHandle.onkeydown = function(d) {
- 32 != d.keyCode || a || (L(), D(17), a = true);
- 81 != d.keyCode || b || (D(18), b = true);
- 87 != d.keyCode || c || (L(), D(21), c = true);
- 27 == d.keyCode && Ea(true)
+ if (/firefox/i.test(navigator.userAgent)) {
+ document.addEventListener("DOMMouseScroll", handleWheel, false);
+ } else {
+ document.body.onmousewheel = handleWheel;
+ }
+
+ mainCanvas.onfocus = function () {
+ isTyping = false;
};
- wHandle.onkeyup = function(d) {
- 32 == d.keyCode && (a = false);
- 87 == d.keyCode && (c = false);
- 81 == d.keyCode && b && (D(19), b = false)
+
+ document.getElementById("chat_textbox").onblur = function () {
+ isTyping = false;
};
- wHandle.onblur = function() {
- D(19);
- c = b = a = 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: // split
+ if ((!spacePressed) && (!isTyping)) {
+ sendMouseMove();
+ sendUint8(17);
+ spacePressed = true;
+ }
+ break;
+ case 81: // key q pressed
+ if ((!qPressed) && (!isTyping)) {
+ sendUint8(18);
+ qPressed = true;
+ }
+ break;
+ case 87: // eject mass
+ if ((!wPressed) && (!isTyping)) {
+ sendMouseMove();
+ sendUint8(21);
+ wPressed = true;
+ }
+ break;
+ case 27: // quit
+ 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();
- wHandle.requestAnimationFrame ? wHandle.requestAnimationFrame(redrawGameScene) : setInterval(drawGameScene, 1E3 / 60);
- setInterval(L, 40);
- w && wjQuery("#region").val(w);
+ if (wHandle.requestAnimationFrame) {
+ wHandle.requestAnimationFrame(redrawGameScene);
+ } else {
+ setInterval(drawGameScene, 1E3 / 60);
+ }
+ setInterval(sendMouseMove, 40);
+ if (w) {
+ wjQuery("#region").val(w);
+ }
Ha();
- W(wjQuery("#region").val());
- null == ws && w && X();
- wjQuery("#overlays").show()
+ setRegion(wjQuery("#region").val());
+ null == ws && w && showConnecting();
+ wjQuery("#overlays").show();
+ canvasResize();
+
+ }
+
+
+
+
+
+ function onTouchStart(e) {
+
+ for(var i = 0; i
canvasWidth - size) && (touch.clientY > canvasHeight - size)) {
+ sendMouseMove();
+ sendUint8(17); //split
+ }
+
+ if ((touch.clientX > canvasWidth - size) && (touch.clientY > canvasHeight - 2*size -10) && (touch.clientY < canvasHeight - size -10 )) {
+ sendMouseMove();
+ sendUint8(21); //eject
+ }
+
+
+
+ }
+ touches = e.touches;
}
+ function onTouchMove(e) {
+ // Prevent the browser from doing its default thing (scroll, zoom)
+ e.preventDefault();
- function handleWheel(a) {
- zoom *= Math.pow(.9, a.wheelDelta / -120 || a.detail || 0);
+ for(var i = 0; i zoom && (zoom = 1);
- zoom > 4 / k && (zoom = 4 / k)
+ zoom > 4 / viewZoom && (zoom = 4 / viewZoom)
}
- function Ua() {
- if (.4 > k) M = null;
+ function buildQTree() {
+ if (.4 > viewZoom) qTree = null;
else {
- for (var a = Number.POSITIVE_INFINITY, b = Number.POSITIVE_INFINITY, c = Number.NEGATIVE_INFINITY, d = Number.NEGATIVE_INFINITY, e = 0, i = 0; i < v.length; i++) {
- var h = v[i];
- !h.shouldRender() || h.prepareData || 20 >= h.size * k || (e = Math.max(h.size, e), a = Math.min(h.x, a), b = Math.min(h.y, b), c = Math.max(h.x, c), d = Math.max(h.y, d))
+ 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);
+ }
}
- M = Quad.init({
+ qTree = Quad.init({
minX: a - (e + 100),
minY: b - (e + 100),
maxX: c + (e + 100),
@@ -91,48 +276,69 @@
maxChildren: 2,
maxDepth: 4
});
- for (i = 0; i < v.length; i++)
- if (h = v[i], h.shouldRender() && !(20 >= h.size * k))
- for (a = 0; a < h.a.length; ++a) b = h.a[a].x, c = h.a[a].y, b < t - r / 2 / k || c < u - s / 2 / k || b > t + r / 2 / k || c > u + s / 2 / k || M.insert(h.a[a])
+ 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 oa() {
- Y = (U - r / 2) / k + t;
- Z = (V - s / 2) / k + u
+ function mouseCoordinateChange() {
+ X = (rawMouseX - canvasWidth / 2) / viewZoom + nodeX;
+ Y = (rawMouseY - canvasHeight / 2) / viewZoom + nodeY
}
function getServerList() {
- null == $ && ($ = {}, wjQuery("#region").children().each(function() {
- var a = wjQuery(this),
- b = a.val();
- b && ($[b] = a.text())
- }));
- wjQuery.get("info.php", function(a) {
- var b = {}, c;
- for (c in a.regions) {
- var d = c.split(":")[0];
- b[d] = b[d] || 0;
- b[d] += a.regions[c].numPlayers
+ if (null == playerStat) {
+ playerStat = {};
+ wjQuery("#region").children().each(function () {
+ var a = wjQuery(this),
+ b = a.val();
+ b && (playerStat[b] = a.text())
+ });
+ }
+ wjQuery.get("info.php", function (a) {
+ var numPlayers = {};
+ for (var region in a.regions) {
+ var d = region.split(":")[0];
+ numPlayers[d] = numPlayers[d] || 0;
+ numPlayers[d] += a.regions[region].numPlayers
}
- for (c in b) wjQuery('#region option[value="' + c + '"]').text($[c] + " (" + b[c] + " players)")
+ for (var numplayer in numPlayers) wjQuery('#region option[value="' + numplayer + '"]').text(playerStat[numplayer] + " (" + numPlayers[numplayer] + " players)")
}, "json")
}
- function Ia() {
+ function hideOverlays() {
+ hasOverlay = false;
wjQuery("#adsBottom").hide();
wjQuery("#overlays").hide();
Ha()
}
- function W(a) {
- a && a != w && (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 && X())
+ 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 Ea(a) {
- F = null;
- wjQuery("#overlays").fadeIn(a ? 200 : 3E3);
- a || wjQuery("#adsBottom").fadeIn(3E3)
+ function showOverlays(arg) {
+ hasOverlay = true;
+ userNickName = null;
+ wjQuery("#overlays").fadeIn(arg ? 200 : 3E3);
+ arg || wjQuery("#adsBottom").fadeIn(3E3)
}
function Ha() {
@@ -141,24 +347,27 @@
}
function attemptConnection() {
- console.log("Find " + w + N);
+ console.log("Find " + w + gameMode);
wjQuery.ajax("main.php", {
- error: function() {
+ error: function () {
setTimeout(attemptConnection, 1E3)
},
- success: function(a) {
+ success: function () {
wsConnect("ws://" + CONNECTION_URL)
},
dataType: "text",
method: "POST",
cache: false,
crossDomain: true,
- data: w + N || "?"
+ data: w + gameMode || "?"
})
}
- function X() {
- ma && w && (wjQuery("#connecting").show(), attemptConnection())
+ function showConnecting() {
+ if (ma && w) {
+ wjQuery("#connecting").show();
+ attemptConnection()
+ }
}
function wsConnect(wsUrl) {
@@ -168,28 +377,28 @@
ws.onclose = null;
try {
ws.close()
- } catch (b) {}
+ } catch (b) {
+ }
ws = null
}
var c = CONNECTION_URL;
- /^[0-9]+\.[0-9]+\.[0-9]+\.[0-9]+:[0-9]+$/.test(c) && 5 != +c.split(".")[0] && (wsUrl = "ws://" + c);
- localProtocolHttps && (wsUrl = wsUrl.split(":"), wsUrl = wsUrl[0] + "s://ip-" + wsUrl[1].replace(/\./g, "-").replace(/\//g, "") + ".tech.agar.io:" + (+wsUrl[2] + 2E3));
- G = [];
- n = [];
- A = {};
- v = [];
+ wsUrl = "ws://" + c;
+ nodesOnScreen = [];
+ playerCells = [];
+ nodes = {};
+ nodelist = [];
Cells = [];
leaderBoard = [];
- Canvas = y = null;
- J = 0;
+ 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")
+ ws.onerror = function () {
+ console.log("socket error");
}
}
@@ -202,169 +411,350 @@
}
function onWsOpen() {
- var a;
- ba = 500;
+ var msg;
+ delay = 500;
wjQuery("#connecting").hide();
console.log("socket open");
- a = prepareData(5);
- a.setUint8(0, 254);
- a.setUint32(1, 4, true);
- wsSend(a);
- a = prepareData(5);
- a.setUint8(0, 255);
- a.setUint32(1, 673720361, true);
- wsSend(a);
- Ka()
+ 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(X, ba);
- ba *= 1.5
+ setTimeout(showConnecting, delay);
+ delay *= 1.5
}
- function onWsMessage(a) {
- handleWsMessage(new DataView(a.data))
+ function onWsMessage(msg) {
+ handleWsMessage(new DataView(msg.data))
}
- function handleWsMessage(a) {
- function b() {
- for (var b = "";;) {
- var d = a.getUint16(c, true);
- c += 2;
- if (0 == d) break;
- b += String.fromCharCode(d)
+ function handleWsMessage(msg) {
+ function getString() {
+ var text = '',
+ char;
+ while ((char = msg.getUint16(offset, true)) != 0) {
+ offset += 2;
+ text += String.fromCharCode(char);
}
- return b
+ offset += 2;
+ return text;
}
- var c = 0;
- 240 == a.getUint8(c) && (c += 5);
- switch (a.getUint8(c++)) {
- case 16:
- ab(a, c);
+
+ var offset = 0,
+ setCustomLB = false;
+ 240 == msg.getUint8(offset) && (offset += 5);
+ switch (msg.getUint8(offset++)) {
+ case 16: // update nodes
+ updateNodes(msg, offset);
break;
- case 17:
- Q = a.getFloat32(c, true);
- c += 4;
- R = a.getFloat32(c, true);
- c += 4;
- S = a.getFloat32(c, true);
- c += 4;
+ case 17: // update position
+ posX = msg.getFloat32(offset, true);
+ offset += 4;
+ posY = msg.getFloat32(offset, true);
+ offset += 4;
+ posSize = msg.getFloat32(offset, true);
+ offset += 4;
break;
- case 20:
- n = [];
- G = [];
+ case 20: // clear nodes
+ playerCells = [];
+ nodesOnScreen = [];
+ break;
+ case 21: // draw line
+ lineX = msg.getInt16(offset, true);
+ offset += 2;
+ lineY = msg.getInt16(offset, true);
+ offset += 2;
+ if (!drawLine) {
+ drawLine = true;
+ drawLineX = lineX;
+ drawLineY = lineY;
+ }
break;
- case 21:
- ra = a.getInt16(c, true);
- c += 2;
- sa = a.getInt16(c, true);
- c += 2;
- ta || (ta = true, ca = ra, da = sa);
+ case 32: // add node
+ nodesOnScreen.push(msg.getUint32(offset, true));
+ offset += 4;
break;
- case 32:
- G.push(a.getUint32(c, true));
- c += 4;
+ case 48: // update leaderboard (custom text)
+ setCustomLB = true;
+ noRanking = true;
break;
- case 49:
- if (null != y) break;
- var d = a.getUint32(c, true),
- c = c + 4;
+ case 49: // update leaderboard (ffa)
+ if (!setCustomLB) {
+ noRanking = false;
+ }
+ teamScores = null;
+ var LBplayerNum = msg.getUint32(offset, true);
+ offset += 4;
leaderBoard = [];
- for (var e = 0; e < d; ++e) {
- var m = a.getUint32(c, true),
- c = c + 4;
+ for (i = 0; i < LBplayerNum; ++i) {
+ var nodeId = msg.getUint32(offset, true);
+ offset += 4;
leaderBoard.push({
- id: m,
- name: b()
+ id: nodeId,
+ name: getString()
})
}
drawLeaderBoard();
break;
- case 50:
- y = [];
- d = a.getUint32(c, true);
- c += 4;
- for (e = 0; e < d; ++e) y.push(a.getFloat32(c, true)), c += 4;
+ case 50: // update leaderboard (teams)
+ 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:
- ea = a.getFloat64(c, true), c += 8, fa = a.getFloat64(c, true), c += 8, ga = a.getFloat64(c, true), c += 8, ha = a.getFloat64(c, true), c += 8, Q = (ga + ea) / 2, R = (ha + fa) / 2, S = 1, 0 == n.length && (t = Q, u = R, k = S)
+ case 64: // set border
+ 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:
+ //alert("get message");
+
+ 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++);
+ // for future expansions
+ 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": getString(),
+ "color": color,
+ "message": getString(),
+ "time": Date.now()
+ });
+ //console.log(chatBoard);
+ drawChatBoard();
+ //drawChatBoardLine();
+ }
+
+ function drawChatBoard() {
+ chatCanvas = null;
+ chatCanvas = document.createElement("canvas");
+ var ctx = chatCanvas.getContext("2d");
+ var scaleFactor = Math.min(Math.max(canvasWidth / 1200, 0.75),1); //scale factor = 0.75 to 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);
+ //console.log(deltat);
+
+
+ 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));
}
+ //ctx.restore();
}
- function ab(a, b) {
- H = +new Date;
- var c = Math.random();
+
+ function updateNodes(view, offset) {
+ timestamp = +new Date;
+ var code = Math.random();
ua = false;
- var d = a.getUint16(b, true);
- b += 2;
- for (var e = 0; e < d; ++e) {
- var m = A[a.getUint32(b, true)],
- h = A[a.getUint32(b + 4, true)];
- b += 8;
- m && h && (h.destory(), h.p = h.x, h.q = h.y, h.o = h.size, h.F = m.x, h.G = m.y, h.n = h.size, h.updateTime = H)
+ 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 (e = 0;;) {
- d = a.getUint32(b, true);
- b += 4;
- if (0 == d) break;
- ++e;
- var g, m = a.getInt16(b, true);
- b += 2;
- h = a.getInt16(b, true);
- b += 2;
- g = a.getInt16(b, true);
- b += 2;
- for (var f = a.getUint8(b++), k = a.getUint8(b++), l = a.getUint8(b++),
- f = (f << 16 | k << 8 | l).toString(16); 6 > f.length;) f = "0" + f;
- var f = "#" + f,
- k = a.getUint8(b++),
- l = !! (k & 1),
- r = !! (k & 16);
- k & 2 && (b += 4);
- k & 4 && (b += 8);
- k & 8 && (b += 16);
- for (var q, p = "";;) {
- q = a.getUint16(b, true);
- b += 2;
- if (0 == q) break;
- p += String.fromCharCode(q)
+ 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)
}
- q = p;
- p = null;
- A.hasOwnProperty(d) ? (p = A[d], p.updatePos(), p.p = p.x, p.q = p.y, p.o = p.size, p.color = f) : (p = new va(d, m, h, g, f, q), v.push(p), A[d] = p, p.ka = m, p.la = h);
- p.isVirus = l;
- p.isAgitated = r;
- p.F = m;
- p.G = h;
- p.n = g;
- p.updateCode = c;
- p.updateTime = H;
- p.nSize = k;
- q && p.setName(q); - 1 != G.indexOf(d) && -1 == n.indexOf(p) && (document.getElementById("overlays").style.display = "none", n.push(p), 1 == n.length && (t = p.x, u = p.y))
+ 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();
}
- c = a.getUint32(b, true);
- b += 4;
- for (e = 0; e < c; e++) d = a.getUint32(b, true), b += 4, p = A[d], null != p && p.destory();
- ua && 0 == n.length && Ea(false)
+ ua && 0 == playerCells.length && showOverlays(false)
}
- function L() {
- var a;
+ function sendMouseMove() {
+ var msg;
if (wsIsOpen()) {
- a = U - r / 2;
- var b = V - s / 2;
- 64 > a * a + b * b || .01 > Math.abs(Ma - Y) && .01 > Math.abs(Na - Z) || (Ma = Y, Na = Z, a = prepareData(21), a.setUint8(0, 16), a.setFloat64(1, Y, true), a.setFloat64(9, Z, true), a.setUint32(17, 0, true), wsSend(a))
+ 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 Ka() {
- if (wsIsOpen() && null != F) {
- var a = prepareData(1 + 2 * F.length);
- a.setUint8(0, 0);
- for (var b = 0; b < F.length; ++b) a.setUint16(1 + 2 * b, F.charCodeAt(b), true);
- wsSend(a)
+ 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); // flags (0 for now)
+ for (var i = 0; i < str.length; ++i) {
+ msg.setUint16(offset, str.charCodeAt(i), true);
+ offset += 2;
+ }
+
+ wsSend(msg);
+ //console.log(msg);
}
}
@@ -372,11 +762,11 @@
return null != ws && ws.readyState == ws.OPEN
}
- function D(a) {
+ function sendUint8(a) {
if (wsIsOpen()) {
- var b = prepareData(1);
- b.setUint8(0, a);
- wsSend(b)
+ var msg = prepareData(1);
+ msg.setUint8(0, a);
+ wsSend(msg)
}
}
@@ -385,61 +775,90 @@
wHandle.requestAnimationFrame(redrawGameScene)
}
+
function canvasResize() {
- r = wHandle.innerWidth;
- s = wHandle.innerHeight;
- nCanvas.width = Canvas.width = r;
- nCanvas.height = Canvas.height = s;
+ 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 a;
- a = 1 * Math.max(s / 1080, r / 1920);
- return a *= zoom
+ var ratio;
+ ratio = Math.max(canvasHeight / 1080, canvasWidth / 1920);
+ return ratio * zoom;
}
- function bb() {
- if (0 != n.length) {
- for (var a = 0, b = 0; b < n.length; b++) a += n[b].size;
- a = Math.pow(Math.min(64 / a, 1), .4) * viewRange();
- k = (9 * k + a) / 10
+ 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
}
}
function drawGameScene() {
- var a, b = Date.now();
+ var a, oldtime = Date.now();
++cb;
- H = b;
- if (0 < n.length) {
- bb();
- for (var c =
- a = 0, d = 0; d < n.length; d++) n[d].updatePos(), a += n[d].x / n.length, c += n[d].y / n.length;
- Q = a;
- R = c;
- S = k;
- t = (t + a) / 2;
- u = (u + c) / 2
- } else t = (29 * t + Q) / 30, u = (29 * u + R) / 30, k = (9 * k + S * viewRange()) / 10;
- Ua();
- oa();
- xa || ctx.clearRect(0, 0, r, s);
- xa ? (ctx.fillStyle = showDarkTheme ? "#111111" : "#F2FBFF", ctx.globalAlpha = .05, ctx.fillRect(0, 0, r, s), ctx.globalAlpha = 1) : drawGrid();
- v.sort(function(a, b) {
+ timestamp = oldtime;
+ if (0 < playerCells.length) {
+ calcViewZoom();
+ var c = a = 0;
+ for (var d = 0; d < playerCells.length; d++) {
+ playerCells[d].updatePos();
+ a += playerCells[d].x / playerCells.length;
+ c += playerCells[d].y / playerCells.length;
+ }
+ posX = a;
+ posY = c;
+ posSize = viewZoom;
+ nodeX = (nodeX + a) / 2;
+ nodeY = (nodeY + c) / 2
+ } 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(r / 2, s / 2);
- ctx.scale(k, k);
- ctx.translate(-t, -u);
+ 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 < v.length; d++) v[d].drawOneCell(ctx);
+ for (d = 0; d < nodelist.length; d++) nodelist[d].drawOneCell(ctx);
//console.log(Cells.length);
- if (ta) {
- ca = (3 * ca + ra) /
+ if (drawLine) {
+ drawLineX = (3 * drawLineX + lineX) /
4;
- da = (3 * da + sa) / 4;
+ drawLineY = (3 * drawLineY + lineY) / 4;
ctx.save();
ctx.strokeStyle = "#FFAAAA";
ctx.lineWidth = 10;
@@ -447,625 +866,883 @@
ctx.lineJoin = "round";
ctx.globalAlpha = .5;
ctx.beginPath();
- for (d = 0; d < n.length; d++) ctx.moveTo(n[d].x, n[d].y), ctx.lineTo(ca, da);
+ 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();
- Canvas && Canvas.width && ctx.drawImage(Canvas, r - Canvas.width - 10, 10);
- J = Math.max(J, eb());
- 0 != J && (null == ja && (ja = new ka(24, "#FFFFFF")), ja.u("Score: " + ~~(J / 100)), c = ja.H(), a = c.width, ctx.globalAlpha = .2, ctx.fillStyle = "#000000", ctx.fillRect(10, s - 10 - 24 - 10, a + 10, 34), ctx.globalAlpha = 1, ctx.drawImage(c, 15, s - 10 - 24 - 5));
- drawSplitIcon();
- b = Date.now() - b;
- b > 1E3 / 60 ? z -= .01 : b < 1E3 / 65 && (z += .01);.4 > z && (z = .4);
+ lbCanvas && lbCanvas.width && ctx.drawImage(lbCanvas, canvasWidth - lbCanvas.width - 10, 10); // draw Leader Board
+ if (!hideChat)
+ {
+ if ((chatCanvas != null)&&(chatCanvas.width > 0)) ctx.drawImage(chatCanvas, 0, canvasHeight - chatCanvas.height - 50); // draw Chat Board
+ }
+ 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);//canvasHeight - 10 - 24 - 10
+ ctx.globalAlpha = 1;
+ ctx.drawImage(c, 15, 15);//canvasHeight - 10 - 24 - 5
+ }
+ drawSplitIcon(ctx);
+ drawTouch(ctx);
+ //drawChatBoard();
+ 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 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 (0 == this.id) return 16;
+ 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;
}
- delete A[this.id];
- a = n.indexOf(this); - 1 != a && (ua = true, n.splice(a, 1));
- a = G.indexOf(this.id); - 1 != a && G.splice(a, 1);
- this.destroyed = true;
- Cells.push(this)
- },
- getNameSize: function() {
- return Math.max(~~(.3 * this.size), 24)
- },
- setName: function(a) {
- if (this.name = a) null == this.k ? this.k = new ka(this.getNameSize(), "#FFFFFF", true, "#000000") : this.k.J(this.getNameSize()), this.k.u(this.name)
- },
- createPoints: function() {
- for (var a = this.getNumPoints(); this.a.length > a;) {
- var b = ~~ (Math.random() * this.a.length);
- this.a.splice(b, 1);
- this.l.splice(b, 1)
+ });
+ if (!l && points[j].x < leftPos || points[j].y < topPos || points[j].x > rightPos || points[j].y > bottomPos) {
+ l = true;
}
- 0 == this.a.length && 0 < a && (this.a.push({
- S: this,
- e: this.size,
- x: this.x,
- y: this.y
- }), this.l.push(Math.random() - .5));
- for (; this.a.length < a;) {
- var b = ~~ (Math.random() * this.a.length),
- c = this.a[b];
- this.a.splice(b, 0, {
- S: this,
- e: c.e,
- x: c.x,
- y: c.y
- });
- this.l.splice(b, 0, this.l[b])
+ if (l) {
+ if (0 < pointsacc[j]) {
+ (pointsacc[j] = 0);
+ }
+ pointsacc[j] -= 1;
}
- },
- getNumPoints: function() {
- if (0 == this.id) return 16;
- var a = 10;
- 20 > this.size && (a = 0);
- this.isVirus && (a = 30);
- var b = this.size;
- this.isVirus || (b *= k);
- b *= z;
- this.nSize & 32 && (b *= .25);
- return~~ Math.max(b, a)
- },
- movePoints: function() {
- this.createPoints();
- for (var a = this.a, b = this.l, c = a.length, d = 0; d < c; ++d) {
- var e = b[(d - 1 + c) % c],
- m = b[(d + 1) % c];
- b[d] += (Math.random() - .5) * (this.isAgitated ? 3 : 1);
- b[d] *= .7;
- 10 < b[d] && (b[d] = 10); - 10 > b[d] && (b[d] = -10);
- b[d] = (e + m + 8 * b[d]) / 10
+ }
+ 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;
+ ctx.lineCap = "round";
+ ctx.lineJoin = this.isVirus ? "miter" : "round";
+ if (showColor) {
+ ctx.fillStyle = "#FFFFFF";
+ ctx.strokeStyle = "#AAAAAA";
+ } else {
+ ctx.fillStyle = this.color;
+ ctx.strokeStyle = this.color;
+ }
+ if (b) {
+ ctx.beginPath();
+ ctx.arc(this.x, this.y, this.size, 0, 2 * Math.PI, false);
+ }
+ else {
+ this.movePoints();
+ ctx.beginPath();
+ var d = this.getNumPoints();
+ ctx.moveTo(this.points[0].x, this.points[0].y);
+ for (c = 1; c <= d; ++c) {
+ var e = c % d;
+ ctx.lineTo(this.points[e].x, this.points[e].y)
}
- for (var h = this, g = this.isVirus ? 0 : (this.id / 1E3 + H / 1E4) % (2 * Math.PI), d = 0; d < c; ++d) {
- var f = a[d].e,
- e = a[(d - 1 + c) % c].e,
- m = a[(d + 1) % c].e;
- if (15 < this.size && null != M && 20 < this.size * k && 0 != this.id) {
- var l = false,
- n = a[d].x,
- q = a[d].y;
- M.retrieve2(n -
- 5, q - 5, 10, 10, function(a) {
- a.S != h && 25 > (n - a.x) * (n - a.x) + (q - a.y) * (q - a.y) && (l = true)
- });
- !l && (a[d].x < ea || a[d].y < fa || a[d].x > ga || a[d].y > ha) && (l = true);
- l && (0 < b[d] && (b[d] = 0), b[d] -= 1)
+ }
+ ctx.closePath();
+ var skinName = this.name.toLowerCase();
+ if (skinName.indexOf('[') != -1) {
+ var clanStart = skinName.indexOf('[');
+ var clanEnd = skinName.indexOf(']');
+ skinName = skinName.slice(clanStart + 1, clanEnd);
+ //console.log(skinName);
+ }
+
+ if (!this.isAgitated && showSkin && ':teams' != gameMode) {
+ if (-1 != knownNameDict.indexOf(skinName)) {
+ if (!skins.hasOwnProperty(skinName)) {
+ skins[skinName] = new Image;
+ skins[skinName].src = SKIN_URL + skinName + '.png';
+ }
+ if (0 != skins[skinName].width && skins[skinName].complete) {
+ c = skins[skinName];
+ } else {
+ c = null;
}
- f += b[d];
- 0 > f && (f = 0);
- f = this.isAgitated ? (19 * f + this.size) / 20 : (12 * f + this.size) / 13;
- a[d].e = (e + m + 8 * f) / 10;
- e = 2 * Math.PI / c;
- m = this.a[d].e;
- this.isVirus && 0 == d % 2 && (m += 5);
- a[d].x = this.x + Math.cos(e * d + g) * m;
- a[d].y = this.y + Math.sin(e * d + g) * m
+ } else {
+ c = null;
}
- },
- updatePos: function() {
- if (0 == this.id) return 1;
- var a;
- a = (H - 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)
+ } else {
+ c = null;
+ }
+ c = (e = c) ? -1 != ib.indexOf(skinName) : false;
+ b || ctx.stroke();
+ ctx.fill();
+ if (!(null == e || c)) {
+ ctx.save();
+ ctx.clip();
+ ctx.drawImage(e, this.x - this.size, this.y - this.size, 2 * this.size, 2 * this.size);
+ ctx.restore();
+ }
+ if ((showColor || 15 < this.size) && !b) {
+ ctx.strokeStyle = '#000000';
+ ctx.globalAlpha *= .1;
+ ctx.stroke();
+ }
+ ctx.globalAlpha = 1;
+ if (null != e && c) {
+ ctx.drawImage(e, this.x - 2 * this.size, this.y - 2 * this.size, 4 * this.size, 4 * this.size);
+ }
+ 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(skinName))) {
+ ncache = this.nameCache;
+ ncache.setValue(this.name);
+ ncache.setSize(this.getNameSize());
+ var ratio = Math.ceil(10 * viewZoom) / 10;
+ ncache.setScale(ratio);
+ var rnchache = ncache.render(),
+ m = ~~(rnchache.width / ratio),
+ h = ~~(rnchache.height / ratio);
+ ctx.drawImage(rnchache, ~~this.x - ~~(m / 2), b - ~~(h / 2), m, h);
+ b += rnchache.height / 2 / ratio + 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);
+ c.setValue(~~(this.size * this.size / 100));
+ ratio = Math.ceil(10 * viewZoom) / 10;
+ c.setScale(ratio);
+ e = c.render();
+ m = ~~(e.width / ratio);
+ h = ~~(e.height / ratio);
+ 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 = 3;
+ 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)
+ })
}
- this.x = a * (this.F - this.p) + this.p;
- this.y = a * (this.G - this.q) + this.q;
- this.size = b * (this.n - this.o) + this.o;
- return b
+ return false;
},
- shouldRender: function() {
- return 0 == this.id ? true : this.x + this.size + 40 < t - r / 2 / k || this.y + this.size + 40 < u - s / 2 / k || this.x - this.size - 40 > t + r / 2 / k || this.y - this.size - 40 > u + s / 2 / k ? false : true
+ 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)
+ })
+ }
},
- drawOneCell: function(a) {
- if (this.shouldRender()) {
- var b = 0 != this.id && !this.isVirus && !this.isAgitated && .4 > k;
- 5 > this.getNumPoints() && (b = true);
- if (this.wasSimpleDrawing && !b)
- for (var c = 0; c < this.a.length; c++) this.a[c].e = this.size;
- this.wasSimpleDrawing = b;
- a.save();
- this.drawTime = H;
- c = this.updatePos();
- this.destroyed && (a.globalAlpha *= 1 - c);
- a.lineWidth = 10;
- a.lineCap = "round";
- a.lineJoin = this.isVirus ? "miter" : "round";
- showColor ? (a.fillStyle = "#FFFFFF", a.strokeStyle = "#AAAAAA") : (a.fillStyle = this.color, a.strokeStyle = this.color);
- if (b) a.beginPath(), a.arc(this.x, this.y, this.size, 0, 2 * Math.PI, false);
- else {
- this.movePoints();
- a.beginPath();
- var d = this.getNumPoints();
- a.moveTo(this.a[0].x, this.a[0].y);
- for (c = 1; c <= d; ++c) {
- var e = c % d;
- a.lineTo(this.a[e].x, this.a[e].y)
- }
+ 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);
}
- a.closePath();
- d = this.name.toLowerCase();
- !this.isAgitated && showSkin && ":teams" != N ? -1 != knownNameDict.indexOf(d) ? (K.hasOwnProperty(d) || (K[d] = new Image, K[d].src = SKIN_URL + d + ".png"), c = 0 != K[d].width && K[d].complete ? K[d] : null) : c = null : c = null;
- c = (e = c) ? -1 != ib.indexOf(d) : false;
- b || a.stroke();
- a.fill();
- null == e || c || (a.save(), a.clip(), a.drawImage(e, this.x - this.size, this.y - this.size, 2 * this.size, 2 * this.size), a.restore());
- (showColor || 15 < this.size) && !b && (a.strokeStyle = "#000000", a.globalAlpha *= .1, a.stroke());
- a.globalAlpha = 1;
- null != e && c && a.drawImage(e, this.x - 2 * this.size, this.y - 2 * this.size, 4 * this.size, 4 * this.size);
- c = -1 != n.indexOf(this);
- if (0 != this.id) {
- b = ~~this.y;
- if ((showName || c) && this.name && this.k && (null == e || -1 == hb.indexOf(d))) {
- e = this.k;
- e.u(this.name);
- e.J(this.getNameSize());
- d = Math.ceil(10 * k) / 10;
- e.$(d);
- var e = e.H(),
- m = ~~ (e.width / d),
- h = ~~ (e.height / d);
- a.drawImage(e, ~~this.x - ~~(m / 2), b - ~~(h / 2), m, h);
- b += e.height / 2 / d + 4
- }
- showMass && (c || 0 == n.length && (!this.isVirus || this.isAgitated) && 20 < this.size) && (null == this.L && (this.L = new ka(this.getNameSize() / 2, "#FFFFFF", true, "#000000")), c = this.L, c.J(this.getNameSize() / 2), c.u(~~(this.size * this.size / 100)), d = Math.ceil(10 * k) / 10, c.$(d), e = c.H(), m = ~~ (e.width / d), h = ~~ (e.height / d), a.drawImage(e, ~~this.x - ~~(m / 2), b - ~~(h / 2), m, h))
- }
- a.restore()
}
- }
- };
- ka.prototype = {
- w: "",
- P: "#000000",
- R: false,
- s: "#000000",
- r: 16,
- m: null,
- Q: null,
- g: false,
- v: 1,
- J: function(a) {
- this.r != a && (this.r = a, this.g = true)
},
- $: function(a) {
- this.v != a && (this.v = a, this.g = true)
+ 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
},
- setStrokeColor: function(a) {
- this.s != a && (this.s = a, this.g = true)
+ 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
},
- u: function(a) {
- a != this.w && (this.w = a, this.g = true)
+ 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])
},
- H: function() {
- null == this.m && (this.m = document.createElement("canvas"), this.Q = this.m.getContext("2d"));
- if (this.g) {
- this.g = false;
- var a = this.m,
- b = this.Q,
- c = this.w,
- d = this.v,
- e = this.r,
- m = e + "px Ubuntu";
- b.font = m;
- var h = ~~ (.2 * e);
- a.width = (b.measureText(c).width +
- 6) * d;
- a.height = (e + h) * d;
- b.font = m;
- b.scale(d, d);
- b.globalAlpha = 1;
- b.lineWidth = 3;
- b.strokeStyle = this.s;
- b.fillStyle = this.P;
- this.R && b.strokeText(c, 3, e - h / 2);
- b.fillText(c, 3, e - h / 2)
- }
- return this.m
+ clear: function () {
+ for (var a = 0; a < this.nodes.length; a++) this.nodes[a].clear();
+ this.items.length = 0;
+ this.nodes.length = 0
}
};
- 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.f = 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,
- f: 0,
- getNameSize: 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.f && item.y < selector.y + selector.getNameSize) 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) {
- 0 != this.nodes.length ? this.nodes[this.findInsertNode(a)].insert(a) : this.items.length >= c && this.depth < d ? (this.devide(), this.nodes[this.findInsertNode(a)].insert(a)) : this.items.push(a)
- },
- findInsertNode: function(a) {
- return a.x < this.x + this.f / 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.f / 2 && (a.y < this.y + this.h / 2 && b(0) || a.y >= this.y + this.h / 2 && b(2)) || a.x >= this.x + this.f / 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.f / 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,
- f: 0,
- getNameSize: 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.f = c;
- internalSelector.getNameSize = d;
- this.root.retrieve(internalSelector, callback)
- },
- exists: function(a) {
- return this.root.exists(a)
- },
- clear: function() {
- this.root.clear()
- }
- }
- }
+ var internalSelector = {
+ x: 0,
+ y: 0,
+ w: 0,
+ h: 0
};
- wjQuery(function() {
- function a() {
- 0 < n.length && (b.color = n[0].color, b.setName(n[0].name));
- ctx.clearRect(0, 0, 32, 32);
- ctx.save();
- ctx.translate(16, 16);
- ctx.scale(.4, .4);
- b.drawOneCell(ctx);
- ctx.restore();
- var favicon = document.getElementById("favicon"),
- f = favicon.cloneNode(true);
- f.setAttribute("href", Canvas.toDataURL("image/png"));
- favicon.parentNode.replaceChild(f, favicon)
+ 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()
}
- var b = new va(0, 0, 0, 32, "#ED1C24", ""),
- Canvas = document.createElement("canvas");
- Canvas.width = 32;
- Canvas.height = 32;
- var ctx = Canvas.getContext("2d");
- a();
- setInterval(a, 1E3)
- });
- wHandle.onload = gameLoop
+ }
}
- }
+ };
+
+
+
+
+ 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
//console.log(knownNameDict);
})(window, window.jQuery);
diff --git a/split.png b/split.png
new file mode 100644
index 0000000..9fc43a2
Binary files /dev/null and b/split.png differ
diff --git a/test/index.php b/test/index.php
deleted file mode 100644
index 8f0a0f4..0000000
--- a/test/index.php
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/test/test.txt b/test/test.txt
deleted file mode 100644
index 261b9e1..0000000
--- a/test/test.txt
+++ /dev/null
@@ -1 +0,0 @@
-Hello World. Testing!
\ No newline at end of file
diff --git a/untitled.html b/untitled.html
new file mode 100644
index 0000000..67fe991
--- /dev/null
+++ b/untitled.html
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/uploads.html b/uploads.html
new file mode 100644
index 0000000..3bb8723
--- /dev/null
+++ b/uploads.html
@@ -0,0 +1,10 @@
+
+
diff --git a/uploads.php b/uploads.php
new file mode 100644
index 0000000..704f864
--- /dev/null
+++ b/uploads.php
@@ -0,0 +1,63 @@
+ 500000) {
+ echo "Sorry, your file is too large.";
+ $uploadOk = 0;
+}
+// Allow certain file formats
+if($imageFileType != "png" ) {
+ echo "Sorry, only PNG files are allowed.";
+ $uploadOk = 0;
+
+
+}
+
+
+if(preg_match('/^[a-zA-Z0-9-]+$/', $filname_without_ext)) {
+ // .. upload
+} else {
+ echo 'The file "' . $file . '"was not uploaded. The file can only contain "A-Z", "a-z", "0-9" and "-". ';
+ $uploadOk = 0;
+}
+
+
+// Check if $uploadOk is set to 0 by an error
+if ($uploadOk == 0) {
+ echo "Sorry, your file was not uploaded.";
+// if everything is ok, try to upload file
+} else {
+ if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
+ echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
+ } else {
+ echo "Sorry, there was an error uploading your file.";
+ }
+
+
+
+}
+
+echo "Go Back";
+?>