├── game ├── servers.json ├── menu.js └── game2.js ├── assets ├── images │ └── background.png ├── styles │ └── main.css └── scripts │ └── jquery-1.12.4.min.js ├── README.md ├── index.html └── LICENSE /game/servers.json: -------------------------------------------------------------------------------- 1 | [ 2 | "127.0.0.1:8080" 3 | ] 4 | -------------------------------------------------------------------------------- /assets/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devenlil/Bliep.io-Client/HEAD/assets/images/background.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # BliepProject 2 | The Bliep Project is an educational project dedicated to cloning the game Diep.io. 3 | 4 | # Bliep.io Client 5 | This is the javascript game client for the Bliep.io Server. This client will not work with Diep.io! 6 | 7 | ## Work In Progress! 8 | This repository is still a work in progress. 9 | 10 | Please see the [Bliep.io Server repository](https://github.com/devenlil/Bliep.io-Server) for more information. 11 | -------------------------------------------------------------------------------- /assets/styles/main.css: -------------------------------------------------------------------------------- 1 | html, body { 2 | margin: 0; 3 | padding: 0; 4 | color: white; 5 | font-family: 'Ubuntu'; 6 | font-weight: bold; 7 | } 8 | 9 | canvas { 10 | display: block; 11 | } 12 | 13 | #overlay { 14 | /*background: rgba(0, 0, 0, 0.5);*/ 15 | position: fixed; 16 | top: 0; 17 | left: 0; 18 | } 19 | 20 | #header-container { 21 | position: absolute; 22 | text-align: center; 23 | } 24 | 25 | #nick-container { 26 | position: absolute; 27 | } 28 | 29 | #nick-container p { 30 | margin: 0; 31 | text-align: center; 32 | } 33 | 34 | .label { 35 | font-size: 20px; 36 | text-shadow: 37 | -1px -1px 0 #000, 38 | 1px -1px 0 #000, 39 | -1px 1px 0 #000, 40 | 1px 1px 0 #000; 41 | } 42 | 43 | .note { 44 | font-size: 14px; 45 | } 46 | 47 | input[type="text"] { 48 | height: 45px; 49 | width: 385px; 50 | padding: 0px 5px; 51 | border: 5px solid black; 52 | font: bold 45px 'Ubuntu'; 53 | } 54 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bliep Client 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 | 14 |
15 |
16 |

This is the tale of...

17 | 18 |

(press enter to spawn)

19 |
20 |
21 | Your browser is not compatible 22 | with this game. Please upgrade to a browser such as Google Chrome. 23 | 24 | 25 | -------------------------------------------------------------------------------- /game/menu.js: -------------------------------------------------------------------------------- 1 | (function(window) { 2 | 3 | var menuContainer, 4 | headerContainer, 5 | nickContainer, 6 | nickField, 7 | menuBg 8 | menuShown = true; 9 | 10 | function init() { 11 | menuContainer = document.getElementById("overlay"); 12 | headerContainer = document.getElementById("header-container"); 13 | nickContainer = document.getElementById("nick-container"); 14 | nickField = document.getElementById("nick"); 15 | 16 | initGame(); 17 | resize(); 18 | 19 | menuBg = new Image(); 20 | menuBg.onload = function() { 21 | setGameMenuBg(menuBg); 22 | }; 23 | menuBg.src = 'assets/images/background.png'; 24 | } 25 | 26 | function resize() { 27 | menuContainer.style.width = window.innerWidth + "px"; 28 | menuContainer.style.height = window.innerHeight + "px"; 29 | 30 | headerContainer.style.top = ((window.innerHeight / 2) - 300) + "px"; 31 | headerContainer.style.left = ((window.innerWidth / 2) - 50) + "px"; 32 | 33 | nickContainer.style.top = ((window.innerHeight / 2) - 35) + "px"; 34 | nickContainer.style.left = ((window.innerWidth / 2) - 195) + "px"; 35 | resizeGame(); 36 | } 37 | 38 | function onKeyDown(event) { 39 | switch(event.keyCode) { 40 | case 13: // enter key 41 | play(nickField.value); 42 | break; 43 | default: 44 | onMoveKeys(false, event); 45 | break; 46 | } 47 | } 48 | 49 | window.hideMenu = function() { 50 | $(menuContainer).fadeOut('slow', function() { 51 | menuShown = false; 52 | }); 53 | }; 54 | window.showMenu = function() { 55 | menuShown = true; 56 | $(menuContainer).fadeIn('slow'); 57 | }; 58 | window.onload = init; 59 | window.onresize = resize; 60 | window.onkeydown = onKeyDown; 61 | window.onkeyup = function(event) { 62 | onMoveKeys(true, event); 63 | }; 64 | 65 | })(window); 66 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "{}" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright {yyyy} {name of copyright owner} 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /game/game2.js: -------------------------------------------------------------------------------- 1 | (function(window, $) { 2 | 3 | /* Private Variables */ 4 | 5 | var verbose = true, 6 | menuBg = null, 7 | canvas = null, 8 | ctx = null, 9 | region = null, // unused atm 10 | servers = null, 11 | websocket = null, 12 | hearbeat = null, 13 | playing = false, 14 | connecting = false, 15 | connected = false, 16 | loop = null, 17 | worldSize = null, // unused atm (but actually initializes) 18 | myPlayer = {}, 19 | players = [], 20 | foods = [], 21 | projectiles = [], 22 | lprojectiles = []; // locally moving projectiles 23 | 24 | const maxuint32 = 4294967295; // max value a uint32 holds. DO NOT CHANGE!!!!! 25 | 26 | var move = { 27 | 'up': false, 28 | 'left': false, 29 | 'down': false, 30 | 'right': false 31 | }; 32 | 33 | /* Old colors 34 | var friendColor = "#00B4E0", 35 | enemyColor = "#F04F54", 36 | yellowColor = "#FFE66B", 37 | blueColor = "#758EFA", 38 | redColor = "#FA7575", 39 | stuffFill = "#999999", 40 | stuffOutline = "#545454", 41 | outlineWidth = 4;*/ 42 | 43 | var friendColor = "#00B4E0", 44 | friendOutline = "#0085A6", 45 | enemyColor = "#F04F54", 46 | enemyOutline = "#B33B3F", 47 | yellowColor = "#FFE66B", 48 | yellowOutline = "#BDAA4D", 49 | blueColor = "#758EFA", 50 | blueOutline = "#596BBD", 51 | redColor = "#FA7575", 52 | redOutline = "#BD5959", 53 | stuffFill = "#999999", 54 | stuffOutline = "#707070", 55 | outlineWidth = 4; 56 | 57 | /* Game Constants */ 58 | 59 | const SQUARE_SIZE = 40, 60 | TRIANGLE_SIZE = 40, 61 | PENTAGON_SIZE = 43; 62 | 63 | const SQUARE_FOOD = 0, 64 | TRIANGLE_FOOD = 1, 65 | PENTAGON_FOOD = 2; 66 | 67 | /* Game Functions */ 68 | 69 | function render() { 70 | // Rendering Code 71 | ctx.clearRect(0, 0, canvas.width, canvas.height); 72 | 73 | if (!isConnected()) { 74 | if (menuBg) { 75 | 76 | // Image 77 | var offsetY = 40; 78 | var width = canvas.height*(menuBg.width/menuBg.height); 79 | var height = canvas.height+offsetY; 80 | if (canvas.width > width) { 81 | width = canvas.width; 82 | height = canvas.width*(menuBg.height/menuBg.width); 83 | } 84 | ctx.drawImage(menuBg, 0, -offsetY, width, height); 85 | 86 | // Darken 87 | ctx.globalAlpha = 0.5; 88 | ctx.fillStyle = '#000'; 89 | ctx.fillRect(0, 0, canvas.width, canvas.height); 90 | ctx.globalAlpha = 1; //reset 91 | 92 | ctx.save(); 93 | ctx.lineWidth = 10; 94 | ctx.font = "bold 60px Ubuntu"; 95 | ctx.fillStyle = '#fff'; 96 | ctx.strokeStyle = '#000'; 97 | var title = "Bliep.io", 98 | titleX = (canvas.width/2)-(ctx.measureText(title).width/2), 99 | titleY = canvas.height/4; 100 | ctx.strokeText(title, titleX, titleY); 101 | ctx.fillText(title, titleX, titleY); 102 | ctx.restore(); 103 | } 104 | if (!menuShown) { 105 | showMenu(); 106 | } 107 | return; 108 | } 109 | 110 | // lowest layer 111 | drawBackground(); 112 | 113 | ctx.translate((canvas.width/2.0) - myPlayer.position.x, (canvas.height/2.0) - myPlayer.position.y); 114 | drawGrid(); 115 | drawFoods(); 116 | drawProjectiles(); 117 | drawMyPlayer(); 118 | drawPlayers(); 119 | ctx.translate(-((canvas.width/2.0) - myPlayer.position.x), -((canvas.height/2.0) - myPlayer.position.y)); 120 | drawInterface(); 121 | // highest layer 122 | } 123 | 124 | function drawBackground() { 125 | ctx.fillStyle = '#B8B8B8'; 126 | ctx.fillRect(0, 0, canvas.width, canvas.height); 127 | } 128 | 129 | function drawGrid() { 130 | // Grid and bg color 131 | ctx.fillStyle = '#CCCCCC'; 132 | ctx.fillRect(0, 0, worldSize, worldSize); 133 | 134 | ctx.strokeStyle = '#C2C2C2'; 135 | ctx.lineWidth = 1; 136 | 137 | for (var x = 0; x < worldSize; x += 25) { 138 | ctx.beginPath(); 139 | ctx.moveTo(x, 0); 140 | ctx.lineTo(x, worldSize); 141 | ctx.stroke(); 142 | } 143 | for (var y = 0; y < worldSize; y += 25) { 144 | ctx.beginPath(); 145 | ctx.moveTo(0, y); 146 | ctx.lineTo(worldSize, y); 147 | ctx.stroke(); 148 | } 149 | } 150 | 151 | function drawFoods() { 152 | ctx.save(); 153 | //ctx.strokeStyle = stuffOutline; // no more. now outline is just darker shade of fill 154 | ctx.lineWidth = outlineWidth; 155 | for (var i = 0; i < foods.length; i++) { 156 | //log("Drawing food (" + food.type + ") at (" + food.position.x + ", " + food.position.y + ")"); 157 | var r1 = Math.random()*0.25, r2 = Math.random()*0.25; 158 | if (foods[i].xPlus && Math.abs((foods[i].position.x+r1) - foods[i].position.originalX) > 20) { 159 | foods[i].xPlus = false; 160 | } else if (!foods[i].xPlus && Math.abs((foods[i].position.x-r1) - foods[i].position.originalX) > 20) { 161 | foods[i].xPlus = true; 162 | } 163 | if (foods[i].yPlus && Math.abs((foods[i].position.y+r2) - foods[i].position.originalY) > 20) { 164 | foods[i].yPlus = false; 165 | } else if (!foods[i].yPlus && Math.abs((foods[i].position.y-r2) - foods[i].position.originalY) > 20) { 166 | foods[i].yPlus = true; 167 | } 168 | if (foods[i].xPlus) { 169 | foods[i].position.x += r1; 170 | } else { 171 | foods[i].position.x -= r1; 172 | } 173 | if (foods[i].yPlus) { 174 | foods[i].position.y += r2; 175 | } else { 176 | foods[i].position.y -= r2; 177 | } 178 | 179 | var foodFill; 180 | var foodOutline; 181 | ctx.beginPath(); 182 | switch (foods[i].type) { 183 | case SQUARE_FOOD: 184 | foodFill = yellowColor; 185 | foodOutline = yellowOutline; 186 | ctx.rect(foods[i].position.x, foods[i].position.y, SQUARE_SIZE, SQUARE_SIZE); 187 | break; 188 | case TRIANGLE_FOOD: 189 | foodFill = redColor; 190 | foodOutline = redOutline; 191 | ctx.beginPath(); 192 | ctx.moveTo(foods[i].position.x, foods[i].position.y); 193 | ctx.lineTo(foods[i].position.x + (TRIANGLE_SIZE/2.0), foods[i].position.y); 194 | ctx.lineTo(foods[i].position.x, foods[i].position.y - (0.9*TRIANGLE_SIZE)); 195 | ctx.lineTo(foods[i].position.x - (TRIANGLE_SIZE/2.0), foods[i].position.y); 196 | break; 197 | case PENTAGON_FOOD: 198 | foodFill = blueColor; 199 | foodOutline = blueOutline; 200 | ctx.beginPath(); 201 | ctx.moveTo(foods[i].position.x, foods[i].position.y); 202 | ctx.lineTo(foods[i].position.x + PENTAGON_SIZE, foods[i].position.y); 203 | ctx.lineTo(foods[i].position.x + PENTAGON_SIZE + 18, foods[i].position.y - PENTAGON_SIZE); 204 | ctx.lineTo(foods[i].position.x + (PENTAGON_SIZE/2.0), foods[i].position.y - (1.75*PENTAGON_SIZE)); 205 | ctx.lineTo(foods[i].position.x - 18, foods[i].position.y - PENTAGON_SIZE); 206 | break; 207 | default: 208 | log("Unknown Food Type Received!"); 209 | continue; 210 | } 211 | ctx.closePath(); 212 | ctx.fillStyle = foodFill; 213 | ctx.strokeStyle = foodOutline; 214 | ctx.fill(); 215 | ctx.stroke(); 216 | } 217 | ctx.restore(); 218 | } 219 | 220 | function drawMyPlayer() { 221 | var position = { 222 | 'x': myPlayer.position.x, 223 | 'y': myPlayer.position.y 224 | }; 225 | 226 | drawTank(myPlayer.tank, calcTankSizes(myPlayer), position, 227 | myPlayer.aim, true); 228 | } 229 | 230 | function drawPlayers() { 231 | players.forEach(function(player) { 232 | // Check if player's position has initialized (happens after packet 25) 233 | if (typeof player.position == "undefined") { 234 | return; 235 | } 236 | drawTank(player.tank, calcTankSizes(player), player.position, 237 | player.aim, false); 238 | drawPlayerTankInfo(player); 239 | }); 240 | } 241 | 242 | function drawProjectiles() { 243 | /* Server Projectiles (no longer used) 244 | * Bullet coordinates are sent from server 245 | */ 246 | projectiles.forEach(function(projectile) { 247 | switch(projectile.type) { 248 | case 1: 249 | drawBullet(projectile.position, projectile.isMine); 250 | break; 251 | } 252 | }.bind(this)); 253 | 254 | /* Local projectiles 255 | * Bullet coordinates are calculated locally. 256 | */ 257 | lprojectiles.forEach(function(projectile, index) { 258 | if (projectile.life <= 0) { 259 | this.slice(index, 1); 260 | return; 261 | } 262 | 263 | switch(projectile.type) { 264 | case 1: 265 | drawBullet(projectile.position, ((projectile.ownerId == 0) ? true : false), 266 | projectile.life); 267 | var elapsed = Date.now() - projectile.lastUpdated; 268 | projectile.position.x += (projectile.velocity.x * elapsed); 269 | projectile.position.y += (projectile.velocity.y * elapsed); 270 | projectile.life -= elapsed; 271 | projectile.lastUpdated = Date.now(); 272 | } 273 | }.bind(lprojectiles)); 274 | } 275 | 276 | function drawBullet(position, isMine, life) { 277 | ctx.save(); 278 | 279 | var bulletRadius = 12; // [TODO] what about different sizes of bullets?? 280 | if (typeof life == "number" && life < 150 && life >= 0) { 281 | ctx.globalAlpha = life/150; 282 | bulletRadius += ((150-life)*0.5)/bulletRadius; 283 | } 284 | ctx.beginPath(); 285 | ctx.arc(position.x, position.y, bulletRadius, 0, 2*Math.PI); 286 | ctx.closePath(); 287 | /*ctx.fillStyle = (isMine) ? friendColor : enemyColor; 288 | ctx.strokeStyle = stuffOutline;*/ 289 | if (isMine) { 290 | ctx.fillStyle = friendColor; 291 | ctx.strokeStyle = friendOutline; 292 | } else { 293 | ctx.fillStyle = enemyColor; 294 | ctx.strokeStyle = enemyOutline; 295 | } 296 | ctx.lineWidth = outlineWidth; 297 | ctx.fill(); 298 | ctx.stroke(); 299 | 300 | ctx.restore(); 301 | } 302 | 303 | function drawTank(type, sizes, position, aimAngle, isMine) { 304 | if (typeof position == 'undefined' || 305 | typeof aimAngle == 'undefined') { 306 | return; 307 | } 308 | if (typeof isMine != 'boolean') { 309 | isMine = false; 310 | } 311 | 312 | ctx.save(); 313 | 314 | ctx.translate(position.x, position.y); 315 | ctx.rotate(aimAngle); 316 | ctx.translate(-(position.x), -(position.y)); 317 | ctx.fillStyle = stuffFill; 318 | ctx.strokeStyle = stuffOutline; 319 | ctx.lineWidth = outlineWidth; 320 | roundRect(ctx, position.x+(0.5*sizes.radius), position.y-(0.4*sizes.radius), 321 | 36.0+sizes.gunOffset, 22, 0.5, true, true); 322 | 323 | // Body 324 | ctx.beginPath(); 325 | ctx.arc(position.x, position.y, sizes.radius, 0, 2*Math.PI); 326 | ctx.closePath(); 327 | if (isMine) { 328 | ctx.fillStyle = friendColor; 329 | ctx.strokeStyle = friendOutline; 330 | } else { 331 | ctx.fillStyle = enemyColor; 332 | ctx.strokeStyle = enemyOutline; 333 | } 334 | ctx.fill(); 335 | ctx.stroke(); 336 | 337 | ctx.restore(); 338 | } 339 | 340 | function drawPlayerTankInfo(player) { 341 | var r = calcTankSizes(player).radius; 342 | var x, 343 | y = (player.position.y - r); 344 | 345 | ctx.save(); 346 | ctx.fillStyle = '#fff'; 347 | ctx.strokeStyle = '#545454'; 348 | 349 | // Score 350 | if (player.score > 0) { 351 | ctx.lineWidth = 3; 352 | ctx.font = "bold 12px Ubuntu"; 353 | x = player.position.x - (ctx.measureText(player.score).width / 2); 354 | y -= 8; 355 | ctx.strokeText(player.score, x, y); 356 | ctx.fillText(player.score, x, y); 357 | 358 | y -= 8; 359 | } 360 | 361 | // Name 362 | ctx.lineWidth = 4; 363 | ctx.font = "bold 19px Ubuntu"; 364 | x = player.position.x - (ctx.measureText(player.name).width / 2); 365 | y -= 5; 366 | ctx.strokeText(player.name, x, y); 367 | ctx.fillText(player.name, x, y); 368 | 369 | ctx.restore(); 370 | } 371 | 372 | function drawInterface() { 373 | ctx.globalAlpha = 0.9; 374 | 375 | var x,y; 376 | // Name 377 | var nick = myPlayer.name; 378 | ctx.save(); 379 | ctx.fillStyle = '#fff'; 380 | ctx.strokeStyle = '#292929'; 381 | ctx.lineWidth = 8; 382 | ctx.font = "bold 40px Ubuntu"; 383 | x = (canvas.width / 2) - (ctx.measureText(nick).width / 2); 384 | y = canvas.height - 75; 385 | ctx.strokeText(nick, x, y); 386 | ctx.fillText(nick, x, y); 387 | 388 | // Score box 389 | ctx.beginPath(); 390 | ctx.moveTo((canvas.width/2)-(310/2), canvas.height-65); 391 | ctx.lineTo((canvas.width/2)+(310/2), canvas.height-65); 392 | ctx.quadraticCurveTo((canvas.width/2)+(330/2), canvas.height-(65-(18/2)), 393 | (canvas.width/2)+(310/2), canvas.height-(65-18)); 394 | ctx.lineTo((canvas.width/2)-(310/2), canvas.height-(65-18)); 395 | ctx.quadraticCurveTo((canvas.width/2)-(330/2), canvas.height-(65-(18/2)), 396 | (canvas.width/2)-(310/2), canvas.height-65); 397 | ctx.fillStyle = '#292929'; 398 | ctx.fill(); 399 | // Score Progress Bar [max = 326, min = 26] 400 | // Player score range [min = 0, max = 150000] 401 | var scoreProgress = (myPlayer.score > 150000) ? 150000 : myPlayer.score; 402 | var lengthScale = (326 - 26) / (150000 - 0); 403 | var length = (scoreProgress * lengthScale) + 26; 404 | ctx.beginPath(); 405 | ctx.moveTo((canvas.width/2)-(306/2), canvas.height-63); 406 | ctx.lineTo((canvas.width/2)-(306/2)+(length-20), canvas.height-63); 407 | ctx.quadraticCurveTo((canvas.width/2)-(326/2)+length, canvas.height-(63-(14/2)), 408 | (canvas.width/2)-(306/2)+(length-20), canvas.height-(63-14)); 409 | ctx.lineTo((canvas.width/2)-(306/2), canvas.height-(63-14)); 410 | ctx.quadraticCurveTo((canvas.width/2)-(326/2), canvas.height-(63-(14/2)), 411 | (canvas.width/2)-(306/2), canvas.height-63); 412 | ctx.fillStyle = '#0ffcb1'; 413 | ctx.fill(); 414 | // Score box text 415 | ctx.fillStyle = '#fff'; 416 | ctx.font = "bold 12px Ubuntu"; 417 | ctx.lineWidth = 2; 418 | var scoreTxt = "Score: " + myPlayer.score.toLocaleString(), 419 | scoreX = (canvas.width/2)-(ctx.measureText(scoreTxt).width/2), 420 | scoreY = canvas.height-(59-(14/2)); 421 | ctx.strokeText(scoreTxt, scoreX, scoreY); 422 | ctx.fillText(scoreTxt, scoreX, scoreY); 423 | 424 | // Level box 425 | ctx.beginPath(); 426 | ctx.moveTo((canvas.width/2)-(320/2), canvas.height-45); 427 | ctx.lineTo((canvas.width/2)+(320/2), canvas.height-45); 428 | ctx.quadraticCurveTo((canvas.width/2)+(340/2), canvas.height-(45-(18/2)), 429 | (canvas.width/2)+(320/2), canvas.height-(45-18)); 430 | ctx.lineTo((canvas.width/2)-(320/2), canvas.height-(45-18)); 431 | ctx.quadraticCurveTo((canvas.width/2)-(340/2), canvas.height-(45-(18/2)), 432 | (canvas.width/2)-(320/2), canvas.height-45); 433 | ctx.fillStyle = '#292929'; 434 | ctx.fill(); 435 | // Level box fill 436 | var length = ((myPlayer.score*300)/50000)+26; // max = 326, min = 26 437 | // [TODO] adjust length based on player score and top player's score 438 | ctx.beginPath(); 439 | ctx.moveTo((canvas.width/2)-(316/2), canvas.height-43); 440 | ctx.lineTo((canvas.width/2)-(316/2)+(length-20), canvas.height-43); 441 | ctx.quadraticCurveTo((canvas.width/2)-(336/2)+length, canvas.height-(43-(14/2)), 442 | (canvas.width/2)-(316/2)+(length-20), canvas.height-(43-14)); 443 | ctx.lineTo((canvas.width/2)-(316/2), canvas.height-(43-14)); 444 | ctx.quadraticCurveTo((canvas.width/2)-(336/2), canvas.height-(43-(14/2)), 445 | (canvas.width/2)-(316/2), canvas.height-43); 446 | ctx.fillStyle = '#fce156'; 447 | ctx.fill(); 448 | // Level box text 449 | ctx.fillStyle = '#fff'; 450 | ctx.font = "bold 12px Ubuntu"; 451 | ctx.lineWidth = 2; 452 | var levelTxt = "Level: " + myPlayer.score.toLocaleString(), 453 | levelX = (canvas.width/2)-(ctx.measureText(scoreTxt).width/2), 454 | levelY = canvas.height-(39-(14/2)); 455 | ctx.strokeText(levelTxt, levelX, levelY); 456 | ctx.fillText(levelTxt, levelX, levelY); 457 | 458 | ctx.restore(); 459 | ctx.globalAlpha = 1; 460 | } 461 | 462 | function update() { 463 | 464 | render(); 465 | 466 | loop = requestAnimFrame(update); 467 | } 468 | 469 | function calcTankSizes(player) { 470 | // [TODO] calculate the level from the player's score 471 | var level = 1; 472 | 473 | var gunOffset = 0; 474 | if (player.lastBullet != 0) { 475 | var timeSinceLastBullet = Date.now() - player.lastBullet; 476 | var animLength = 250; 477 | if (timeSinceLastBullet >= animLength) { 478 | // Animation done 479 | player.lastBullet = 0; 480 | } else if (timeSinceLastBullet < animLength/2) { 481 | // Gun Shrinking 482 | gunOffset = -timeSinceLastBullet/50; 483 | } else { 484 | // Gun Expanding 485 | gunOffset = (-(animLength/2)/50)+((timeSinceLastBullet-(animLength/2))/50); 486 | } 487 | } 488 | 489 | var obj = { 490 | 'radius': (27 + (level/5.0)), 491 | 'gunOffset': (level/5.0) + gunOffset, 492 | 'level': 1 493 | }; 494 | return obj; 495 | } 496 | 497 | function aimTowards(x, y) { 498 | //goTowards(event.clientX-(canvas.width/2), (canvas.height/2)-event.clientY); 499 | var angle = Math.atan(y/x); 500 | if (x < 0) { 501 | angle += Math.PI; 502 | } else if (y < 0) { 503 | angle += (2*Math.PI); 504 | } 505 | myPlayer.aim = angle; 506 | angle = angle * (180.0 / Math.PI); // to degrees 507 | 508 | var buffer = new ArrayBuffer(3); 509 | var data = new DataView(buffer); 510 | data.setUint8(0, 50); // packet id 511 | data.setUint16(1, angle); // mouse angle 512 | sendSafe(buffer); 513 | } 514 | 515 | // Draws rounded rectangle on canvas 516 | function roundRect(ctx, x, y, width, height, radius, fill, stroke) { 517 | if (typeof stroke == 'undefined') { 518 | stroke = true; 519 | } 520 | if (typeof radius === 'undefined') { 521 | radius = 5; 522 | } 523 | if (typeof radius === 'number') { 524 | radius = {tl: radius, tr: radius, br: radius, bl: radius}; 525 | } else { 526 | var defaultRadius = {tl: 0, tr: 0, br: 0, bl: 0}; 527 | for (var side in defaultRadius) { 528 | radius[side] = radius[side] || defaultRadius[side]; 529 | } 530 | } 531 | ctx.beginPath(); 532 | ctx.moveTo(x + radius.tl, y); 533 | ctx.lineTo(x + width - radius.tr, y); 534 | ctx.quadraticCurveTo(x + width, y, x + width, y + radius.tr); 535 | ctx.lineTo(x + width, y + height - radius.br); 536 | ctx.quadraticCurveTo(x + width, y + height, x + width - radius.br, y + height); 537 | ctx.lineTo(x + radius.bl, y + height); 538 | ctx.quadraticCurveTo(x, y + height, x, y + height - radius.bl); 539 | ctx.lineTo(x, y + radius.tl); 540 | ctx.quadraticCurveTo(x, y, x + radius.tl, y); 541 | ctx.closePath(); 542 | if (fill) { 543 | ctx.fill(); 544 | } 545 | if (stroke) { 546 | ctx.stroke(); 547 | } 548 | } 549 | 550 | /* Network Functions */ 551 | 552 | function connect(callback) { 553 | if (isConnected()) // double check 554 | return true; 555 | connecting = true; 556 | var server = findServer(findRegion()); 557 | websocket = new WebSocket('ws://' + server); 558 | websocket.binaryType = 'arraybuffer'; 559 | websocket.onopen = function() { 560 | log("Opened Socket Connection"); 561 | connecting = false; 562 | connected = true; 563 | heartbeat = setInterval(function() { 564 | var buffer = new ArrayBuffer(1); 565 | var data = new DataView(buffer); 566 | data.setUint8(0, 0); 567 | sendSafe(buffer); 568 | }, 1000); 569 | if (typeof callback == 'function') callback(); 570 | }; 571 | websocket.onclose = function(event) { 572 | log("Closed Socket Connection (" + event.code + ")"); 573 | if (heartbeat) { 574 | clearInterval(heartbeat); 575 | } 576 | reset(); 577 | }; 578 | websocket.onerror = function() { 579 | log("Socket Error", true); 580 | reset(); 581 | }; 582 | websocket.onmessage = handleMessage; 583 | } 584 | 585 | function sendSafe(data) { 586 | if (!data) return false; 587 | if (isConnected()) { 588 | websocket.send(data); 589 | return true; 590 | } 591 | return false; 592 | } 593 | 594 | function isConnected() { 595 | if (websocket && websocket.readyState == WebSocket.OPEN) 596 | return true; 597 | return false; 598 | } 599 | 600 | function handleMessage(message) { 601 | if (!(message.data instanceof ArrayBuffer)) { 602 | log('Message from server is not an arraybuffer.'); 603 | return; 604 | } 605 | 606 | message = new DataView(message.data); 607 | var packetId = message.getUint8(0); 608 | 609 | log("Packet from Server: " + packetId); 610 | 611 | switch(packetId) { 612 | case 0: // Handshake Request 613 | worldSize = message.getUint16(1); 614 | var buffer = new ArrayBuffer(2); 615 | var data = new DataView(buffer); 616 | data.setUint8(0, 1); // packet id 617 | data.setUint8(1, 1); // protocol version 618 | sendSafe(buffer); 619 | break; 620 | case 20: // Init Player 621 | var byteOffset = 1; 622 | var playerCount = message.getUint8(byteOffset++); 623 | for (var i = 0; i < playerCount; i++) { 624 | var playerId = message.getUint32(byteOffset); 625 | byteOffset += 4; 626 | 627 | var nick = ""; 628 | for (; message.getUint16(byteOffset) != 0; byteOffset += 2) { 629 | nick += String.fromCharCode(message.getUint16(byteOffset)); 630 | } 631 | byteOffset += 2; // skip end of nick byte 632 | 633 | var score = message.getUint32(byteOffset); 634 | byteOffset += 4; 635 | 636 | var tank = message.getUint8(byteOffset++); 637 | 638 | if (playerId == 0) { 639 | myPlayer.name = nick; 640 | myPlayer.score = score; 641 | myPlayer.tank = tank; 642 | myPlayer.position = {}; 643 | myPlayer.aim = 0; 644 | myPlayer.lastBullet = 0; 645 | if (!loop) { 646 | hideMenu(); 647 | update(); 648 | if (!playing) { 649 | playing = true; 650 | } 651 | } 652 | } else { 653 | // Check if existing player in known players array 654 | var pi = players.findIndex(player => player.id === playerId); 655 | if (pi != -1) { 656 | log("Player Already Initialized. Replacing..."); 657 | players.splice(pi, 1); 658 | } 659 | log("Initializing player: " + playerId); 660 | players.push({ 661 | 'id': playerId, 662 | 'name': nick, 663 | 'score': score, 664 | 'tank': tank, 665 | 'lastBullet': 0 666 | }); 667 | } 668 | } 669 | break; 670 | case 21: // Forget Player(s) 671 | var byteOffset = 1; 672 | var playerCount = message.getUint8(byteOffset++); 673 | for (var i = 0; i < playerCount; i++) { 674 | var playerId = message.getUint32(byteOffset); 675 | byteOffset += 4; 676 | 677 | log("Forgetting player: " + playerId); 678 | 679 | var pi = players.findIndex(player => player.id === playerId); 680 | if (pi != -1) { 681 | players.splice(pi, 1); 682 | } else { 683 | log("Server requested forget player for uninitialized player id."); 684 | } 685 | } 686 | break; 687 | case 25: // Update Player(s) [score & position] 688 | var byteOffset = 1; 689 | var playerCount = message.getUint8(byteOffset++); 690 | var newProjectiles = []; 691 | for (var i = 0; i < playerCount; i++) { 692 | var playerId = message.getUint32(byteOffset); 693 | var player = (playerId == 0) ? myPlayer : { 'id': -1, 'score': -1, 'position': {}, 'aim' : 0 }; 694 | 695 | player.score = message.getUint32(byteOffset+4); 696 | player.position.x = message.getInt32(byteOffset+8); 697 | player.position.y = message.getInt32(byteOffset+12); 698 | byteOffset += 16; 699 | 700 | var isMine = true; 701 | if (player !== myPlayer) { 702 | isMine = false; 703 | // Get aim if network player & convert to radians 704 | player.aim = message.getUint16(byteOffset) * (Math.PI / 180.0); 705 | byteOffset += 2; 706 | 707 | // Find player in memory & update score, position, and rotation 708 | var pi = players.findIndex(player => player.id === playerId); 709 | if (pi == -1) { 710 | log("Warning! Uninitialized Player's Data Received (" + playerId + ")"); 711 | continue; 712 | } 713 | players[pi].score = player.score; 714 | players[pi].position = player.position; 715 | players[pi].aim = player.aim; 716 | } 717 | 718 | // projectiles 719 | var bulletCount = message.getUint8(byteOffset++); 720 | for (var o = 0; o < bulletCount; o++) { 721 | newProjectiles.push({ 722 | 'type': message.getUint8(byteOffset++), 723 | 'position': { 724 | 'x': message.getInt32(byteOffset), 725 | 'y': message.getInt32(byteOffset+4) 726 | }, 727 | 'isMine': isMine 728 | }); 729 | byteOffset += 8; 730 | } 731 | //byteOffset += (bulletCount * 9); 732 | } 733 | projectiles = newProjectiles; 734 | break; 735 | case 30: // Add Food(s) 736 | var byteOffset = 1; 737 | var foodCount = message.getUint16(byteOffset); 738 | byteOffset += 2; 739 | for (var i = 0; i < foodCount; i++) { 740 | var food = { 'type': -1, 'position': {} }; 741 | food.type = message.getUint8(byteOffset++); 742 | food.position.x = food.position.originalX = message.getInt32(byteOffset); 743 | food.position.y = food.position.originalY = message.getInt32(byteOffset+4); 744 | food.xPlus = Boolean(Math.floor(Math.random() * 2)); 745 | food.yPlus = Boolean(Math.floor(Math.random() * 2)); 746 | byteOffset += 8; 747 | var fi = foods.indexOf(food); 748 | if (fi != -1) { 749 | log("Food Already Initialized. Skipping..."); 750 | } else { 751 | foods.push(food); 752 | } 753 | } 754 | break; 755 | case 35: // Spawn Bullet 756 | var byteOffset = 1; 757 | 758 | var serverTime1 = message.getUint16(byteOffset); 759 | byteOffset += 2; 760 | var serverTime2 = message.getUint32(byteOffset); 761 | byteOffset += 4; 762 | var packetReceived = Date.now(); // current time 763 | var serverSentTime = (serverTime1*maxuint32)+serverTime2; 764 | 765 | var bulletCount = message.getUint8(byteOffset++); 766 | for (var i = 0; i < bulletCount; i++) { 767 | // Read all data sent and store in variables 768 | var ownerId = message.getUint8(byteOffset++); 769 | var bulletType = message.getUint8(byteOffset++); 770 | var bulletSpeed = message.getFloat32(byteOffset); 771 | byteOffset += 4; 772 | var bulletAngle = message.getUint16(byteOffset) * (Math.PI / 180.0); 773 | byteOffset += 2; 774 | var bulletStartX = message.getInt32(byteOffset); 775 | byteOffset += 4; 776 | var bulletStartY = message.getInt32(byteOffset); 777 | byteOffset += 4; 778 | var bulletLife = message.getUint16(byteOffset); 779 | byteOffset += 2; 780 | 781 | var velocity = { 782 | 'x': Math.cos(bulletAngle) * bulletSpeed, 783 | 'y': Math.sin(bulletAngle) * bulletSpeed 784 | }; 785 | var elapsed = (Date.now() - packetReceived) + (Date.now() - serverSentTime); 786 | var position = { 787 | 'x': bulletStartX + (elapsed * velocity.x), 788 | 'y': bulletStartY + (elapsed * velocity.y) 789 | }; 790 | lprojectiles.push({ 791 | 'ownerId': ownerId, 792 | 'type': bulletType, 793 | 'velocity': velocity, 794 | 'position': position, 795 | 'life': (bulletLife - elapsed), 796 | 'lastUpdated': Date.now() 797 | }); 798 | if (ownerId == 0) { 799 | myPlayer.lastBullet = Date.now(); 800 | } else { 801 | var pi = players.findIndex(player => player.id === ownerId); 802 | if (pi == -1) { 803 | log("Warning! Uninitialized Player's Bullet Received (" + playerId + ")"); 804 | continue; 805 | } 806 | players[pi].lastBullet = Date.now(); 807 | } 808 | } 809 | break; 810 | default: // Unhandled Packet 811 | log(" - The packet was unhandled.", this.verbose, false); 812 | break; 813 | } 814 | } 815 | 816 | function findServer(region) { 817 | var index = Math.floor(Math.random() * servers.length); 818 | return servers[index]; 819 | } 820 | 821 | function findRegion() { 822 | // [TODO] find a region 823 | return 'US'; 824 | } 825 | 826 | function loadServers(callback) { 827 | $.getJSON("game/servers.json", function(json) { 828 | servers = json; 829 | if (typeof callback == 'function') callback(); 830 | }); 831 | } 832 | 833 | function reset() { 834 | if (isConnected()) { 835 | log("Cannot reset client while connected to server."); 836 | return; 837 | } 838 | cancelRequestAnimFrame(loop); 839 | hearbeat = null, 840 | playing = false, 841 | connecting = false, 842 | connected = false, 843 | loop = null, 844 | worldSize = null, // unused atm (but actually initializes) 845 | myPlayer = {}, 846 | players = [], 847 | foods = []; 848 | render(); 849 | } 850 | 851 | function log(msg, override, prefix) { 852 | if (typeof override != 'boolean') 853 | override = verbose; 854 | if (typeof prefix != 'boolean') 855 | prefix = true; 856 | if (override) { 857 | if (prefix) { 858 | console.log('[BliepClient] ' + msg); 859 | } else { 860 | console.log(msg); 861 | } 862 | } 863 | } 864 | 865 | /* Global Functions */ 866 | 867 | window.initGame = function() { 868 | canvas = document.getElementById('canvas'); 869 | ctx = canvas.getContext('2d'); 870 | region = findRegion(); 871 | loadServers(); 872 | canvas.onmousemove = function(e) { 873 | aimTowards(e.clientX - (canvas.width/2.0), e.clientY - (canvas.height/2.0)); 874 | }; 875 | canvas.onmousedown = function(event) { 876 | var mouseBtn = event.which || event.button; 877 | if (mouseBtn == 1) { // left click 878 | onShootKeys(1); 879 | } 880 | }; 881 | canvas.onmouseup = function(event) { 882 | var mouseBtn = event.which || event.button; 883 | if (mouseBtn == 1) { // left click 884 | onShootKeys(0); 885 | } 886 | }; 887 | }; 888 | 889 | window.resizeGame = function() { 890 | canvas.width = window.innerWidth; 891 | canvas.height = window.innerHeight; 892 | render(); 893 | }; 894 | 895 | window.setGameMenuBg = function(image) { 896 | if (image instanceof Image) { 897 | menuBg = image; 898 | render(); 899 | return true; 900 | } else { 901 | return false; 902 | } 903 | }; 904 | 905 | window.play = function(name) { 906 | if (playing || connecting) return; 907 | 908 | if (typeof name != 'string') name = ""; 909 | 910 | // Clean & Trim Player Name (also done on serverside!) 911 | name = name.trim(); 912 | name = name.substr(0, 15); // max 15 chars 913 | 914 | // Build Packet 915 | var buffer = new ArrayBuffer(3 + (2 * name.length)); 916 | var data = new DataView(buffer); 917 | var byteOffset = 0; 918 | data.setUint8(byteOffset++, 10); 919 | for (var i = 0; i < name.length; i++) { 920 | data.setUint16(byteOffset, name.charCodeAt(i)); 921 | byteOffset += 2; 922 | } 923 | data.setUint16(byteOffset, 0); 924 | byteOffset += 2; 925 | 926 | // Send Play Packet 927 | if (!isConnected()) { 928 | connect(function() { 929 | sendSafe(buffer); 930 | }); 931 | } else { 932 | sendSafe(buffer); 933 | } 934 | }; 935 | 936 | window.onMoveKeys = function(upMode, event) { 937 | if (!playing) { 938 | return; 939 | } 940 | switch(event.keyCode) { 941 | case 87: // w key 942 | move.up = !upMode; 943 | break; 944 | case 65: // a key 945 | move.left = !upMode; 946 | break; 947 | case 83: // s key 948 | move.down = !upMode; 949 | break; 950 | case 68: // d key 951 | move.right = !upMode; 952 | break; 953 | } 954 | 955 | // send packet 956 | var buffer = new ArrayBuffer(5); 957 | var data = new DataView(buffer); 958 | data.setUint8(0, 51); 959 | data.setUint8(1, (move.up ? 1 : 0)); 960 | data.setUint8(2, (move.left ? 1 : 0)); 961 | data.setUint8(3, (move.down ? 1 : 0)); 962 | data.setUint8(4, (move.right ? 1 : 0)); 963 | sendSafe(buffer); 964 | 965 | /* Local Move */ 966 | var angle = -1; 967 | if (move.up && !move.down) { 968 | if (move.left != move.right) { 969 | if (move.left) { 970 | angle = 135; 971 | } else if (move.right) { 972 | angle = 45; 973 | } 974 | } else { 975 | angle = 90; 976 | } 977 | } else if (!move.up && move.down) { 978 | if (move.left != move.right) { 979 | if (move.left) { 980 | angle = 225; 981 | } else if (move.right) { 982 | angle = 315; 983 | } 984 | } else { 985 | angle = 270; 986 | } 987 | } else if (move.left && !move.right) { 988 | angle = 180; 989 | } else if (!move.left && move.right) { 990 | angle = 0; 991 | } 992 | if (angle != -1) { 993 | angle = angle * Math.PI/180; 994 | var velocityX = Math.cos(angle)*5.0; 995 | var velocityY = -Math.sin(angle)*5.0; 996 | 997 | if (myPlayer.position.x + velocityX > worldSize) { 998 | myPlayer.position.x = worldSize; 999 | } else if (myPlayer.position.x + velocityX < 0) { 1000 | myPlayer.position.x = 0; 1001 | } else { 1002 | myPlayer.position.x += velocityX; 1003 | } 1004 | if (myPlayer.position.y + velocityY > worldSize) { 1005 | myPlayer.position.y = worldSize; 1006 | } else if (myPlayer.position.y + velocityY < 0) { 1007 | myPlayer.position.y = 0; 1008 | } else { 1009 | myPlayer.position.y += velocityY; 1010 | } 1011 | } 1012 | }; 1013 | 1014 | window.onShootKeys = function(key) { 1015 | // key: 0 = released, 1 = clicked 1016 | if (key != 0 && key != 1) { 1017 | return; 1018 | } 1019 | // send packet 1020 | var buffer = new ArrayBuffer(2); 1021 | var data = new DataView(buffer); 1022 | data.setUint8(0, 52); 1023 | data.setUint8(1, key); 1024 | sendSafe(buffer); 1025 | }; 1026 | 1027 | window.requestAnimFrame = (function() { 1028 | return window.requestAnimationFrame || 1029 | window.webkitRequestAnimationFrame || 1030 | window.mozRequestAnimationFrame || 1031 | window.oRequestAnimationFrame || 1032 | window.msRequestAnimationFrame || 1033 | function(callback) { 1034 | return window.setTimeout(callback, 1000 / 60); 1035 | }; 1036 | })(); 1037 | 1038 | window.cancelRequestAnimFrame = (function() { 1039 | return window.cancelAnimationFrame || 1040 | window.webkitCancelRequestAnimationFrame || 1041 | window.mozCancelRequestAnimationFrame || 1042 | window.oCancelRequestAnimationFrame || 1043 | window.msCancelRequestAnimationFrame || 1044 | clearTimeout 1045 | })(); 1046 | 1047 | })(window, jQuery); 1048 | -------------------------------------------------------------------------------- /assets/scripts/jquery-1.12.4.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v1.12.4 | (c) jQuery Foundation | jquery.org/license */ 2 | !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=a.document,e=c.slice,f=c.concat,g=c.push,h=c.indexOf,i={},j=i.toString,k=i.hasOwnProperty,l={},m="1.12.4",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return e.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:e.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a){return n.each(this,a)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(e.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor()},push:g,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(n.isPlainObject(c)||(b=n.isArray(c)))?(b?(b=!1,f=a&&n.isArray(a)?a:[]):f=a&&n.isPlainObject(a)?a:{},g[d]=n.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray||function(a){return"array"===n.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){var b=a&&a.toString();return!n.isArray(a)&&b-parseFloat(b)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;try{if(a.constructor&&!k.call(a,"constructor")&&!k.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(!l.ownFirst)for(b in a)return k.call(a,b);for(b in a);return void 0===b||k.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?i[j.call(a)]||"object":typeof a},globalEval:function(b){b&&n.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b){var c,d=0;if(s(a)){for(c=a.length;c>d;d++)if(b.call(a[d],d,a[d])===!1)break}else for(d in a)if(b.call(a[d],d,a[d])===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):g.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(h)return h.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,e,g=0,h=[];if(s(a))for(d=a.length;d>g;g++)e=b(a[g],g,c),null!=e&&h.push(e);else for(g in a)e=b(a[g],g,c),null!=e&&h.push(e);return f.apply([],h)},guid:1,proxy:function(a,b){var c,d,f;return"string"==typeof b&&(f=a[b],b=a,a=f),n.isFunction(a)?(c=e.call(arguments,2),d=function(){return a.apply(b||this,c.concat(e.call(arguments)))},d.guid=a.guid=a.guid||n.guid++,d):void 0},now:function(){return+new Date},support:l}),"function"==typeof Symbol&&(n.fn[Symbol.iterator]=c[Symbol.iterator]),n.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(a,b){i["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=!!a&&"length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ga(),z=ga(),A=ga(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+M+"))|)"+L+"*\\]",O=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+N+")*)|.*)\\)|)",P=new RegExp(L+"+","g"),Q=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),R=new RegExp("^"+L+"*,"+L+"*"),S=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),T=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),U=new RegExp(O),V=new RegExp("^"+M+"$"),W={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M+"|[*])"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},X=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Z=/^[^{]+\{\s*\[native \w/,$=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,_=/[+~]/,aa=/'|\\/g,ba=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),ca=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},da=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(ea){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fa(a,b,d,e){var f,h,j,k,l,o,r,s,w=b&&b.ownerDocument,x=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==x&&9!==x&&11!==x)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==x&&(o=$.exec(a)))if(f=o[1]){if(9===x){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(w&&(j=w.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(o[2])return H.apply(d,b.getElementsByTagName(a)),d;if((f=o[3])&&c.getElementsByClassName&&b.getElementsByClassName)return H.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==x)w=b,s=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(aa,"\\$&"):b.setAttribute("id",k=u),r=g(a),h=r.length,l=V.test(k)?"#"+k:"[id='"+k+"']";while(h--)r[h]=l+" "+qa(r[h]);s=r.join(","),w=_.test(a)&&oa(b.parentNode)||b}if(s)try{return H.apply(d,w.querySelectorAll(s)),d}catch(y){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(Q,"$1"),b,d,e)}function ga(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ha(a){return a[u]=!0,a}function ia(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ja(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function ka(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function la(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function na(a){return ha(function(b){return b=+b,ha(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function oa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=fa.support={},f=fa.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fa.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ia(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ia(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Z.test(n.getElementsByClassName),c.getById=ia(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return"undefined"!=typeof b.getElementsByClassName&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=Z.test(n.querySelectorAll))&&(ia(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ia(function(a){var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Z.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ia(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",O)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Z.test(o.compareDocumentPosition),t=b||Z.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return ka(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?ka(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},fa.matches=function(a,b){return fa(a,null,null,b)},fa.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(T,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fa(b,n,null,[a]).length>0},fa.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fa.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fa.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fa.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fa.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fa.selectors={cacheLength:50,createPseudo:ha,match:W,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ba,ca),a[3]=(a[3]||a[4]||a[5]||"").replace(ba,ca),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fa.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fa.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return W.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&U.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ba,ca).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fa.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(P," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fa.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ha(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ha(function(a){var b=[],c=[],d=h(a.replace(Q,"$1"));return d[u]?ha(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ha(function(a){return function(b){return fa(a,b).length>0}}),contains:ha(function(a){return a=a.replace(ba,ca),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ha(function(a){return V.test(a||"")||fa.error("unsupported lang: "+a),a=a.replace(ba,ca).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Y.test(a.nodeName)},input:function(a){return X.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:na(function(){return[0]}),last:na(function(a,b){return[b-1]}),eq:na(function(a,b,c){return[0>c?c+b:c]}),even:na(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:na(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:na(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:na(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function ra(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j,k=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(j=b[u]||(b[u]={}),i=j[b.uniqueID]||(j[b.uniqueID]={}),(h=i[d])&&h[0]===w&&h[1]===f)return k[2]=h[2];if(i[d]=k,k[2]=a(b,c,g))return!0}}}function sa(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ta(a,b,c){for(var d=0,e=b.length;e>d;d++)fa(a,b[d],c);return c}function ua(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(c&&!c(f,d,e)||(g.push(f),j&&b.push(h)));return g}function va(a,b,c,d,e,f){return d&&!d[u]&&(d=va(d)),e&&!e[u]&&(e=va(e,f)),ha(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ta(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ua(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ua(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ua(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function wa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ra(function(a){return a===b},h,!0),l=ra(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[ra(sa(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return va(i>1&&sa(m),i>1&&qa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(Q,"$1"),c,e>i&&wa(a.slice(i,e)),f>e&&wa(a=a.slice(e)),f>e&&qa(a))}m.push(c)}return sa(m)}function xa(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=F.call(i));u=ua(u)}H.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&fa.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ha(f):f}return h=fa.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xa(e,d)),f.selector=a}return f},i=fa.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ba,ca),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=W.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ba,ca),_.test(j[0].type)&&oa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qa(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,!b||_.test(a)&&oa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ia(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ia(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ja("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ia(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ja("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ia(function(a){return null==a.getAttribute("disabled")})||ja(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fa}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.uniqueSort=n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},v=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},w=n.expr.match.needsContext,x=/^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,y=/^.[^:#\[\.,]*$/;function z(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(y.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return n.inArray(a,b)>-1!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;e>b;b++)if(n.contains(d[b],this))return!0}));for(b=0;e>b;b++)n.find(a,d[b],c);return c=this.pushStack(e>1?n.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(z(this,a||[],!1))},not:function(a){return this.pushStack(z(this,a||[],!0))},is:function(a){return!!z(this,"string"==typeof a&&w.test(a)?n(a):a||[],!1).length}});var A,B=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=n.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||A,"string"==typeof a){if(e="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:B.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),x.test(e[1])&&n.isPlainObject(b))for(e in b)n.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}if(f=d.getElementById(e[2]),f&&f.parentNode){if(f.id!==e[2])return A.find(a);this.length=1,this[0]=f}return this.context=d,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof c.ready?c.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};C.prototype=n.fn,A=n(d);var D=/^(?:parents|prev(?:Until|All))/,E={children:!0,contents:!0,next:!0,prev:!0};n.fn.extend({has:function(a){var b,c=n(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(n.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=w.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?n.inArray(this[0],n(a)):n.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.uniqueSort(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function F(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return u(a,"parentNode")},parentsUntil:function(a,b,c){return u(a,"parentNode",c)},next:function(a){return F(a,"nextSibling")},prev:function(a){return F(a,"previousSibling")},nextAll:function(a){return u(a,"nextSibling")},prevAll:function(a){return u(a,"previousSibling")},nextUntil:function(a,b,c){return u(a,"nextSibling",c)},prevUntil:function(a,b,c){return u(a,"previousSibling",c)},siblings:function(a){return v((a.parentNode||{}).firstChild,a)},children:function(a){return v(a.firstChild)},contents:function(a){return n.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(E[a]||(e=n.uniqueSort(e)),D.test(a)&&(e=e.reverse())),this.pushStack(e)}});var G=/\S+/g;function H(a){var b={};return n.each(a.match(G)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?H(a):n.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),h>=c&&h--}),this},has:function(a){return a?n.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=!0,c||j.disable(),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().progress(c.notify).done(c.resolve).fail(c.reject):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=e.call(arguments),d=c.length,f=1!==d||a&&n.isFunction(a.promise)?d:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?e.call(arguments):d,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(d>1)for(i=new Array(d),j=new Array(d),k=new Array(d);d>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().progress(h(b,j,i)).done(h(b,k,c)).fail(g.reject):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(d,[n]),n.fn.triggerHandler&&(n(d).triggerHandler("ready"),n(d).off("ready"))))}});function J(){d.addEventListener?(d.removeEventListener("DOMContentLoaded",K),a.removeEventListener("load",K)):(d.detachEvent("onreadystatechange",K),a.detachEvent("onload",K))}function K(){(d.addEventListener||"load"===a.event.type||"complete"===d.readyState)&&(J(),n.ready())}n.ready.promise=function(b){if(!I)if(I=n.Deferred(),"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll)a.setTimeout(n.ready);else if(d.addEventListener)d.addEventListener("DOMContentLoaded",K),a.addEventListener("load",K);else{d.attachEvent("onreadystatechange",K),a.attachEvent("onload",K);var c=!1;try{c=null==a.frameElement&&d.documentElement}catch(e){}c&&c.doScroll&&!function f(){if(!n.isReady){try{c.doScroll("left")}catch(b){return a.setTimeout(f,50)}J(),n.ready()}}()}return I.promise(b)},n.ready.promise();var L;for(L in n(l))break;l.ownFirst="0"===L,l.inlineBlockNeedsLayout=!1,n(function(){var a,b,c,e;c=d.getElementsByTagName("body")[0],c&&c.style&&(b=d.createElement("div"),e=d.createElement("div"),e.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(e).appendChild(b),"undefined"!=typeof b.style.zoom&&(b.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",l.inlineBlockNeedsLayout=a=3===b.offsetWidth,a&&(c.style.zoom=1)),c.removeChild(e))}),function(){var a=d.createElement("div");l.deleteExpando=!0;try{delete a.test}catch(b){l.deleteExpando=!1}a=null}();var M=function(a){var b=n.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b},N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(O,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}n.data(a,b,c)}else c=void 0; 3 | }return c}function Q(a){var b;for(b in a)if(("data"!==b||!n.isEmptyObject(a[b]))&&"toJSON"!==b)return!1;return!0}function R(a,b,d,e){if(M(a)){var f,g,h=n.expando,i=a.nodeType,j=i?n.cache:a,k=i?a[h]:a[h]&&h;if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||n.guid++:h),j[k]||(j[k]=i?{}:{toJSON:n.noop}),"object"!=typeof b&&"function"!=typeof b||(e?j[k]=n.extend(j[k],b):j[k].data=n.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[n.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[n.camelCase(b)])):f=g,f}}function S(a,b,c){if(M(a)){var d,e,f=a.nodeType,g=f?n.cache:a,h=f?a[n.expando]:n.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){n.isArray(b)?b=b.concat(n.map(b,n.camelCase)):b in d?b=[b]:(b=n.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!Q(d):!n.isEmptyObject(d))return}(c||(delete g[h].data,Q(g[h])))&&(f?n.cleanData([a],!0):l.deleteExpando||g!=g.window?delete g[h]:g[h]=void 0)}}}n.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?n.cache[a[n.expando]]:a[n.expando],!!a&&!Q(a)},data:function(a,b,c){return R(a,b,c)},removeData:function(a,b){return S(a,b)},_data:function(a,b,c){return R(a,b,c,!0)},_removeData:function(a,b){return S(a,b,!0)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=n.data(f),1===f.nodeType&&!n._data(f,"parsedAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d])));n._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){n.data(this,a)}):arguments.length>1?this.each(function(){n.data(this,a,b)}):f?P(f,a,n.data(f,a)):void 0},removeData:function(a){return this.each(function(){n.removeData(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=n._data(a,b),c&&(!d||n.isArray(c)?d=n._data(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return n._data(a,c)||n._data(a,c,{empty:n.Callbacks("once memory").add(function(){n._removeData(a,b+"queue"),n._removeData(a,c)})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthh;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},Z=/^(?:checkbox|radio)$/i,$=/<([\w:-]+)/,_=/^$|\/(?:java|ecma)script/i,aa=/^\s+/,ba="abbr|article|aside|audio|bdi|canvas|data|datalist|details|dialog|figcaption|figure|footer|header|hgroup|main|mark|meter|nav|output|picture|progress|section|summary|template|time|video";function ca(a){var b=ba.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}!function(){var a=d.createElement("div"),b=d.createDocumentFragment(),c=d.createElement("input");a.innerHTML="
a",l.leadingWhitespace=3===a.firstChild.nodeType,l.tbody=!a.getElementsByTagName("tbody").length,l.htmlSerialize=!!a.getElementsByTagName("link").length,l.html5Clone="<:nav>"!==d.createElement("nav").cloneNode(!0).outerHTML,c.type="checkbox",c.checked=!0,b.appendChild(c),l.appendChecked=c.checked,a.innerHTML="",l.noCloneChecked=!!a.cloneNode(!0).lastChild.defaultValue,b.appendChild(a),c=d.createElement("input"),c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),a.appendChild(c),l.checkClone=a.cloneNode(!0).cloneNode(!0).lastChild.checked,l.noCloneEvent=!!a.addEventListener,a[n.expando]=1,l.attributes=!a.getAttribute(n.expando)}();var da={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:l.htmlSerialize?[0,"",""]:[1,"X
","
"]};da.optgroup=da.option,da.tbody=da.tfoot=da.colgroup=da.caption=da.thead,da.th=da.td;function ea(a,b){var c,d,e=0,f="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||n.nodeName(d,b)?f.push(d):n.merge(f,ea(d,b));return void 0===b||b&&n.nodeName(a,b)?n.merge([a],f):f}function fa(a,b){for(var c,d=0;null!=(c=a[d]);d++)n._data(c,"globalEval",!b||n._data(b[d],"globalEval"))}var ga=/<|&#?\w+;/,ha=/r;r++)if(g=a[r],g||0===g)if("object"===n.type(g))n.merge(q,g.nodeType?[g]:g);else if(ga.test(g)){i=i||p.appendChild(b.createElement("div")),j=($.exec(g)||["",""])[1].toLowerCase(),m=da[j]||da._default,i.innerHTML=m[1]+n.htmlPrefilter(g)+m[2],f=m[0];while(f--)i=i.lastChild;if(!l.leadingWhitespace&&aa.test(g)&&q.push(b.createTextNode(aa.exec(g)[0])),!l.tbody){g="table"!==j||ha.test(g)?""!==m[1]||ha.test(g)?0:i:i.firstChild,f=g&&g.childNodes.length;while(f--)n.nodeName(k=g.childNodes[f],"tbody")&&!k.childNodes.length&&g.removeChild(k)}n.merge(q,i.childNodes),i.textContent="";while(i.firstChild)i.removeChild(i.firstChild);i=p.lastChild}else q.push(b.createTextNode(g));i&&p.removeChild(i),l.appendChecked||n.grep(ea(q,"input"),ia),r=0;while(g=q[r++])if(d&&n.inArray(g,d)>-1)e&&e.push(g);else if(h=n.contains(g.ownerDocument,g),i=ea(p.appendChild(g),"script"),h&&fa(i),c){f=0;while(g=i[f++])_.test(g.type||"")&&c.push(g)}return i=null,p}!function(){var b,c,e=d.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(l[b]=c in a)||(e.setAttribute(c,"t"),l[b]=e.attributes[c].expando===!1);e=null}();var ka=/^(?:input|select|textarea)$/i,la=/^key/,ma=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,na=/^(?:focusinfocus|focusoutblur)$/,oa=/^([^.]*)(?:\.(.+)|)/;function pa(){return!0}function qa(){return!1}function ra(){try{return d.activeElement}catch(a){}}function sa(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)sa(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=qa;else if(!e)return a;return 1===f&&(g=e,e=function(a){return n().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=n.guid++)),a.each(function(){n.event.add(this,b,e,d,c)})}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=n._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=n.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return"undefined"==typeof n||a&&n.event.triggered===a.type?void 0:n.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(G)||[""],h=b.length;while(h--)f=oa.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=n.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=n.event.special[o]||{},l=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},i),(m=g[o])||(m=g[o]=[],m.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,l):m.push(l),n.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=n.hasData(a)&&n._data(a);if(r&&(k=r.events)){b=(b||"").match(G)||[""],j=b.length;while(j--)if(h=oa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=m.length;while(f--)g=m[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(m.splice(f,1),g.selector&&m.delegateCount--,l.remove&&l.remove.call(a,g));i&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(k)&&(delete r.handle,n._removeData(a,"events"))}},trigger:function(b,c,e,f){var g,h,i,j,l,m,o,p=[e||d],q=k.call(b,"type")?b.type:b,r=k.call(b,"namespace")?b.namespace.split("."):[];if(i=m=e=e||d,3!==e.nodeType&&8!==e.nodeType&&!na.test(q+n.event.triggered)&&(q.indexOf(".")>-1&&(r=q.split("."),q=r.shift(),r.sort()),h=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=f?2:3,b.namespace=r.join("."),b.rnamespace=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=e),c=null==c?[b]:n.makeArray(c,[b]),l=n.event.special[q]||{},f||!l.trigger||l.trigger.apply(e,c)!==!1)){if(!f&&!l.noBubble&&!n.isWindow(e)){for(j=l.delegateType||q,na.test(j+q)||(i=i.parentNode);i;i=i.parentNode)p.push(i),m=i;m===(e.ownerDocument||d)&&p.push(m.defaultView||m.parentWindow||a)}o=0;while((i=p[o++])&&!b.isPropagationStopped())b.type=o>1?j:l.bindType||q,g=(n._data(i,"events")||{})[b.type]&&n._data(i,"handle"),g&&g.apply(i,c),g=h&&i[h],g&&g.apply&&M(i)&&(b.result=g.apply(i,c),b.result===!1&&b.preventDefault());if(b.type=q,!f&&!b.isDefaultPrevented()&&(!l._default||l._default.apply(p.pop(),c)===!1)&&M(e)&&h&&e[q]&&!n.isWindow(e)){m=e[h],m&&(e[h]=null),n.event.triggered=q;try{e[q]()}catch(s){}n.event.triggered=void 0,m&&(e[h]=m)}return b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,d,f,g,h=[],i=e.call(arguments),j=(n._data(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())a.rnamespace&&!a.rnamespace.test(g.namespace)||(a.handleObj=g,a.data=g.data,d=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==d&&(a.result=d)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&("click"!==a.type||isNaN(a.button)||a.button<1))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>-1:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h]","i"),va=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:-]+)[^>]*)\/>/gi,wa=/\s*$/g,Aa=ca(d),Ba=Aa.appendChild(d.createElement("div"));function Ca(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function Da(a){return a.type=(null!==n.find.attr(a,"type"))+"/"+a.type,a}function Ea(a){var b=ya.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function Fa(a,b){if(1===b.nodeType&&n.hasData(a)){var c,d,e,f=n._data(a),g=n._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)n.event.add(b,c,h[c][d])}g.data&&(g.data=n.extend({},g.data))}}function Ga(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!l.noCloneEvent&&b[n.expando]){e=n._data(b);for(d in e.events)n.removeEvent(b,d,e.handle);b.removeAttribute(n.expando)}"script"===c&&b.text!==a.text?(Da(b).text=a.text,Ea(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),l.html5Clone&&a.innerHTML&&!n.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&Z.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:"input"!==c&&"textarea"!==c||(b.defaultValue=a.defaultValue)}}function Ha(a,b,c,d){b=f.apply([],b);var e,g,h,i,j,k,m=0,o=a.length,p=o-1,q=b[0],r=n.isFunction(q);if(r||o>1&&"string"==typeof q&&!l.checkClone&&xa.test(q))return a.each(function(e){var f=a.eq(e);r&&(b[0]=q.call(this,e,f.html())),Ha(f,b,c,d)});if(o&&(k=ja(b,a[0].ownerDocument,!1,a,d),e=k.firstChild,1===k.childNodes.length&&(k=e),e||d)){for(i=n.map(ea(k,"script"),Da),h=i.length;o>m;m++)g=k,m!==p&&(g=n.clone(g,!0,!0),h&&n.merge(i,ea(g,"script"))),c.call(a[m],g,m);if(h)for(j=i[i.length-1].ownerDocument,n.map(i,Ea),m=0;h>m;m++)g=i[m],_.test(g.type||"")&&!n._data(g,"globalEval")&&n.contains(j,g)&&(g.src?n._evalUrl&&n._evalUrl(g.src):n.globalEval((g.text||g.textContent||g.innerHTML||"").replace(za,"")));k=e=null}return a}function Ia(a,b,c){for(var d,e=b?n.filter(b,a):a,f=0;null!=(d=e[f]);f++)c||1!==d.nodeType||n.cleanData(ea(d)),d.parentNode&&(c&&n.contains(d.ownerDocument,d)&&fa(ea(d,"script")),d.parentNode.removeChild(d));return a}n.extend({htmlPrefilter:function(a){return a.replace(va,"<$1>")},clone:function(a,b,c){var d,e,f,g,h,i=n.contains(a.ownerDocument,a);if(l.html5Clone||n.isXMLDoc(a)||!ua.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(Ba.innerHTML=a.outerHTML,Ba.removeChild(f=Ba.firstChild)),!(l.noCloneEvent&&l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(d=ea(f),h=ea(a),g=0;null!=(e=h[g]);++g)d[g]&&Ga(e,d[g]);if(b)if(c)for(h=h||ea(a),d=d||ea(f),g=0;null!=(e=h[g]);g++)Fa(e,d[g]);else Fa(a,f);return d=ea(f,"script"),d.length>0&&fa(d,!i&&ea(a,"script")),d=h=e=null,f},cleanData:function(a,b){for(var d,e,f,g,h=0,i=n.expando,j=n.cache,k=l.attributes,m=n.event.special;null!=(d=a[h]);h++)if((b||M(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)m[e]?n.event.remove(d,e):n.removeEvent(d,e,g.handle);j[f]&&(delete j[f],k||"undefined"==typeof d.removeAttribute?d[i]=void 0:d.removeAttribute(i),c.push(f))}}}),n.fn.extend({domManip:Ha,detach:function(a){return Ia(this,a,!0)},remove:function(a){return Ia(this,a)},text:function(a){return Y(this,function(a){return void 0===a?n.text(this):this.empty().append((this[0]&&this[0].ownerDocument||d).createTextNode(a))},null,a,arguments.length)},append:function(){return Ha(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=Ca(this,a);b.appendChild(a)}})},prepend:function(){return Ha(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=Ca(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return Ha(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return Ha(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&n.cleanData(ea(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&n.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return Y(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(ta,""):void 0;if("string"==typeof a&&!wa.test(a)&&(l.htmlSerialize||!ua.test(a))&&(l.leadingWhitespace||!aa.test(a))&&!da[($.exec(a)||["",""])[1].toLowerCase()]){a=n.htmlPrefilter(a);try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(ea(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=[];return Ha(this,arguments,function(b){var c=this.parentNode;n.inArray(this,a)<0&&(n.cleanData(ea(this)),c&&c.replaceChild(b,this))},a)}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=0,e=[],f=n(a),h=f.length-1;h>=d;d++)c=d===h?this:this.clone(!0),n(f[d])[b](c),g.apply(e,c.get());return this.pushStack(e)}});var Ja,Ka={HTML:"block",BODY:"block"};function La(a,b){var c=n(b.createElement(a)).appendTo(b.body),d=n.css(c[0],"display");return c.detach(),d}function Ma(a){var b=d,c=Ka[a];return c||(c=La(a,b),"none"!==c&&c||(Ja=(Ja||n("