API tools faq
paste
catrachin123

Votz

catrachin123
Aug 24th, 2019
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 354.92 KB | None | 0 0
raw download clone embed print report
  1. function init(window, ogario, JQuery) {
  2. window.server = {
  3. host: 'localhost',
  4. port: 8083
  5. }
  6. class Writer {
  7. constructor(size){
  8. this.dataView = new DataView(new ArrayBuffer(size))
  9. this.byteOffset = 0
  10. }
  11. writeUint8(value){
  12. this.dataView.setUint8(this.byteOffset++, value)
  13. }
  14. writeInt32(value){
  15. this.dataView.setInt32(this.byteOffset, value, true)
  16. this.byteOffset += 4
  17. }
  18. writeUint32(value){
  19. this.dataView.setUint32(this.byteOffset, value, true)
  20. this.byteOffset += 4
  21. }
  22. writeString(string){
  23. for(let i = 0; i < string.length; i++) this.writeUint8(string.charCodeAt(i))
  24. this.writeUint8(0)
  25. }
  26. }
  27. window.buffers = {
  28. startBots(url, protocolVersion, clientVersion, userStatus, botsName, botsAmount){
  29. const writer = new Writer(13 + url.length + botsName.length)
  30. writer.writeUint8(0)
  31. writer.writeString(url)
  32. writer.writeUint32(protocolVersion)
  33. writer.writeUint32(clientVersion)
  34. writer.writeUint8(Number(userStatus))
  35. writer.writeString(botsName)
  36. writer.writeUint8(botsAmount)
  37. return writer.dataView.buffer
  38. },
  39. mousePosition(x, y){
  40. const writer = new Writer(9)
  41. writer.writeUint8(6)
  42. writer.writeInt32(x)
  43. writer.writeInt32(y)
  44. return writer.dataView.buffer
  45. }
  46. }
  47. window.connection = {
  48. ws: null,
  49. connect(){
  50. this.ws = new WebSocket(`ws://${window.server.host}:${window.server.port}`)
  51. this.ws.binaryType = 'arraybuffer'
  52. this.ws.onopen = this.onopen.bind(this)
  53. this.ws.onmessage = this.onmessage.bind(this)
  54. this.ws.onclose = this.onclose.bind(this)
  55. },
  56. send(buffer){
  57. if(this.ws && this.ws.readyState === WebSocket.OPEN) this.ws.send(buffer)
  58. },
  59. onopen(){
  60. document.getElementById('userStatus').style.color = '#00C02E'
  61. document.getElementById('userStatus').innerText = 'Connected'
  62. document.getElementById('connect').disabled = true
  63. document.getElementById('startBots').disabled = false
  64. document.getElementById('stopBots').disabled = false
  65. },
  66. onmessage(message){
  67. const dataView = new DataView(message.data)
  68. switch(dataView.getUint8(0)){
  69. case 0:
  70. document.getElementById('startBots').disabled = true
  71. document.getElementById('stopBots').disabled = false
  72. document.getElementById('startBots').style.display = 'none'
  73. document.getElementById('stopBots').style.display = 'inline'
  74. document.getElementById('stopBots').innerText = 'Stop Bots'
  75. window.user.startedBots = true
  76. break
  77. case 1:
  78. document.getElementById('stopBots').disabled = true
  79. document.getElementById('stopBots').innerText = 'Stopping Bots...'
  80. break
  81. case 2:
  82. document.getElementById('botsAI').style.color = '#DA0A00'
  83. document.getElementById('botsAI').innerText = 'Disabled'
  84. document.getElementById('startBots').disabled = false
  85. document.getElementById('stopBots').disabled = true
  86. document.getElementById('startBots').style.display = 'inline'
  87. document.getElementById('stopBots').style.display = 'none'
  88. document.getElementById('stopBots').innerText = 'Stop Bots'
  89. window.user.startedBots = false
  90. window.bots.ai = false
  91. break
  92. case 3:
  93. alert('Your IP has captcha and bots are unable to spawn, change your ip with a VPN or something to one that doesn\'t has captcha in order to use the bots')
  94. break
  95. case 4:
  96. //Connected Bot count = getUint8(1)
  97. //Spawned Bot count = getUint8(2)
  98. //Server player amount = getUint8(3)
  99. $('#botCount').html(`${dataView.getUint8(1)}/${dataView.getUint8(2)}/${window.bots.amount}`)
  100. $('#slots').html(dataView.getUint8(3) + "/250")
  101. break;
  102. }
  103. },
  104. onclose(){
  105. document.getElementById('userStatus').style.color = '#DA0A00'
  106. document.getElementById('userStatus').innerText = 'Disconnected'
  107. document.getElementById('botsAI').style.color = '#DA0A00'
  108. document.getElementById('botsAI').innerText = 'Disabled'
  109. document.getElementById('connect').disabled = false
  110. document.getElementById('startBots').disabled = true
  111. document.getElementById('stopBots').disabled = true
  112. document.getElementById('startBots').style.display = 'inline'
  113. document.getElementById('stopBots').style.display = 'none'
  114. window.user.startedBots = false
  115. window.bots.ai = false
  116. }
  117. }
  118. window.game = {
  119. url: '',
  120. protocolVersion: 0,
  121. clientVersion: 0
  122. }
  123. window.user = {
  124. startedBots: false,
  125. isAlive: false,
  126. mouseX: 0,
  127. mouseY: 0,
  128. offsetX: 0,
  129. offsetY: 0,
  130. macroFeedInterval: null
  131. }
  132. window.bots = {
  133. name: '',
  134. amount: 0,
  135. ai: false
  136. }
  137. const displayText = {
  138. pl: {
  139. start: `Start`,
  140. settings: `Ustawienia`,
  141. restoreSettings: `Przywróc ustawienia domyślne`,
  142. animationGroup: `Animacja`,
  143. zoomGroup: `Zoom`,
  144. respGroup: `Odrodzenie`,
  145. namesGroup: 'Nazwy',
  146. massGroup: 'Masa',
  147. skinsGroup: `Skiny`,
  148. foodGroup: `Pokarm`,
  149. transparencyGroup: `Przezroczystość / kolory`,
  150. gridGroup: `Siatka / sektory`,
  151. miniMapGroup: `Minimapa`,
  152. helpersGroup: `Wspomagacze`,
  153. mouseGroup: `Sterowanie myszką`,
  154. hudGroup: `HUD`,
  155. chatGroup: `Czat`,
  156. statsGroup: 'Statystyki',
  157. extrasGroup: `Dodatkowe`,
  158. noSkins: `Wyłącz skiny`,
  159. noNames: 'Wyłącz nazwy',
  160. noColors: `Wyłącz kolory`,
  161. showMass: 'Pokaż masę',
  162. skipStats: `Pomiń statystyki po śmierci`,
  163. showQuest: `Pokaż zadanie (quest)`,
  164. autoZoom: `Auto zoom`,
  165. animation: `Opóźnienie animacji`,
  166. zoomSpeedValue: `Szybkość zoomu`,
  167. quickResp: `Szybkie odrodzenie (klawisz)`,
  168. autoResp: 'Auto odrodzenie',
  169. autoHideCellsInfo: `Autoukrywanie nazw i masy`,
  170. autoHideNames: `Autoukrywanie nazw`,
  171. autoHideMass: `Autoukrywanie masy`,
  172. autoHideFood: `Autoukrywanie pokarmu (masa)`,
  173. autoHideFoodOnZoom: `Autoukrywanie pokarmu (zoom)`,
  174. optimizedNames: `Zoptymalizowane nazwy`,
  175. hideMyName: `Ukryj własną nazwę`,
  176. hideTeammatesNames: `Ukryj nazwy graczy teamu`,
  177. optimizedMass: `Zoptymalizowana masa (+/-2%)`,
  178. shortMass: `Skrócona masa (k)`,
  179. virMassShots: `Licznik strzałów (wirusy)`,
  180. hideMyMass: `Ukryj własną masę`,
  181. hideEnemiesMass: 'Ukryj masę przeciwników',
  182. vanillaSkins: `Podstawowe skiny`,
  183. customSkins: 'Własne skiny',
  184. myTransparentSkin: `Mój przezroczysty skin`,
  185. myCustomColor: `Mój własny kolor`,
  186. transparentCells: `Przezroczyste kulki`,
  187. transparentViruses: `Przezroczyste wirusy`,
  188. transparentSkins: 'Przezroczyste skiny',
  189. showGrid: `Siatka`,
  190. showBgSectors: 'Sektory w tle',
  191. showMapBorders: `Granice mapy`,
  192. showGhostCells: `Duchy kulek`,
  193. showMiniMap: `Pokaż minimapę`,
  194. showMiniMapGrid: `Pokaż siatkę minimapy`,
  195. showMiniMapGuides: 'Pokaż prowadnice na minimapie',
  196. showMiniMapGhostCells: `Pokaż duchy kulek na minimapie`,
  197. oneColoredTeammates: `Jednokolorowi gracze`,
  198. optimizedFood: 'Zoptymalizowany pokarm',
  199. rainbowFood: `Kolorowy pokarm`,
  200. oppColors: 'Kolory przeciwników',
  201. oppRings: `Ringi przeciwników`,
  202. virColors: `Kolory wirusów`,
  203. splitRange: `Zasięg podziału`,
  204. virusesRange: `Zasięg wirusów`,
  205. textStroke: `Obwódki nazw i masy`,
  206. namesStroke: `Obwódki nazw`,
  207. massStroke: `Obwódki masy`,
  208. cursorTracking: 'Śledzenie kursora',
  209. teammatesInd: `Wskaźniki graczy teamu`,
  210. mouseSplit: `LPM - Split myszką`,
  211. mouseFeed: `PPM - Feed myszką`,
  212. mouseInvert: `Odwróć klawisze myszki`,
  213. disableChat: `Wyłącz czat`,
  214. hideChat: `Ukryj czat`,
  215. chatSounds: 'Powiadomienia dźwiękowe',
  216. chatEmoticons: `Emotikony`,
  217. showChatImages: 'Pokaż obrazki na czacie',
  218. showChatVideos: 'Pokaż filmiki na czacie',
  219. showChatBox: `Czatbox zamiast wyskakujących wiadomości`,
  220. messageSound: `Dźwięk powiadomienia o wiadomości`,
  221. commandSound: `Dźwięk powiadomienia o komendzie`,
  222. showTop5: `Pokaż top 5 teamu`,
  223. showTargeting: 'Pokaż namierzanie',
  224. showTime: `Pokaż aktualny czas`,
  225. showLbData: 'Pokaż masę w topce',
  226. normalLb: `Nagłówek "Topka"`,
  227. centeredLb: `Wyśrodkowana topka`,
  228. fpsAtTop: `Statystyki na górze`,
  229. showStats: `Pokaż statystyki`,
  230. showStatsMass: `Statystyki: Masa`,
  231. showStatsSTE: `Statystyki: STE`,
  232. showStatsN16: `Statystyki: n/16`,
  233. showStatsFPS: `Statystyki: FPS`,
  234. blockPopups: `Blokuj popupy (reklamy/sklep/zadanie)`,
  235. hotkeys: 'Skróty klawiszowe',
  236. 'hk-inst-assign': `Aby ustawić skrót klawiszowy kliknij na polu skrótu i naciśnij wybrany klawisz.`,
  237. 'hk-inst-delete': `Aby usunąć skrót klawiszowy kliknij na polu skrótu i naciśnij klawisz DELETE.`,
  238. 'hk-inst-keys': `Możliwe kombinacje skrótów klawiszowych z użyciem klawiszy CTRL oraz ALT.`,
  239. 'hk-bots-split': 'Bots split',
  240. 'hk-bots-feed': 'Bots feed',
  241. 'hk-bots-ai': 'Bots AI toggle',
  242. 'hk-feed': `Feed`,
  243. 'hk-macroFeed': 'Szybki feed',
  244. 'hk-split': `Podział`,
  245. 'hk-doubleSplit': `Podwójny podział`,
  246. 'hk-split16': `Podział na 16`,
  247. 'hk-pause': `Pauza kulki`,
  248. 'hk-showTop5': `Pokaż/ukryj top 5 teamu`,
  249. 'hk-showTime': `Pokaż/ukryj aktualny czas`,
  250. 'hk-showSplitRange': `Pokaż/ukryj zasięg podziału`,
  251. 'hk-showSplitInd': `Pokaż/ukryj zasięg podziału z ringami`,
  252. 'hk-showTeammatesInd': `Pokaż/ukryj wskaźniki graczy teamu`,
  253. 'hk-showOppColors': `Pokaż/ukryj kolory przeciwników`,
  254. 'hk-toggleSkins': `Przełącz skiny (własne/standardowe)`,
  255. 'hk-showSkins': `Pokaż/ukryj skiny`,
  256. 'hk-transparentSkins': `Włącz/wyłącz przezroczyste skiny`,
  257. 'hk-showStats': `Pokaż/ukryj statystyki gry`,
  258. 'hk-toggleCells': `Przełącz kulkę (najmniejsza/największa)`,
  259. 'hk-showFood': 'Pokaż/ukryj pokarm',
  260. 'hk-showGrid': 'Pokaż/ukryj siatkę',
  261. 'hk-showMiniMapGuides': `Pokaż/ukryj prowadnice na minimapie`,
  262. 'hk-hideChat': `Pokaż/ukryj czat`,
  263. 'hk-showHUD': `Pokaż/ukryj HUD`,
  264. 'hk-copyLb': `Kopiuj topkę`,
  265. 'hk-showLb': `Pokaż/ukryj topkę`,
  266. 'hk-toggleAutoZoom': 'Włącz/wyłącz auto zoom',
  267. 'hk-resetZoom': `Reset zoomu`,
  268. 'hk-zoomLevel': `Zoom - poziom`,
  269. 'hk-toggleDeath': `Przełącz miejsce śmierci`,
  270. 'hk-clearChat': `Pokaż historię czatu / Czyść czat`,
  271. 'hk-showBgSectors': 'Pokaż/ukryj sektory w tle',
  272. 'hk-hideBots': 'Pokaż/ukryj małe boty',
  273. 'hk-showNames': `Pokaż/ukryj nazwy`,
  274. 'hk-hideTeammatesNames': `Pokaż/ukryj nazwy graczy teamu`,
  275. 'hk-showMass': 'Pokaż/ukryj masę',
  276. 'hk-showMiniMap': `Pokaż/ukryj minimapę`,
  277. 'hk-chatMessage': `Napisz wiadomość na czacie`,
  278. 'hk-quickResp': `Szybkie odrodzenie (respawn)`,
  279. 'hk-autoResp': `Włącz/wyłacz auto odrodzenie`,
  280. 'hk-switchServerMode': `Przełącz serwer [publiczny/prywatny]`,
  281. 'hk-showTargeting': `Pokaż/ukryj panel namierzania`,
  282. 'hk-setTargeting': 'Włącz/wyłącz namierzanie (śledzenie)',
  283. 'hk-cancelTargeting': `Zatrzymaj namierzanie`,
  284. 'hk-changeTarget': `Zmień cel`,
  285. 'hk-privateMiniMap': `Pokaż cel na minimapie`,
  286. 'hk-showQuest': `Pokaż/ukryj zadanie`,
  287. commands: `Komendy`,
  288. comm1: 'Feeduj!',
  289. comm2: 'Dziel się!',
  290. comm3: `Pomocy na %currentSector%!`,
  291. comm4: `Wróg na %currentSector%!`,
  292. comm5: `Zabij pomocnika!`,
  293. comm6: `Strzel z wirusa!`,
  294. comm7: `Zjedz wirusa!`,
  295. comm8: `Zjebałem, wybacz.`,
  296. comm9: `Ja pierdolę...`,
  297. comm0: `Kurwa mać!`,
  298. comm10: 'Trick!',
  299. comm11: `Lewo!`,
  300. comm12: `Góra!`,
  301. comm13: `Prawo!`,
  302. comm14: `Dół!`,
  303. saveComm: `Zapisz komendy`,
  304. theme: 'Wygląd',
  305. restoreThemeSettings: `Przywróc ustawienia domyślne wyglądu`,
  306. basicTheming: `Podstawowy`,
  307. themePreset: `Motyw`,
  308. themeType: 'Typ motywu',
  309. darkTheme: `Ciemny motyw`,
  310. lightTheme: 'Jasny motyw',
  311. mainColor: `Kolor główny`,
  312. bgColor: 'Tło',
  313. bordersColor: `Granice mapy`,
  314. gridColor: `Siatka`,
  315. sectorsColor: `Czcionka sektorów`,
  316. namesColor: `Nazwy`,
  317. namesStrokeColor: `Obwódki nazw`,
  318. massColor: `Masa`,
  319. massStrokeColor: `Obwódki masy`,
  320. virusColor: `Wirusy`,
  321. virusStrokeColor: 'Obwódki wirusów',
  322. foodColor: `Pokarm`,
  323. namesFont: 'Czcionka nazw',
  324. massFont: `Czcionka masy`,
  325. sectorsFont: `Czcionka sektorów`,
  326. namesScale: 'Skala nazw',
  327. massScale: 'Skala masy',
  328. virMassScale: `Skala masy wirusów`,
  329. strokeScale: `Skala obwódek tekstu`,
  330. foodSize: 'Wielkość pokarmu',
  331. bordersWidth: 'Grubość granic mapy',
  332. sectorsWidth: `Grubość siatki sektorów`,
  333. sectorsFontSize: `Rozmiar czcionki sektorów`,
  334. cellsAlpha: `Przezroczystość kulek`,
  335. skinsAlpha: `Przezroczystość skinów`,
  336. virusAlpha: `Przezroczystość wirusów`,
  337. textAlpha: 'Przezroczystość nazw i masy',
  338. virusStrokeSize: `Grubość obwódki wirusów`,
  339. teammatesIndColor: `Wskaźnik gracza`,
  340. cursorTrackingColor: 'Śledzenie kursora',
  341. splitRangeColor: `Zasięg podziału`,
  342. safeAreaColor: `Bezpieczna strefa`,
  343. dangerAreaColor: 'Strefa zagrożenia',
  344. ghostCellsColor: `Duchy kulek`,
  345. ghostCellsAlpha: 'Przezroczystość duchów kulek',
  346. menuTheming: `Menu`,
  347. menuPreset: `Motyw menu`,
  348. menuMainColor: `Kolor główny`,
  349. menuBtnTextColor: 'Tekst przycisku',
  350. menuPanelColor: `Panel`,
  351. menuPanelColor2: `Panel (2)`,
  352. menuTextColor: `Tekst panelu`,
  353. menuTextColor2: 'Tekst panelu (2)',
  354. btn1Color: `Przycisk #1`,
  355. btn1Color2: 'Przycisk #1 (2)',
  356. btn2Color: `Przycisk #2`,
  357. btn2Color2: `Przycisk #2 (2)`,
  358. btn3Color: `Przycisk #3`,
  359. btn3Color2: 'Przycisk #3 (2)',
  360. btn4Color: `Przycisk #4`,
  361. btn4Color2: `Przycisk #4 (2)`,
  362. menuBg: 'Grafika tła panelu',
  363. menuOpacity: 'Przezroczystość',
  364. hudTheming: `HUD`,
  365. hudMainColor: `Kolor główny`,
  366. hudColor: `Tło`,
  367. hudTextColor: 'Tekst',
  368. statsHudColor: `Statystyki`,
  369. timeHudColor: 'Czas',
  370. top5MassColor: `Masa`,
  371. lbMeColor: `Topka - ja`,
  372. lbTeammateColor: `Topka - team`,
  373. hudFont: `Czcionka HUD`,
  374. hudScale: `Skala HUD`,
  375. chatTheming: 'Czat',
  376. messageColor: 'Tło wiadomości',
  377. messageTextColor: 'Tekst wiadomości',
  378. messageTimeColor: `Czas wiadomości`,
  379. messageNickColor: `Nick wiadomości`,
  380. commandsColor: `Tło komendy`,
  381. commandsTextColor: `Tekst komendy`,
  382. commandsTimeColor: 'Czas komendy',
  383. commandsNickColor: `Nick komendy`,
  384. chatBoxColor: `Tło czatboxu`,
  385. chatScale: `Skala czatu`,
  386. miniMapTheming: `Minimapa`,
  387. miniMapSectorsColor: `Sektory`,
  388. miniMapSectorColor: `Aktualny sektor`,
  389. miniMapGuidesColor: `Prowadnice`,
  390. miniMapNickColor: 'Nick',
  391. miniMapNickStrokeColor: `Obwódka nicku`,
  392. miniMapMyCellColor: 'Moja kulka',
  393. miniMapMyCellStrokeColor: `Obwódka mojej kulki`,
  394. miniMapTeammatesColor: 'Gracze',
  395. miniMapDeathLocationColor: `Miejsce śmierci`,
  396. miniMapFont: `Czcionka minimapy`,
  397. miniMapNickFont: `Czcionka nicku`,
  398. miniMapWidth: `Szerokość minimapy`,
  399. miniMapSectorsOpacity: 'Przezroczystość sektorów',
  400. miniMapNickSize: `Rozmiar nicku`,
  401. miniMapNickStrokeSize: `Grubość obwódki nicku`,
  402. miniMapMyCellSize: `Wielkość mojej kulki`,
  403. miniMapMyCellStrokeSize: `Grubość obwódki mojej kulki`,
  404. miniMapTeammatesSize: `Wielkość graczy`,
  405. miniMapGhostCellsColor: `Duchy kulek`,
  406. miniMapGhostCellsAlpha: `Przezroczystość duchów kulek`,
  407. imagesTheming: 'Grafika / kursory',
  408. customBackground: `Grafika tła`,
  409. customCursor: `Grafika kursora`,
  410. hideChatMsgA: `Czat został włączony!`,
  411. hideChatMsgB: `Czat został ukryty!`,
  412. showSkinsMsgA: 'Skiny zostały włączone!',
  413. showSkinsMsgB: `Skiny zostały ukryte!`,
  414. hideSmallBotsMsgA: 'Małe boty stały się widoczne!',
  415. hideSmallBotsMsgB: 'Małe boty zostały ukryte!',
  416. autoRespMsgA: `Auto odrodzenie zostało włączone!`,
  417. autoRespMsgB: `Auto odrodzenie zostało wyłączone!`,
  418. autoZoomMsgA: `Auto zoom został włączony!`,
  419. autoZoomMsgB: 'Auto zoom został wyłączony!',
  420. targetNotSet: `Brak celu`,
  421. targetDead: `Nie żyje`,
  422. targetDistance: 'Dystans',
  423. targetMass: `Masa razem`,
  424. totalPartyPlayers: 'Aktywnych graczy',
  425. totalPartyMass: 'Łącznie masy',
  426. exportImport: `Eksport / import ustawień`,
  427. exportSettings: `Eksportuj ustawienia`,
  428. exportInfo: 'Aby wyeksportować wybrane ustawienia skopiuj poniższy kod i zapisz go w pliku tekstowym z kodowaniem Unicode.',
  429. importSettings: 'Importuj ustawienia',
  430. importInfo: `Aby zaimportować wybrane ustawienia wklej poniżej wyeksportowany wcześniej kod i naciśnij przycisk "Importuj ustawienia".`,
  431. profile: `Profil`,
  432. profiles: `Profile`,
  433. skins: 'Skiny',
  434. moreSkins: `Dodaj skiny`,
  435. thanks: `Dzięki Awesome!`,
  436. saveSett: `Zapisz ustawienia`,
  437. saved: 'Zapisano!',
  438. resetSett: `Resetuj ustawienia`,
  439. close: `Zamknij`,
  440. enterChatMsg: `Napisz wiadomość`,
  441. activeParties: `Aktywne party`,
  442. noActiveParties: `Brak aktywnych party ;(`,
  443. playlist: `Playlista`,
  444. pause: `PAUZA!`,
  445. visit: `Odwiedź`,
  446. exit: 'OGARio by szymy: Czy na pewno chcesz opuścic grę?',
  447. blockWarn: `UWAGA! Popupy zostały zablokowane w ustawieniach.`,
  448. unblockPopups: `Odblokuj tymczasowo`,
  449. mass: `Masa`,
  450. score: `Top`,
  451. leaderboard: `Topka`,
  452. user: `Użytkownik`,
  453. userMuted: `Użytkownik %user% został wyciszony.`,
  454. userUnmuted: `Wyłączono wyciszenie użytkownika %user%.`,
  455. mute: `Wycisz`,
  456. unmute: 'Wyłącz wyciszenie',
  457. mutedUsers: `Wyciszeni użytkownicy`,
  458. activeUsers: `Aktywni użytkownicy`,
  459. showActiveUsers: 'Pokaż aktywnych użytkowników',
  460. none: `Brak`,
  461. sounds: 'Dźwięki',
  462. page_back_button: `Wróć`,
  463. page_create_party: `Stwórz party`,
  464. page_join_party: `Dołącz`,
  465. page_login_and_play: `Zaloguj`,
  466. page_logout: `Wyloguj`,
  467. page_menu_login_facebook: `Zaloguj z Facebook`,
  468. page_menu_login_google: 'Zaloguj z Google',
  469. page_menu_main_free_coins: `Darmowe Monety`,
  470. page_menu_main_gifts: 'Prezenty',
  471. page_menu_main_dailyquests: `Zadania`,
  472. page_party_join_error: 'Nie można dołączyć do tego party. Upewnij się, że token jest prawidłowy lub stwórz nowy.',
  473. page_play: `Graj`,
  474. page_play_as_guest: `Graj jako gość`,
  475. page_shop: `Sklep`,
  476. page_spectate: `Obserwuj`,
  477. page_stats: `Statystyki`
  478. },
  479. en: {
  480. start: `Home`,
  481. settings: `Settings`,
  482. restoreSettings: `Restore default settings`,
  483. animationGroup: `Animation`,
  484. zoomGroup: `Zoom`,
  485. respGroup: `Respawn`,
  486. namesGroup: `Names`,
  487. massGroup: 'Mass',
  488. skinsGroup: `Skins`,
  489. foodGroup: `Food`,
  490. transparencyGroup: 'Transparency / colors',
  491. gridGroup: 'Grid / sectors',
  492. miniMapGroup: `Minimap`,
  493. helpersGroup: `Helpers`,
  494. mouseGroup: `Mouse control`,
  495. hudGroup: `HUD`,
  496. chatGroup: `Chat`,
  497. statsGroup: `Stats`,
  498. extrasGroup: `Extras`,
  499. noSkins: `No skins`,
  500. noNames: 'No names',
  501. noColors: 'No colors',
  502. showMass: `Show mass`,
  503. skipStats: 'Skip stats after death',
  504. showQuest: `Show quest`,
  505. autoZoom: `Auto zoom`,
  506. animation: `Animation delay`,
  507. zoomSpeedValue: `Zoom speed`,
  508. quickResp: `Quick respawn (hotkey)`,
  509. autoResp: `Auto respawn`,
  510. autoHideCellsInfo: `Auto hide names and mass`,
  511. autoHideNames: `Auto hide names`,
  512. autoHideMass: `Auto hide mass`,
  513. autoHideFood: `Auto hide food (mass)`,
  514. autoHideFoodOnZoom: 'Auto hide food (zoom)',
  515. optimizedNames: `Optimized names`,
  516. hideMyName: `Hide my name`,
  517. hideTeammatesNames: `Hide teammates names`,
  518. optimizedMass: `Optimized mass (+/-2%)`,
  519. shortMass: `Short mass (k)`,
  520. virMassShots: `Virus shots`,
  521. hideMyMass: `Hide my mass`,
  522. hideEnemiesMass: `Hide enemies mass`,
  523. vanillaSkins: `Vanilla skins`,
  524. customSkins: `Custom skins`,
  525. myTransparentSkin: `My transparent skin`,
  526. myCustomColor: `My custom color`,
  527. transparentCells: `Transparent cells`,
  528. transparentViruses: 'Transparent viruses',
  529. transparentSkins: 'Transparent skins',
  530. showGrid: 'Show grid',
  531. showBgSectors: `Show background sectors`,
  532. showMapBorders: `Show map borders`,
  533. showGhostCells: `Ghost cells`,
  534. showMiniMap: `Show minimap`,
  535. showMiniMapGrid: `Show minimap grid`,
  536. showMiniMapGuides: `Show minimap guides`,
  537. showMiniMapGhostCells: `Show ghost cells`,
  538. oneColoredTeammates: 'One-colored teammates',
  539. optimizedFood: `Optimized food`,
  540. rainbowFood: `Rainbow food`,
  541. oppColors: `Opponents colors`,
  542. oppRings: `Opponents rings`,
  543. virColors: `Viruses colors`,
  544. splitRange: `Split range`,
  545. virusesRange: 'Viruses range',
  546. textStroke: `Names and mass stroke`,
  547. namesStroke: 'Names stroke',
  548. massStroke: `Mass stroke`,
  549. cursorTracking: 'Cursor tracking',
  550. teammatesInd: `Teammates indicators`,
  551. mouseSplit: `LMB - Mouse split`,
  552. mouseFeed: `RMB - Mouse feed`,
  553. mouseInvert: `Invert mouse buttons`,
  554. disableChat: 'Disable chat',
  555. hideChat: `Hide chat`,
  556. chatSounds: `Sound notifications`,
  557. chatEmoticons: `Emoticons`,
  558. showChatImages: 'Show images on chat',
  559. showChatVideos: `Show videos on chat`,
  560. showChatBox: `Chatbox instead of popups`,
  561. messageSound: `Message notification sound`,
  562. commandSound: `Command notification sound`,
  563. showTop5: 'Show team top 5',
  564. showTargeting: `Show targeting`,
  565. showTime: 'Show current time',
  566. showLbData: `Show leaderboard mass`,
  567. normalLb: `"Leaderboard" header`,
  568. centeredLb: `Centered leaderboard`,
  569. fpsAtTop: `Game stats at the top`,
  570. showStats: `Show game stats`,
  571. showStatsMass: `Game stats: Mass`,
  572. showStatsSTE: `Game stats: STE`,
  573. showStatsN16: `Game stats: n/16`,
  574. showStatsFPS: `Game stats: FPS`,
  575. blockPopups: `Block popups (ads/shop/quest)`,
  576. hotkeys: 'Hotkeys',
  577. 'hk-inst-assign': `To assign a hotkey click on the input field and press your chosen key.`,
  578. 'hk-inst-delete': `To delete a hotkey click on the input field and press the DELETE key.`,
  579. 'hk-inst-keys': `Possible key combinations with the CTRL and ALT keys.`,
  580. 'hk-bots-split': 'Bots split',
  581. 'hk-bots-feed': 'Bots feed',
  582. 'hk-bots-ai': 'Bots AI toggle',
  583. 'hk-feed': 'Feed',
  584. 'hk-macroFeed': 'Macro feed',
  585. 'hk-split': `Split`,
  586. 'hk-doubleSplit': `Double split`,
  587. 'hk-split16': `Split 16`,
  588. 'hk-pause': `Cell pause`,
  589. 'hk-showTop5': `Show/hide team top 5`,
  590. 'hk-showTime': `Show/hide current time`,
  591. 'hk-showSplitRange': `Show/hide split range`,
  592. 'hk-showSplitInd': 'Show/hide split indicators',
  593. 'hk-showTeammatesInd': 'Show/hide teammates indicators',
  594. 'hk-showOppColors': `Show/hide opponents colors`,
  595. 'hk-toggleSkins': 'Toggle skins (custom/default)',
  596. 'hk-showSkins': `Show/hide skins`,
  597. 'hk-transparentSkins': 'Toggle transparent skins',
  598. 'hk-showStats': `Show/hide game stats`,
  599. 'hk-toggleCells': `Toggle own cells (smallest/biggest)`,
  600. 'hk-showFood': `Show/hide food`,
  601. 'hk-showGrid': `Show/hide grid`,
  602. 'hk-showMiniMapGuides': 'Show/hide minimap guides',
  603. 'hk-hideChat': `Show/hide chat`,
  604. 'hk-showHUD': `Show/hide HUD`,
  605. 'hk-copyLb': `Copy leaderboard`,
  606. 'hk-showLb': 'Show/hide leaderboard',
  607. 'hk-toggleAutoZoom': `Toggle auto zoom`,
  608. 'hk-resetZoom': `Reset zoom`,
  609. 'hk-zoomLevel': 'Zoom level',
  610. 'hk-toggleDeath': `Toggle death location`,
  611. 'hk-clearChat': `Show chat history / Clear chat`,
  612. 'hk-showBgSectors': `Show/hide background sectors`,
  613. 'hk-hideBots': `Show/hide small bots`,
  614. 'hk-showNames': 'Show/hide names',
  615. 'hk-hideTeammatesNames': `Show/hide teammates names`,
  616. 'hk-showMass': `Show/hide mass`,
  617. 'hk-showMiniMap': 'Show/hide minimap',
  618. 'hk-chatMessage': `Enter chat message`,
  619. 'hk-quickResp': `Quick respawn`,
  620. 'hk-autoResp': `Toggle auto respawn`,
  621. 'hk-switchServerMode': `Switch server [public/private]`,
  622. 'hk-showTargeting': 'Show/hide targeting panel',
  623. 'hk-setTargeting': `Start/stop targeting (following)`,
  624. 'hk-cancelTargeting': 'Cancel targeting',
  625. 'hk-changeTarget': 'Change target',
  626. 'hk-privateMiniMap': 'Show target on the minimap',
  627. 'hk-showQuest': 'Show/hide quest',
  628. commands: `Commands`,
  629. comm1: `Feed me!`,
  630. comm2: `Split into me!`,
  631. comm3: 'Need backup at %currentSector%!',
  632. comm4: 'Enemy spotted at %currentSector%!',
  633. comm5: `Need a teammate!`,
  634. comm6: 'Tank the virus!',
  635. comm7: `Eat the virus!`,
  636. comm8: `Let's bait!`,
  637. comm9: `Fake tricksplit!`,
  638. comm0: `Fuck!`,
  639. comm10: `Tricksplit!`,
  640. comm11: `Left!`,
  641. comm12: `Up!`,
  642. comm13: 'Right!',
  643. comm14: 'Bottom!',
  644. saveComm: 'Save commands',
  645. theme: `Theme`,
  646. restoreThemeSettings: `Restore theme default settings`,
  647. basicTheming: 'Basic theming',
  648. themePreset: `Theme preset`,
  649. themeType: 'Theme type',
  650. darkTheme: 'Dark theme',
  651. lightTheme: `Light theme`,
  652. mainColor: 'Main color',
  653. bgColor: `Background`,
  654. bordersColor: 'Map borders',
  655. gridColor: `Grid`,
  656. sectorsColor: `Sectors font`,
  657. namesColor: `Names`,
  658. namesStrokeColor: `Names stroke`,
  659. massColor: 'Mass',
  660. massStrokeColor: `Mass stroke`,
  661. virusColor: `Virus`,
  662. virusStrokeColor: `Virus stroke`,
  663. foodColor: `Food`,
  664. namesFont: 'Names font',
  665. massFont: `Mass font`,
  666. sectorsFont: 'Sectors font',
  667. namesScale: `Names scale`,
  668. massScale: 'Mass scale',
  669. virMassScale: 'Virus mass scale',
  670. strokeScale: `Text stroke scale`,
  671. foodSize: `Food size`,
  672. bordersWidth: 'Map borders width',
  673. sectorsWidth: `Sectors grid width`,
  674. sectorsFontSize: `Sectors font size`,
  675. cellsAlpha: `Cells transparency`,
  676. skinsAlpha: 'Skins transparency',
  677. virusAlpha: `Virus transparency`,
  678. textAlpha: `Names & mass transparency`,
  679. virusStrokeSize: `Virus stroke size`,
  680. teammatesIndColor: `Teammate indicator`,
  681. cursorTrackingColor: `Cursor tracking`,
  682. splitRangeColor: `Split range`,
  683. safeAreaColor: `Safe area`,
  684. dangerAreaColor: `Danger area`,
  685. ghostCellsColor: `Ghost cells`,
  686. ghostCellsAlpha: 'Ghost cells transparency',
  687. menuTheming: `Menu`,
  688. menuPreset: `Menu theme`,
  689. menuMainColor: `Main color`,
  690. menuBtnTextColor: `Button text`,
  691. menuPanelColor: `Panel`,
  692. menuPanelColor2: `Panel (2)`,
  693. menuTextColor: 'Panel text',
  694. menuTextColor2: `Panel text (2)`,
  695. btn1Color: `Button #1`,
  696. btn1Color2: `Button #1 (2)`,
  697. btn2Color: 'Button #2',
  698. btn2Color2: `Button #2 (2)`,
  699. btn3Color: `Button #3`,
  700. btn3Color2: `Button #3 (2)`,
  701. btn4Color: `Button #4`,
  702. btn4Color2: `Button #4 (2)`,
  703. menuBg: 'Panel background image',
  704. menuOpacity: `Transparency`,
  705. hudTheming: `HUD`,
  706. hudMainColor: `Main color`,
  707. hudColor: 'Background',
  708. hudTextColor: `Text`,
  709. statsHudColor: `Stats`,
  710. timeHudColor: 'Time',
  711. top5MassColor: `Mass`,
  712. lbMeColor: `Leaderboard - me`,
  713. lbTeammateColor: `Leaderboard - teammate`,
  714. hudFont: `HUD font`,
  715. hudScale: `HUD scale`,
  716. chatTheming: `Chat`,
  717. messageColor: 'Message background',
  718. messageTextColor: 'Message text',
  719. messageTimeColor: `Message time`,
  720. messageNickColor: `Message nick`,
  721. commandsColor: `Command background`,
  722. commandsTextColor: 'Command text',
  723. commandsTimeColor: `Command time`,
  724. commandsNickColor: `Command nick`,
  725. chatBoxColor: `Chatbox color`,
  726. chatScale: `Chat scale`,
  727. miniMapTheming: `Minimap`,
  728. miniMapSectorsColor: `Sectors`,
  729. miniMapSectorColor: `Current sector`,
  730. miniMapGuidesColor: `Guides`,
  731. miniMapNickColor: `Nick`,
  732. miniMapNickStrokeColor: `Nick stroke`,
  733. miniMapMyCellColor: `My cell`,
  734. miniMapMyCellStrokeColor: `My cell stroke`,
  735. miniMapTeammatesColor: `Teammates`,
  736. miniMapDeathLocationColor: `Death location`,
  737. miniMapFont: `Minimap font`,
  738. miniMapNickFont: `Nick font`,
  739. miniMapWidth: `Minimap width`,
  740. miniMapSectorsOpacity: `Sectors transparency`,
  741. miniMapNickSize: 'Nick size',
  742. miniMapNickStrokeSize: 'Nick stroke size',
  743. miniMapMyCellSize: `My cell size`,
  744. miniMapMyCellStrokeSize: `My cell stroke size`,
  745. miniMapTeammatesSize: 'Teammates size',
  746. miniMapGhostCellsColor: `Ghost cells`,
  747. miniMapGhostCellsAlpha: `Ghost cells transparency`,
  748. imagesTheming: `Graphics / cursors`,
  749. customBackground: `Custom background image`,
  750. customCursor: `Custom cursor image`,
  751. hideChatMsgA: `Chat is visible!`,
  752. hideChatMsgB: `Chat is hidden!`,
  753. showSkinsMsgA: `Skins are visible!`,
  754. showSkinsMsgB: `Skins are hidden!`,
  755. hideSmallBotsMsgA: `Small bots are visible!`,
  756. hideSmallBotsMsgB: `Small bots are hidden!`,
  757. autoRespMsgA: `Auto respawn is on!`,
  758. autoRespMsgB: `Auto respawn is off!`,
  759. autoZoomMsgA: `Auto zoom is on!`,
  760. autoZoomMsgB: `Auto zoom is off!`,
  761. targetNotSet: `Target not set`,
  762. targetDead: 'Dead',
  763. targetDistance: 'Distance',
  764. targetMass: `Mass altogether`,
  765. totalPartyPlayers: `Active players`,
  766. totalPartyMass: `Total mass`,
  767. exportImport: `Export / import settings`,
  768. exportSettings: 'Export settings',
  769. exportInfo: 'To export selected settings copy the code below and save it to a text file encoded in Unicode.',
  770. importSettings: `Import settings`,
  771. importInfo: `To import selected settings paste an exported code below and press the "Import settings" button.`,
  772. profile: `Profile`,
  773. profiles: 'Profiles',
  774. skins: `Skins`,
  775. moreSkins: `Add skins`,
  776. thanks: `Thanks to Awesome!`,
  777. saveSett: 'Save settings',
  778. saved: `Saved!`,
  779. resetSett: `Reset to default`,
  780. close: `Close`,
  781. enterChatMsg: `Enter chat message`,
  782. activeParties: `Active parties`,
  783. noActiveParties: `No active parties ;(`,
  784. playlist: `Playlist`,
  785. pause: `PAUSE!`,
  786. visit: 'Visit',
  787. exit: 'OGARio by szymy: Are you sure you want to quit the game?',
  788. blockWarn: `WARNING! Popups are blocked in the settings.`,
  789. unblockPopups: `Temporary unblock`,
  790. mass: 'Mass',
  791. score: `Score`,
  792. leaderboard: `Leaderboard`,
  793. user: 'User',
  794. userMuted: 'User %user% has been muted.',
  795. userUnmuted: `User %user% has been unmuted.`,
  796. mute: `Mute`,
  797. unmute: 'Unmute',
  798. mutedUsers: `Muted users`,
  799. activeUsers: `Active users`,
  800. showActiveUsers: `Show active users`,
  801. none: `None`,
  802. sounds: `Sounds`,
  803. page_menu_main_free_coins: 'Free Coins',
  804. page_menu_main_gifts: 'Gifts',
  805. page_menu_main_dailyquests: `Daily Quest`,
  806. page_shop: `Shop`
  807. }
  808. };
  809. let lang = 'en';
  810. const userLanguage = window.navigator.language || window.navigator.userLanguage;
  811. if (userLanguage && displayText.hasOwnProperty(userLanguage)) {
  812. lang = userLanguage;
  813. }
  814. const textLanguage = displayText[lang];
  815. let chatCommand = {
  816. comm1: textLanguage.comm1,
  817. comm2: textLanguage.comm2,
  818. comm3: textLanguage.comm3,
  819. comm4: textLanguage.comm4,
  820. comm5: textLanguage.comm5,
  821. comm6: textLanguage.comm6,
  822. comm7: textLanguage.comm7,
  823. comm8: textLanguage.comm8,
  824. comm9: textLanguage.comm9,
  825. comm0: textLanguage.comm0,
  826. comm10: textLanguage.comm10,
  827. comm11: textLanguage.comm11,
  828. comm12: textLanguage.comm12,
  829. comm13: textLanguage.comm13,
  830. comm14: textLanguage.comm14
  831. };
  832. const escapeChar = {
  833. '&': `&amp;`,
  834. '<': `&lt;`,
  835. '>': `&gt;`,
  836. '"': `&quot;`,
  837. '\'': '&#39;',
  838. '/': `&#x2F;`
  839. };
  840. const emojiChar = {
  841. ':)': `smile.svg`,
  842. ';)': `wink.svg`,
  843. '=)': 'smirk.svg',
  844. ':D': `grin.svg`,
  845. 'X-D': `xgrin.svg`,
  846. '=D': `joy.svg`,
  847. ':(': 'sad.svg',
  848. ';(': `cry.svg`,
  849. ':P': `tongue.svg`,
  850. ';P': 'tonguew.svg',
  851. ':*': 'kiss.svg',
  852. '$)': 'smileh.svg',
  853. '<3': `heart.svg`,
  854. '8=)': 'cool.svg',
  855. ':o': `astonished.svg`,
  856. '(:|': `sweat.svg`,
  857. ':|': `neutral.svg`,
  858. ':': 'unamused.svg',
  859. ':@': 'pouting.svg',
  860. '|-)': 'sleep.svg',
  861. '^_^': 'relaxed.svg',
  862. '-_-': `expressionless.svg`,
  863. '$_$': `money.svg`,
  864. 'O:)': `angel.svg`,
  865. '3:)': `devil.svg`,
  866. '(poop)': `poo.svg`,
  867. '(fuck)': 'finger.svg',
  868. '(clap)': `clap.svg`,
  869. '(ok)': `ok.svg`,
  870. '(victory)': 'victory.svg',
  871. '(y)': 'thumb.svg',
  872. '(n)': `thumbd.svg`
  873. };
  874. const SkinExplain = [{
  875. name: `imgur.com`,
  876. url: `https://imgur.com/`,
  877. example: `https://i.imgur.com/xdmUp5N.png`,
  878. pattern: `https?:\/\/\w+\.imgur\.com\/\w{6,}\.(?:%file_ext%)\??\d*`
  879. }, {
  880. name: `put.re`,
  881. url: 'https://put.re/',
  882. example: 'https://s.put.re/iYHAW65g.png',
  883. pattern: `https?:\/\/\w+\.put\.re\/\w{8,}\.(?:%file_ext%)`
  884. }, {
  885. name: `postimages.org`,
  886. url: `https://postimages.org/`,
  887. example: 'https://i.postimg.cc/zzK0sRPg/xdmUp5N.png',
  888. pattern: 'https?:\/\/\w+\.postimg\.cc\/\w{8,}\/\w+\.(?:%file_ext%)'
  889. }];
  890. const gameTheme = {
  891. 'ogario-v3': {
  892. name: `OGARio v3`,
  893. darkTheme: true,
  894. mainColor: '#01d9cc',
  895. bgColor: '#000a11',
  896. bordersColor: `#01d9cc`,
  897. gridColor: `#00243e`,
  898. sectorsColor: `#00243e`,
  899. namesColor: '#ffffff',
  900. namesStrokeColor: `#000000`,
  901. massColor: `#ffffff`,
  902. massStrokeColor: '#000000',
  903. virusColor: `#002f52`,
  904. virusStrokeColor: `#00b9e8`,
  905. foodColor: `#5000ff`,
  906. teammatesIndColor: `#ffffff`,
  907. cursorTrackingColor: `#ffffff`,
  908. splitRangeColor: `#ffffff`,
  909. safeAreaColor: `#ffffff`,
  910. dangerAreaColor: `#bf00aa`,
  911. namesFont: 'ubuntu-bold',
  912. massFont: `ubuntu-bold`,
  913. sectorsFont: 'ubuntu',
  914. namesScale: 1,
  915. massScale: 3,
  916. foodSize: 5,
  917. bordersWidth: 40,
  918. sectorsWidth: 40,
  919. sectorsFontSize: 1200,
  920. cellsAlpha: 0.9,
  921. skinsAlpha: 0.7,
  922. virusAlpha: 0.6,
  923. textAlpha: 1,
  924. virusStrokeSize: 14,
  925. menuPreset: `ogario-v3`,
  926. menuMainColor: `#01d9cc`,
  927. menuBtnTextColor: `#ffffff`,
  928. menuPanelColor: `#00243e`,
  929. menuPanelColor2: '#002f52',
  930. menuTextColor: `#ffffff`,
  931. menuTextColor2: `#8096a7`,
  932. btn1Color: `#018cf6`,
  933. btn1Color2: '#0176ce',
  934. btn2Color: `#00b9e8`,
  935. btn2Color2: `#0099c0`,
  936. btn3Color: '#8d5fe6',
  937. btn3Color2: `#814ee3`,
  938. btn4Color: `#bf00aa`,
  939. btn4Color2: '#a80096',
  940. menuBg: `https://cdn.ogario.ovh/static/img/pattern.png`,
  941. menuOpacity: 0.96,
  942. hudMainColor: `#01d9cc`,
  943. hudColor: `rgba(0,0,0,0.4)`,
  944. hudTextColor: `#ffffff`,
  945. statsHudColor: `#ffffff`,
  946. timeHudColor: `#01d9cc`,
  947. top5MassColor: '#bf00aa',
  948. lbMeColor: '#bf00aa',
  949. lbTeammateColor: `#018cf6`,
  950. hudFont: 'ubuntu-bold',
  951. hudScale: 1,
  952. messageColor: `rgba(0,0,0,0.4)`,
  953. messageTextColor: `#ffffff`,
  954. messageTimeColor: '#018cf6',
  955. messageNickColor: `#01d9cc`,
  956. commandsColor: 'rgba(191,0,170,0.9)',
  957. commandsTextColor: `#ffffff`,
  958. commandsTimeColor: `#bf00aa`,
  959. commandsNickColor: `#ffffff`,
  960. chatBoxColor: 'rgba(0,0,0,0.4)',
  961. chatScale: 1,
  962. miniMapSectorsColor: '#ffffff',
  963. miniMapSectorColor: `#01d9cc`,
  964. miniMapGuidesColor: `#bf00aa`,
  965. miniMapNickColor: `#ffffff`,
  966. miniMapNickStrokeColor: '#000000',
  967. miniMapMyCellColor: `#ffffff`,
  968. miniMapMyCellStrokeColor: `#bf00aa`,
  969. miniMapTeammatesColor: `#01d9cc`,
  970. miniMapDeathLocationColor: `#bf00aa`,
  971. miniMapFont: `ubuntu-bold`,
  972. miniMapNickFont: `ubuntu-bold`,
  973. miniMapWidth: 240,
  974. miniMapSectorsOpacity: 0.1,
  975. miniMapNickSize: 11,
  976. miniMapNickStrokeSize: 2,
  977. miniMapMyCellSize: 7.5,
  978. miniMapMyCellStrokeSize: 4,
  979. miniMapTeammatesSize: 5.5,
  980. customBackground: '',
  981. customCursor: `https://cdn.ogario.ovh/static/img/cursors/cursor_02.cur`
  982. },
  983. 'ogario-orange': {
  984. name: `OGARio v2`,
  985. darkTheme: true,
  986. mainColor: `#ff7800`,
  987. bgColor: `#111111`,
  988. bordersColor: `#ff7800`,
  989. gridColor: '#292929',
  990. sectorsColor: `#292929`,
  991. namesColor: '#ffffff',
  992. namesStrokeColor: `#000000`,
  993. massColor: `#ffffff`,
  994. massStrokeColor: '#000000',
  995. virusColor: `#666666`,
  996. virusStrokeColor: `#666666`,
  997. foodColor: `#e16400`,
  998. hudMainColor: '#ff7800',
  999. statsHudColor: `#ff7800`,
  1000. top5MassColor: `#ff7800`,
  1001. timeHudColor: `#ff7800`,
  1002. messageNickColor: `#ff7800`,
  1003. commandsColor: `rgba(255,120,0,0.9)`,
  1004. commandsTimeColor: `#ff7800`,
  1005. commandsTextColor: `#ffffff`,
  1006. miniMapSectorsColor: `#ffffff`,
  1007. miniMapSectorColor: `#ff7800`,
  1008. miniMapGuidesColor: `#ff7800`,
  1009. miniMapMyCellColor: `#ffffff`,
  1010. miniMapMyCellStrokeColor: `#ff7800`,
  1011. miniMapTeammatesColor: '#ff7800',
  1012. miniMapDeathLocationColor: `#ff7800`,
  1013. miniMapSectorsOpacity: 0.1
  1014. },
  1015. 'ogario-gold': {
  1016. name: `OGARio LE`,
  1017. darkTheme: true,
  1018. mainColor: `#b5a642`,
  1019. bgColor: `#000000`,
  1020. bordersColor: `#b5a642`,
  1021. gridColor: `#111111`,
  1022. sectorsColor: `#111111`,
  1023. namesColor: '#ffffff',
  1024. namesStrokeColor: `#000000`,
  1025. massColor: `#ffffff`,
  1026. massStrokeColor: '#000000',
  1027. virusColor: `#666666`,
  1028. virusStrokeColor: '#666666',
  1029. foodColor: `#998c36`,
  1030. hudMainColor: '#b5a642',
  1031. statsHudColor: `#b5a642`,
  1032. top5MassColor: `#b5a642`,
  1033. timeHudColor: '#b5a642',
  1034. messageNickColor: '#b5a642',
  1035. commandsColor: 'rgba(181,166,66,0.9)',
  1036. commandsTimeColor: `#b5a642`,
  1037. commandsTextColor: `#ffffff`,
  1038. miniMapSectorsColor: `#ffffff`,
  1039. miniMapSectorColor: `#b5a642`,
  1040. miniMapGuidesColor: `#b5a642`,
  1041. miniMapMyCellColor: `#ffffff`,
  1042. miniMapMyCellStrokeColor: `#b5a642`,
  1043. miniMapTeammatesColor: `#b5a642`,
  1044. miniMapDeathLocationColor: `#b5a642`,
  1045. miniMapSectorsOpacity: 0.1
  1046. },
  1047. 'ref-style': {
  1048. name: "ReF's Style",
  1049. bgColor: "#000000",
  1050. bordersColor: "#0074fc",
  1051. bordersWidth: 80,
  1052. btn1Color: "#0074fc",
  1053. btn1Color2: "#3592ff",
  1054. btn2Color: "#3592ff",
  1055. btn2Color2: "#3592ff",
  1056. btn3Color: "#3592ff",
  1057. btn3Color2: "#3592ff",
  1058. btn4Color: "#3592ff",
  1059. btn4Color2: "#3592ff",
  1060. cellsAlpha: 0.99,
  1061. chatBoxColor: "rgba(0,0,0,0.4)",
  1062. chatScale: 1,
  1063. commandsColor: "rgba(0,116,252,1)",
  1064. commandsNickColor: "#ffffff",
  1065. commandsTextColor: "#ffffff",
  1066. commandsTimeColor: "#000000",
  1067. cursorTrackingColor: "#ffffff",
  1068. customBackground: "",
  1069. customCursor: "",
  1070. dangerAreaColor: "#0074fc",
  1071. darkTheme: true,
  1072. foodColor: "#0074fc",
  1073. foodSize: 1,
  1074. ghostCellsAlpha: 0.3,
  1075. ghostCellsColor: "#ffffff",
  1076. gridColor: "#0094ff",
  1077. hudColor: "rgba(0,0,0,0.49)",
  1078. hudFont: "ubuntu-bold",
  1079. hudFontFamily: "Ubuntu",
  1080. hudFontWeight: 700,
  1081. hudMainColor: "#0074fc",
  1082. hudScale: 1.15,
  1083. hudTextColor: "#ffffff",
  1084. lbMeColor: "#0074fc",
  1085. lbTeammateColor: "#0074fc",
  1086. mainColor: "#01d9cc",
  1087. massColor: "#ffffff",
  1088. massFont: "ubuntu-bold",
  1089. massFontFamily: "Ubuntu",
  1090. massFontWeight: 700,
  1091. massScale: 0.9,
  1092. massStrokeColor: "#000000",
  1093. menuBg: "",
  1094. menuBtnTextColor: "#ffffff",
  1095. menuMainColor: "#0074fc",
  1096. menuOpacity: 1,
  1097. menuPanelColor: "#050008",
  1098. menuPanelColor2: "#1d0526",
  1099. menuPreset: "ogario-v3",
  1100. menuTextColor: "#ffffff",
  1101. menuTextColor2: "#65458f",
  1102. messageColor: "rgba(0,0,0,0.4)",
  1103. messageNickColor: "#0074fc",
  1104. messageTextColor: "#e8e8e8",
  1105. messageTimeColor: "#545454",
  1106. miniMapDeathLocationColor: "#2b2b2b",
  1107. miniMapFont: "ubuntu-bold",
  1108. miniMapFontFamily: "Ubuntu",
  1109. miniMapFontWeight: 700,
  1110. miniMapGhostCellsAlpha: 0.15,
  1111. miniMapGhostCellsColor: "#ffffff",
  1112. miniMapGuidesColor: "#ff00a8",
  1113. miniMapMyCellColor: "#f0ff3d",
  1114. miniMapMyCellSize: 5,
  1115. miniMapMyCellStrokeColor: "#acba07",
  1116. miniMapMyCellStrokeSize: 0,
  1117. miniMapNickColor: "#ffffff",
  1118. miniMapNickFont: "ubuntu-bold",
  1119. miniMapNickFontFamily: "Ubuntu",
  1120. miniMapNickFontWeight: 700,
  1121. miniMapNickSize: 9,
  1122. miniMapNickStrokeColor: "#4d4d4d",
  1123. miniMapNickStrokeSize: 0,
  1124. miniMapSectorColor: "#000000",
  1125. miniMapSectorsColor: "#ffffff",
  1126. miniMapSectorsOpacity: 0.1,
  1127. miniMapTeammatesColor: "#305eff",
  1128. miniMapTeammatesSize: 5,
  1129. miniMapTop: 25,
  1130. miniMapWidth: 250,
  1131. namesColor: "#ffffff",
  1132. namesFont: "ubuntu-bold",
  1133. namesFontFamily: "Ubuntu",
  1134. namesFontWeight: 700,
  1135. namesScale: 0.9,
  1136. namesStrokeColor: "#000000",
  1137. safeAreaColor: "#ffffff",
  1138. sectorsColor: "#0074fc",
  1139. sectorsFont: "ubuntu",
  1140. sectorsFontFamily: "Ubuntu",
  1141. sectorsFontSize: 940,
  1142. sectorsFontWeight: 400,
  1143. sectorsWidth: 6,
  1144. sectorsX: 5,
  1145. sectorsY: 5,
  1146. skinsAlpha: 0.7,
  1147. splitRangeColor: "#ffffff",
  1148. statsHudColor: "#ffffff",
  1149. strokeScale: 1,
  1150. teammatesIndColor: "#ffffff",
  1151. textAlpha: 1,
  1152. timeHudColor: "#0074fc",
  1153. top5MassColor: "#0074fc",
  1154. virMassScale: 2,
  1155. virusAlpha: 0.4,
  1156. virusColor: "#3b3b3b",
  1157. virusStrokeColor: "#ffffff",
  1158. virusStrokeSize: 10,
  1159. customBackground: '',
  1160. customCursor: ``
  1161. },
  1162. 'turbo-style': {
  1163. name: "Turbo's Style",
  1164. bgColor: "#000000",
  1165. bordersColor: "#ff2b77",
  1166. bordersWidth: 80,
  1167. btn1Color: "#ff2b77",
  1168. btn1Color2: "#ff005b",
  1169. btn2Color: "#ff2b77",
  1170. btn2Color2: "#ff005b",
  1171. btn3Color: "#ff2b77",
  1172. btn3Color2: "#ff005b",
  1173. btn4Color: "#ff2b77",
  1174. btn4Color2: "#ff005b",
  1175. cellsAlpha: 0.99,
  1176. chatBoxColor: "rgba(0,0,0,0.4)",
  1177. chatScale: 1,
  1178. commandsColor: "rgba(255,43,119,1)",
  1179. commandsNickColor: "#ffffff",
  1180. commandsTextColor: "#ffffff",
  1181. commandsTimeColor: "#000000",
  1182. cursorTrackingColor: "#ffffff",
  1183. customBackground: "",
  1184. customCursor: "",
  1185. dangerAreaColor: "#ff2b77",
  1186. darkTheme: true,
  1187. foodColor: "#ff2b77",
  1188. foodSize: 1,
  1189. ghostCellsAlpha: 0.3,
  1190. ghostCellsColor: "#ffffff",
  1191. gridColor: "#ff2b77",
  1192. hudColor: "rgba(0,0,0,0.49)",
  1193. hudFont: "ubuntu-bold",
  1194. hudFontFamily: "Ubuntu",
  1195. hudFontWeight: 700,
  1196. hudMainColor: "#ff2b77",
  1197. hudScale: 1.15,
  1198. hudTextColor: "#ffffff",
  1199. lbMeColor: "#ff2b77",
  1200. lbTeammateColor: "#ff2b77",
  1201. mainColor: "#ff2b77",
  1202. massColor: "#000000",
  1203. massFont: "ubuntu-bold",
  1204. massFontFamily: "Ubuntu",
  1205. massFontWeight: 700,
  1206. massScale: 0.9,
  1207. massStrokeColor: "#ffffff",
  1208. menuBg: "",
  1209. menuBtnTextColor: "#ffffff",
  1210. menuMainColor: "#ff2b77",
  1211. menuOpacity: 1,
  1212. menuPanelColor: "#23192c",
  1213. menuPanelColor2: "#382946",
  1214. menuPreset: "ogario-v3",
  1215. menuTextColor: "#ffffff",
  1216. menuTextColor2: "#65458f",
  1217. messageColor: "rgba(0,0,0,0.4)",
  1218. messageNickColor: "#ff2b77",
  1219. messageTextColor: "#e8e8e8",
  1220. messageTimeColor: "#545454",
  1221. miniMapDeathLocationColor: "#2b2b2b",
  1222. miniMapFont: "ubuntu-bold",
  1223. miniMapFontFamily: "Ubuntu",
  1224. miniMapFontWeight: 700,
  1225. miniMapGhostCellsAlpha: 0.15,
  1226. miniMapGhostCellsColor: "#ffffff",
  1227. miniMapGuidesColor: "#ff2b77",
  1228. miniMapMyCellColor: "#ffdd56",
  1229. miniMapMyCellSize: 5,
  1230. miniMapMyCellStrokeColor: "#ff9a6b",
  1231. miniMapMyCellStrokeSize: 0,
  1232. miniMapNickColor: "#ffffff",
  1233. miniMapNickFont: "ubuntu-bold",
  1234. miniMapNickFontFamily: "Ubuntu",
  1235. miniMapNickFontWeight: 700,
  1236. miniMapNickSize: 9,
  1237. miniMapNickStrokeColor: "#4d4d4d",
  1238. miniMapNickStrokeSize: 0,
  1239. miniMapSectorColor: "#000000",
  1240. miniMapSectorsColor: "#ffffff",
  1241. miniMapSectorsOpacity: 0.1,
  1242. miniMapTeammatesColor: "#ff005b",
  1243. miniMapTeammatesSize: 5,
  1244. miniMapTop: 25,
  1245. miniMapWidth: 250,
  1246. namesColor: "#000000",
  1247. namesFont: "ubuntu-bold",
  1248. namesFontFamily: "Ubuntu",
  1249. namesFontWeight: 700,
  1250. namesScale: 0.9,
  1251. namesStrokeColor: "#ffffff",
  1252. safeAreaColor: "#ffffff",
  1253. sectorsColor: "#ff2b77",
  1254. sectorsFont: "ubuntu",
  1255. sectorsFontFamily: "Ubuntu",
  1256. sectorsFontSize: 940,
  1257. sectorsFontWeight: 400,
  1258. sectorsWidth: 6,
  1259. sectorsX: 5,
  1260. sectorsY: 5,
  1261. skinsAlpha: 0.7,
  1262. splitRangeColor: "#ffffff",
  1263. statsHudColor: "#ffffff",
  1264. strokeScale: 1,
  1265. teammatesIndColor: "#ffffff",
  1266. textAlpha: 1,
  1267. timeHudColor: "#ff2b77",
  1268. top5MassColor: "#ff2b77",
  1269. virMassScale: 2,
  1270. virusAlpha: 0.4,
  1271. virusColor: "#3b3b3b",
  1272. virusStrokeColor: "#ff2b77",
  1273. virusStrokeSize: 10,
  1274. customBackground: '',
  1275. customCursor: ``
  1276. },
  1277. 'sniikz-style': {
  1278. name: `SniiKz's Style`,
  1279. darkTheme: true,
  1280. mainColor: `#01d9cc`,
  1281. bgColor: `#000000`,
  1282. bordersColor: '#ffffff',
  1283. gridColor: `#00243e`,
  1284. sectorsColor: '#00243e',
  1285. namesColor: `#ffffff`,
  1286. namesStrokeColor: '#000000',
  1287. massColor: '#ffffff',
  1288. massStrokeColor: `#000000`,
  1289. virusColor: '#3b3b3b',
  1290. virusStrokeColor: `#ffffff`,
  1291. foodColor: `#5000ff`,
  1292. teammatesIndColor: `#ffffff`,
  1293. cursorTrackingColor: `#ffffff`,
  1294. splitRangeColor: '#ffffff',
  1295. safeAreaColor: `#ffffff`,
  1296. dangerAreaColor: '#bf00aa',
  1297. massScale: 4,
  1298. foodSize: 1,
  1299. bordersWidth: 40,
  1300. sectorsWidth: 40,
  1301. sectorsFontSize: 1200,
  1302. cellsAlpha: 0.99,
  1303. skinsAlpha: 0.7,
  1304. virusAlpha: 0.4,
  1305. virusStrokeSize: 10,
  1306. menuPreset: `ogario-v3`,
  1307. menuMainColor: `#fc0079`,
  1308. menuBtnTextColor: `#ffffff`,
  1309. menuPanelColor: '#050008',
  1310. menuPanelColor2: `#1d0526`,
  1311. menuTextColor: `#ffffff`,
  1312. menuTextColor2: `#65458f`,
  1313. btn1Color: '#4f0242',
  1314. btn1Color2: `#3b0431`,
  1315. btn2Color: `#6b0036`,
  1316. btn2Color2: `#4d0227`,
  1317. btn3Color: `#aa084e`,
  1318. btn3Color2: `#80063b`,
  1319. btn4Color: `#aa084e`,
  1320. btn4Color2: '#8a063f',
  1321. menuBg: `https://cdn.ogario.ovh/static/img/pattern.png`,
  1322. menuOpacity: 1,
  1323. hudMainColor: '#5974ff',
  1324. hudColor: 'rgba(36,36,36,0.49)',
  1325. hudTextColor: `#ffffff`,
  1326. statsHudColor: `#ffffff`,
  1327. timeHudColor: '#737373',
  1328. top5MassColor: `#1fe000`,
  1329. lbMeColor: '#bf00aa',
  1330. lbTeammateColor: `#018cf6`,
  1331. hudScale: 1.15,
  1332. messageColor: 'rgba(0,0,0,0.4)',
  1333. messageTextColor: `#e8e8e8`,
  1334. messageTimeColor: '#545454',
  1335. messageNickColor: '#05ff00',
  1336. commandsColor: `rgba(36,36,36,0.9)`,
  1337. commandsTextColor: `#ffffff`,
  1338. commandsTimeColor: '#545454',
  1339. commandsNickColor: `#ffffff`,
  1340. chatBoxColor: `rgba(0,0,0,0.4)`,
  1341. chatScale: 1,
  1342. miniMapSectorsColor: '#ffffff',
  1343. miniMapSectorColor: `#000000`,
  1344. miniMapGuidesColor: `#ff00a8`,
  1345. miniMapNickColor: `#ffffff`,
  1346. miniMapNickStrokeColor: `#4d4d4d`,
  1347. miniMapMyCellColor: '#f0ff3d',
  1348. miniMapMyCellStrokeColor: `#acba07`,
  1349. miniMapTeammatesColor: '#305eff',
  1350. miniMapDeathLocationColor: '#2b2b2b',
  1351. miniMapWidth: 250,
  1352. miniMapSectorsOpacity: 0.1,
  1353. miniMapNickSize: 9,
  1354. miniMapNickStrokeSize: 0,
  1355. miniMapMyCellSize: 5,
  1356. miniMapMyCellStrokeSize: 0,
  1357. miniMapTeammatesSize: 5,
  1358. customBackground: '',
  1359. customCursor: `https://cdn.ogario.ovh/static/img/cursors/cursor_01.cur`
  1360. },
  1361. 'hkg-style': {
  1362. name: `HKG Style`,
  1363. darkTheme: true,
  1364. mainColor: '#651fff',
  1365. bgColor: `#000000`,
  1366. bordersColor: `#ffffff`,
  1367. gridColor: `#111111`,
  1368. sectorsColor: `#111111`,
  1369. namesColor: `#ffffff`,
  1370. namesStrokeColor: `#000000`,
  1371. massColor: `#ffffff`,
  1372. massStrokeColor: `#000000`,
  1373. virusColor: `#666666`,
  1374. virusStrokeColor: `#666666`,
  1375. foodColor: `#651fff`,
  1376. hudMainColor: `#651fff`,
  1377. statsHudColor: '#651fff',
  1378. top5MassColor: '#651fff',
  1379. timeHudColor: `#651fff`,
  1380. messageNickColor: `#651fff`,
  1381. commandsColor: `rgba(101,31,255,0.9)`,
  1382. commandsTimeColor: `#651fff`,
  1383. commandsTextColor: `#ffffff`,
  1384. miniMapSectorsColor: '#ffffff',
  1385. miniMapSectorColor: `#651fff`,
  1386. miniMapGuidesColor: `#651fff`,
  1387. miniMapMyCellColor: `#ffffff`,
  1388. miniMapMyCellStrokeColor: `#651fff`,
  1389. miniMapTeammatesColor: '#651fff',
  1390. miniMapDeathLocationColor: '#651fff',
  1391. miniMapSectorsOpacity: 0.1
  1392. },
  1393. 'agario-light': {
  1394. name: `Agar.io Light`,
  1395. darkTheme: false,
  1396. mainColor: `#ffffff`,
  1397. bgColor: `#f2fbff`,
  1398. bordersColor: `#858a8c`,
  1399. gridColor: `#ced6d9`,
  1400. sectorsColor: '#ced6d9',
  1401. namesColor: '#ffffff',
  1402. namesStrokeColor: '#000000',
  1403. massColor: `#ffffff`,
  1404. massStrokeColor: '#000000',
  1405. virusColor: `#33ff33`,
  1406. virusStrokeColor: `#2de52d`,
  1407. foodColor: '#2de52d',
  1408. hudMainColor: `#ffffff`,
  1409. statsHudColor: `#ffffff`,
  1410. top5MassColor: `#ffffff`,
  1411. timeHudColor: `#ffffff`,
  1412. messageNickColor: '#ffffff',
  1413. commandsColor: `rgba(255,255,255,0.9)`,
  1414. commandsTimeColor: `#ffffff`,
  1415. commandsTextColor: `#000000`,
  1416. miniMapSectorsColor: `#ffffff`,
  1417. miniMapSectorColor: '#ffffff',
  1418. miniMapGuidesColor: '#ffffff',
  1419. miniMapMyCellColor: `#ffffff`,
  1420. miniMapMyCellStrokeColor: '#ffffff',
  1421. miniMapTeammatesColor: `#ffffff`,
  1422. miniMapDeathLocationColor: `#ffffff`,
  1423. miniMapSectorsOpacity: 0.25
  1424. },
  1425. 'agario-dark': {
  1426. name: `Agar.io Dark`,
  1427. darkTheme: true,
  1428. mainColor: `#ffffff`,
  1429. bgColor: `#111111`,
  1430. bordersColor: `#999999`,
  1431. gridColor: `#333333`,
  1432. sectorsColor: `#333333`,
  1433. namesColor: `#ffffff`,
  1434. namesStrokeColor: `#000000`,
  1435. massColor: `#ffffff`,
  1436. massStrokeColor: `#000000`,
  1437. virusColor: `#33ff33`,
  1438. virusStrokeColor: `#2de52d`,
  1439. foodColor: `#2de52d`,
  1440. hudMainColor: `#ffffff`,
  1441. statsHudColor: '#ffffff',
  1442. top5MassColor: `#ffffff`,
  1443. timeHudColor: `#ffffff`,
  1444. messageNickColor: `#ffffff`,
  1445. commandsColor: `rgba(255,255,255,0.9)`,
  1446. commandsTimeColor: `#ffffff`,
  1447. commandsTextColor: '#ffffff',
  1448. miniMapSectorsColor: `#ffffff`,
  1449. miniMapSectorColor: `#ffffff`,
  1450. miniMapGuidesColor: `#ffffff`,
  1451. miniMapMyCellColor: `#ffffff`,
  1452. miniMapMyCellStrokeColor: '#ffffff',
  1453. miniMapTeammatesColor: `#ffffff`,
  1454. miniMapDeathLocationColor: `#ffffff`,
  1455. miniMapSectorsOpacity: 0.1
  1456. }
  1457. };
  1458. const themeSetup = {
  1459. 'ogario-v3': {
  1460. name: `OGARio v3`,
  1461. menuMainColor: '#01d9cc',
  1462. menuBtnTextColor: `#ffffff`,
  1463. menuPanelColor: `#00243e`,
  1464. menuPanelColor2: `#002f52`,
  1465. menuTextColor: `#ffffff`,
  1466. menuTextColor2: `#8096a7`,
  1467. btn1Color: `#018cf6`,
  1468. btn1Color2: '#0176ce',
  1469. btn2Color: `#00b9e8`,
  1470. btn2Color2: `#0099c0`,
  1471. btn3Color: `#8d5fe6`,
  1472. btn3Color2: '#814ee3',
  1473. btn4Color: `#f300d8`,
  1474. btn4Color2: `#df00c6`,
  1475. menuBg: 'https://cdn.ogario.ovh/static/img/pattern.png'
  1476. },
  1477. 'ogario-v2': {
  1478. name: `OGARio v2`,
  1479. menuMainColor: `#ff7800`,
  1480. menuBtnTextColor: '#ffffff',
  1481. menuPanelColor: `#222222`,
  1482. menuPanelColor2: `#333333`,
  1483. menuTextColor: `#bbbbbb`,
  1484. menuTextColor2: `#bbbbbb`,
  1485. btn1Color: `#428bca`,
  1486. btn1Color2: `#3071a9`,
  1487. btn2Color: `#5cb85c`,
  1488. btn2Color2: `#449d44`,
  1489. btn3Color: `#f0ad4e`,
  1490. btn3Color2: `#ec971f`,
  1491. btn4Color: `#d9534f`,
  1492. btn4Color2: `#c9302c`,
  1493. menuBg: ''
  1494. },
  1495. agario: {
  1496. name: `Agar.io`,
  1497. menuMainColor: '#5bc0de',
  1498. menuBtnTextColor: '#ffffff',
  1499. menuPanelColor: `#ffffff`,
  1500. menuPanelColor2: '#cccccc',
  1501. menuTextColor: '#333333',
  1502. menuTextColor2: '#999999',
  1503. btn1Color: `#428bca`,
  1504. btn1Color2: `#3071a9`,
  1505. btn2Color: '#5cb85c',
  1506. btn2Color2: `#449d44`,
  1507. btn3Color: `#f0ad4e`,
  1508. btn3Color2: `#ec971f`,
  1509. btn4Color: '#d9534f',
  1510. btn4Color2: `#c9302c`,
  1511. menuBg: ''
  1512. }
  1513. };
  1514. const gameSetupTheme = {
  1515. preset: `ogario-v3`,
  1516. darkTheme: true,
  1517. mainColor: '#01d9cc',
  1518. bgColor: `#000a11`,
  1519. bordersColor: `#01d9cc`,
  1520. gridColor: '#00243e',
  1521. sectorsColor: `#00243e`,
  1522. namesColor: `#ffffff`,
  1523. namesStrokeColor: `#000000`,
  1524. massColor: `#ffffff`,
  1525. massStrokeColor: `#000000`,
  1526. virusColor: `#002f52`,
  1527. virusStrokeColor: '#00b9e8',
  1528. foodColor: '#5000ff',
  1529. teammatesIndColor: `#ffffff`,
  1530. cursorTrackingColor: `#ffffff`,
  1531. splitRangeColor: `#ffffff`,
  1532. ghostCellsColor: `#ffffff`,
  1533. safeAreaColor: `#ffffff`,
  1534. dangerAreaColor: `#bf00aa`,
  1535. namesFont: `ubuntu-bold`,
  1536. namesFontFamily: `Ubuntu`,
  1537. namesFontWeight: 700,
  1538. massFont: 'ubuntu-bold',
  1539. massFontFamily: `Ubuntu`,
  1540. massFontWeight: 700,
  1541. sectorsFont: `ubuntu`,
  1542. sectorsFontFamily: `Ubuntu`,
  1543. sectorsFontWeight: 400,
  1544. sectorsX: 5,
  1545. sectorsY: 5,
  1546. namesScale: 1,
  1547. massScale: 3,
  1548. virMassScale: 3,
  1549. strokeScale: 1,
  1550. foodSize: 5,
  1551. bordersWidth: 40,
  1552. sectorsWidth: 40,
  1553. sectorsFontSize: 1200,
  1554. cellsAlpha: 0.9,
  1555. skinsAlpha: 0.7,
  1556. virusAlpha: 0.6,
  1557. textAlpha: 1,
  1558. ghostCellsAlpha: 0.3,
  1559. virusStrokeSize: 14,
  1560. menuPreset: `ogario-v3`,
  1561. menuMainColor: `#01d9cc`,
  1562. menuBtnTextColor: `#ffffff`,
  1563. menuPanelColor: '#00243e',
  1564. menuPanelColor2: `#002f52`,
  1565. menuTextColor: '#ffffff',
  1566. menuTextColor2: `#8096a7`,
  1567. btn1Color: `#018cf6`,
  1568. btn1Color2: '#0176ce',
  1569. btn2Color: '#00b9e8',
  1570. btn2Color2: `#0099c0`,
  1571. btn3Color: `#8d5fe6`,
  1572. btn3Color2: '#814ee3',
  1573. btn4Color: '#bf00aa',
  1574. btn4Color2: '#a80096',
  1575. menuBg: `https://cdn.ogario.ovh/static/img/pattern.png`,
  1576. menuOpacity: 0.96,
  1577. hudMainColor: `#01d9cc`,
  1578. hudColor: 'rgba(0,0,0,0.4)',
  1579. hudTextColor: '#ffffff',
  1580. statsHudColor: `#ffffff`,
  1581. timeHudColor: `#01d9cc`,
  1582. top5MassColor: `#bf00aa`,
  1583. lbMeColor: '#bf00aa',
  1584. lbTeammateColor: `#018cf6`,
  1585. hudFont: `ubuntu-bold`,
  1586. hudFontFamily: `Ubuntu`,
  1587. hudFontWeight: 700,
  1588. hudScale: 1,
  1589. messageColor: `rgba(0,0,0,0.4)`,
  1590. messageTextColor: `#ffffff`,
  1591. messageTimeColor: `#018cf6`,
  1592. messageNickColor: '#01d9cc',
  1593. commandsColor: `rgba(191,0,170,0.9)`,
  1594. commandsTextColor: `#ffffff`,
  1595. commandsTimeColor: '#bf00aa',
  1596. commandsNickColor: `#ffffff`,
  1597. chatBoxColor: `rgba(0,0,0,0.4)`,
  1598. chatScale: 1,
  1599. miniMapSectorsColor: `#ffffff`,
  1600. miniMapSectorColor: `#01d9cc`,
  1601. miniMapGuidesColor: '#bf00aa',
  1602. miniMapNickColor: '#ffffff',
  1603. miniMapNickStrokeColor: `#000000`,
  1604. miniMapMyCellColor: `#ffffff`,
  1605. miniMapMyCellStrokeColor: `#bf00aa`,
  1606. miniMapTeammatesColor: `#01d9cc`,
  1607. miniMapDeathLocationColor: `#bf00aa`,
  1608. miniMapGhostCellsColor: `#ffffff`,
  1609. miniMapFont: `ubuntu-bold`,
  1610. miniMapFontFamily: 'Ubuntu',
  1611. miniMapFontWeight: 700,
  1612. miniMapNickFont: `ubuntu-bold`,
  1613. miniMapNickFontFamily: `Ubuntu`,
  1614. miniMapNickFontWeight: 700,
  1615. miniMapWidth: 240,
  1616. miniMapTop: 24,
  1617. miniMapSectorsOpacity: 0.1,
  1618. miniMapNickSize: 11,
  1619. miniMapNickStrokeSize: 2,
  1620. miniMapMyCellSize: 7.5,
  1621. miniMapMyCellStrokeSize: 4,
  1622. miniMapTeammatesSize: 5.5,
  1623. miniMapGhostCellsAlpha: 0.15,
  1624. customBackground: '',
  1625. customCursor: 'https://cdn.ogario.ovh/static/img/cursors/cursor_02.cur'
  1626. };
  1627. const OgarioSettings = {
  1628. menuMainColorCSS: null,
  1629. menuPanelColorCSS: null,
  1630. menuTextlColorCSS: null,
  1631. menuButtonsCSS: null,
  1632. hudCSS: null,
  1633. chatCSS: null,
  1634. chatScaleCSS: null,
  1635. cursorCSS: null,
  1636. loadThemeSettings() {
  1637. let storage = null;
  1638. if (window.localStorage.getItem('ogarioThemeSettings') !== null) {
  1639. storage = JSON.parse(window.localStorage.getItem('ogarioThemeSettings'));
  1640. }
  1641. for (const setup in gameSetupTheme) {
  1642. if (gameSetupTheme.hasOwnProperty(setup)) {
  1643. if (storage && storage.hasOwnProperty(setup)) {
  1644. gameSetupTheme[setup] = storage[setup];
  1645. }
  1646. if (ogario.hasOwnProperty(setup)) {
  1647. ogario[setup] = gameSetupTheme[setup];
  1648. }
  1649. }
  1650. }
  1651. },
  1652. saveThemeSettings() {
  1653. window.localStorage.setItem(`ogarioThemeSettings`, JSON.stringify(gameSetupTheme));
  1654. },
  1655. restoreThemeSettings() {
  1656. if (window.localStorage.getItem(`ogarioThemeSettings`) !== null) {
  1657. window.localStorage.removeItem('ogarioThemeSettings');
  1658. window.location.reload();
  1659. }
  1660. },
  1661. addCustomCSS(name, css) {
  1662. if (!this[name]) {
  1663. this[name] = JQuery(`<style type='text/css'>`).appendTo('head');
  1664. }
  1665. this[name].html(css);
  1666. },
  1667. addPresetBox(id, name, options, value, callback) {
  1668. JQuery(id).append(`<div class="preset-box"><span class="title-box">` + textLanguage[name] + `</span><div class="select-wrapper"><select id="` + name + `" class="form-control"></select></div></div>`);
  1669. for (const option in options) {
  1670. if (options.hasOwnProperty(option)) {
  1671. JQuery(`#${name}`).append(`${`<option value="` + option}">${options[option].name}${`</option>`}`);
  1672. }
  1673. }
  1674. JQuery(`#${name}`).val(gameSetupTheme[value]);
  1675. const app = this;
  1676. JQuery(`#${name}`).on(`change`, function() {
  1677. const optionValue = this.value;
  1678. gameSetupTheme[value] = optionValue;
  1679. app[callback](optionValue);
  1680. });
  1681. },
  1682. addColorBox(id, name, callback) {
  1683. JQuery(id).append(`${`<div class="color-box"><span class="title-box">` + textLanguage[name] + `</span><div class="input-group ` + name}-picker"><input type="text" value="${gameSetupTheme[name]}${`" id="`}${name}${`" class="form-control" /><span class="input-group-addon"><i></i></span></div></div>`}`);
  1684. if (callback) {
  1685. const app = this;
  1686. JQuery(`${id} .${name}-picker`).colorpicker({
  1687. format: `hex`
  1688. }).on(`changeColor.colorpicker`, event => {
  1689. gameSetupTheme[name] = event.color.toHex();
  1690. if (ogario.hasOwnProperty(name)) {
  1691. ogario[name] = gameSetupTheme[name];
  1692. }
  1693. app[callback]();
  1694. });
  1695. } else {
  1696. JQuery(`${id} .${name}${`-picker`}`).colorpicker({
  1697. format: `hex`
  1698. }).on(`changeColor.colorpicker`, event => {
  1699. gameSetupTheme[name] = event.color.toHex();
  1700. if (ogario.hasOwnProperty(name)) {
  1701. ogario[name] = gameSetupTheme[name];
  1702. }
  1703. });
  1704. }
  1705. },
  1706. addRgbaColorBox(id, name, callback) {
  1707. JQuery(id).append(`<div class="color-box"><span class="title-box">${textLanguage[name]}${`</span><div class="input-group `}${name}${`-picker"><input type="text" value="`}${gameSetupTheme[name]}${`" id="`}${name}${`" class="form-control" /><span class="input-group-addon"><i></i></span></div></div>`}`);
  1708. if (callback) {
  1709. const app = this;
  1710. JQuery(`${id} .${name}-picker`).colorpicker({
  1711. format: `rgba`
  1712. }).on('changeColor.colorpicker', event => {
  1713. const color = event.color.toRGB();
  1714. gameSetupTheme[name] = `rgba(${color.r},${color.g},${color.b},${color.a})`;
  1715. if (ogario.hasOwnProperty(name)) {
  1716. ogario[name] = gameSetupTheme[name];
  1717. }
  1718. app[callback]();
  1719. });
  1720. } else {
  1721. JQuery(`${id} .${name}-picker`).colorpicker({
  1722. format: `rgba`
  1723. }).on(`changeColor.colorpicker`, event => {
  1724. const color = event.color.toRGB();
  1725. gameSetupTheme[name] = `${`rgba(` + color.r},${color.g},${color.b},${color.a})`;
  1726. if (ogario.hasOwnProperty(name)) {
  1727. ogario[name] = gameSetupTheme[name];
  1728. }
  1729. });
  1730. }
  1731. },
  1732. addSliderBox(id, name, min, max, step, callback) {
  1733. JQuery(id).append(`<div class="slider-box"><div class="box-label"><span class="value-label">${textLanguage[name]}: </span><span id="${name}${`-value" class="value">`}${gameSetupTheme[name]}${`</span></div><input id="`}${name}-slider" type="range" min="${min}" max="${max}${`" step="`}${step}${`" value="`}${gameSetupTheme[name]}${`"></div>`}`);
  1734. if (callback) {
  1735. const app = this;
  1736. JQuery(`#${name}${`-slider`}`).on(`input`, function() {
  1737. const parse = parseFloat(JQuery(this).val());
  1738. JQuery(`#${name}-value`).text(parse);
  1739. gameSetupTheme[name] = parse;
  1740. if (ogario.hasOwnProperty(name)) {
  1741. ogario[name] = parse;
  1742. }
  1743. app[callback]();
  1744. });
  1745. } else {
  1746. JQuery(`#${name}${`-slider`}`).on('input', function() {
  1747. const parse = parseFloat(JQuery(this).val());
  1748. JQuery(`#${name}${`-value`}`).text(parse);
  1749. gameSetupTheme[name] = parse;
  1750. if (ogario.hasOwnProperty(name)) {
  1751. ogario[name] = parse;
  1752. }
  1753. });
  1754. }
  1755. },
  1756. addInputBox(id, name, holder, callback) {
  1757. JQuery(id).append(`${`<div class="input-box"><span class="title-box">` + textLanguage[name] + `</span><input id="` + name + `" class="form-control" placeholder="` + holder}" value="${gameSetupTheme[name]}${`" /></div>`}`);
  1758. const app = this;
  1759. JQuery(`#${name}`).on(`input`, function() {
  1760. gameSetupTheme[name] = this.value;
  1761. app[callback]();
  1762. });
  1763. },
  1764. addCursorBox(id, url) {
  1765. if (url === gameSetupTheme.customCursor) {
  1766. JQuery(id).append(`<div class="cursor-box"><a href="#" class="active"><img src="` + url + `"></a></div>`);
  1767. } else {
  1768. JQuery(id).append(`<div class="cursor-box"><a href="#"><img src="` + url + `"></a></div>`);
  1769. }
  1770. },
  1771. setFont(name, fontFamily) {
  1772. gameSetupTheme[name] = fontFamily;
  1773. gameSetupTheme[`${name}Family`] = this.setFontFamily(fontFamily);
  1774. gameSetupTheme[name + `Weight`] = this.setFontWeight(fontFamily);
  1775. if (ogario.hasOwnProperty(name + `Family`)) {
  1776. ogario[name + `Family`] = gameSetupTheme[name + `Family`];
  1777. }
  1778. if (ogario.hasOwnProperty(`${name}Weight`)) {
  1779. ogario[`${name}Weight`] = gameSetupTheme[`${name}Weight`];
  1780. }
  1781. },
  1782. addFontBox(id, name, callback) {
  1783. JQuery(id).append(`${`<div class="font-box"><span class="title-box">` + textLanguage[name]}</span><div class="select-wrapper"><select id="${name}" class="form-control"></select></div></div>`);
  1784. JQuery(`#${name}`).append(`<option value="ubuntu">Ubuntu</option><option value="ubuntu-bold">Ubuntu Bold</option>`);
  1785. JQuery(`#${name}`).append(`<option value="roboto">Roboto</option><option value="roboto-bold">Roboto Bold</option>`);
  1786. JQuery(`#${name}`).append('<option value="oswald">Oswald</option><option value="oswald-bold">Oswald Bold</option>');
  1787. JQuery(`#${name}`).val(gameSetupTheme[name]);
  1788. const app = this;
  1789. if (callback) {
  1790. JQuery(`#${name}`).on('change', function() {
  1791. const value = this.value;
  1792. app.setFont(name, value);
  1793. app[callback]();
  1794. });
  1795. } else {
  1796. JQuery(`#${name}`).on(`change`, function() {
  1797. const value = this.value;
  1798. app.setFont(name, value);
  1799. });
  1800. }
  1801. },
  1802. setFontFamily(name) {
  1803. if (name.indexOf(`roboto`) != -1) {
  1804. return `Roboto`;
  1805. } else if (name.indexOf(`oswald`) != -1) {
  1806. return `Oswald`;
  1807. } else {
  1808. return 'Ubuntu';
  1809. }
  1810. },
  1811. setFontWeight(name) {
  1812. if (name.indexOf(`bold`) != -1) {
  1813. return 700;
  1814. }
  1815. return 400;
  1816. },
  1817. setThemeMenu() {
  1818. const app = this;
  1819. JQuery(`#theme`).append(`<ul class="submenu-tabs"><li class="theme-main-tab active"><a href="#theme-main" class="active ogicon-paint-format" data-toggle="tab-tooltip" title="${textLanguage.basicTheming}${`"></a></li><li class="theme-menu-tab"><a href="#theme-menu" class="ogicon-menu" data-toggle="tab-tooltip" title="`}${textLanguage.menuTheming}${`"></a></li><li class="theme-hud-tab"><a href="#theme-hud" class="ogicon-display" data-toggle="tab-tooltip" title="`}${textLanguage.hudTheming}${`"></a></li><li class="theme-chat-tab"><a href="#theme-chat" class="ogicon-bubbles" data-toggle="tab-tooltip" title="`}${textLanguage.chatTheming}"></a></li><li class="theme-minimap-tab"><a href="#theme-minimap" class="ogicon-location2" data-toggle="tab-tooltip" title="${textLanguage.miniMapTheming}${`"></a></li><li class="theme-images-tab"><a href="#theme-images" class="ogicon-compass" data-toggle="tab-tooltip" title="`}${textLanguage.imagesTheming}"></a></li></ul><div id="theme-main" class="submenu-panel"></div><div id="theme-menu" class="submenu-panel"></div><div id="theme-hud" class="submenu-panel"></div><div id="theme-chat" class="submenu-panel"></div><div id="theme-minimap" class="submenu-panel"></div><div id="theme-images" class="submenu-panel"></div>`);
  1820. this.addPresetBox(`#theme-main`, `themePreset`, gameTheme, `preset`, `changeThemePreset`);
  1821. this.addColorBox('#theme-main', `bgColor`, `setBgColor`);
  1822. this.addColorBox(`#theme-main`, `bordersColor`);
  1823. this.addColorBox(`#theme-main`, `gridColor`);
  1824. this.addColorBox('#theme-main', `sectorsColor`);
  1825. this.addColorBox(`#theme-main`, 'namesColor');
  1826. this.addColorBox('#theme-main', `namesStrokeColor`);
  1827. this.addColorBox(`#theme-main`, `massColor`);
  1828. this.addColorBox(`#theme-main`, `massStrokeColor`);
  1829. this.addColorBox(`#theme-main`, `virusColor`);
  1830. this.addColorBox(`#theme-main`, `virusStrokeColor`);
  1831. this.addColorBox(`#theme-main`, 'foodColor', `setFoodColor`);
  1832. this.addColorBox(`#theme-main`, `teammatesIndColor`, 'setIndicatorColor');
  1833. this.addColorBox(`#theme-main`, `cursorTrackingColor`);
  1834. this.addColorBox(`#theme-main`, `splitRangeColor`);
  1835. this.addColorBox('#theme-main', `safeAreaColor`);
  1836. this.addColorBox(`#theme-main`, `dangerAreaColor`);
  1837. this.addFontBox(`#theme-main`, 'namesFont');
  1838. this.addFontBox(`#theme-main`, `massFont`);
  1839. this.addFontBox(`#theme-main`, `sectorsFont`);
  1840. this.addSliderBox(`#theme-main`, `sectorsFontSize`, 200, 2000, 10);
  1841. this.addSliderBox(`#theme-main`, `namesScale`, 0.5, 2, 0.1);
  1842. this.addSliderBox(`#theme-main`, `massScale`, 1, 5, 1);
  1843. this.addSliderBox(`#theme-main`, `virMassScale`, 1, 5, 1);
  1844. this.addSliderBox('#theme-main', 'strokeScale', 1, 4, 0.1);
  1845. this.addSliderBox(`#theme-main`, 'foodSize', 1, 50, 1, `setFoodColor`);
  1846. this.addSliderBox(`#theme-main`, `virusStrokeSize`, 2, 40, 1);
  1847. this.addSliderBox('#theme-main', `bordersWidth`, 2, 200, 2);
  1848. this.addSliderBox(`#theme-main`, `sectorsWidth`, 2, 200, 2);
  1849. this.addSliderBox(`#theme-main`, `cellsAlpha`, 0.01, 0.99, 0.01);
  1850. this.addSliderBox(`#theme-main`, `skinsAlpha`, 0.01, 0.99, 0.01);
  1851. this.addSliderBox('#theme-main', `virusAlpha`, 0, 1, 0.01);
  1852. this.addSliderBox(`#theme-main`, 'textAlpha', 0.1, 1, 0.01);
  1853. this.addPresetBox(`#theme-menu`, 'menuPreset', themeSetup, `menuPreset`, 'changeMenuPreset');
  1854. this.addSliderBox(`#theme-menu`, `menuOpacity`, 0.1, 1, 0.01, `setMenuOpacity`);
  1855. this.addColorBox(`#theme-menu`, `menuMainColor`, `setMenuMainColor`);
  1856. this.addColorBox(`#theme-menu`, `menuBtnTextColor`, `setMenuButtons`);
  1857. this.addColorBox(`#theme-menu`, `menuPanelColor`, `setMenuPanelColor`);
  1858. this.addColorBox('#theme-menu', `menuPanelColor2`, `setMenuPanelColor`);
  1859. this.addColorBox(`#theme-menu`, `menuTextColor`, `setMenuTextColor`);
  1860. this.addColorBox(`#theme-menu`, 'menuTextColor2', `setMenuTextColor`);
  1861. this.addColorBox(`#theme-menu`, `btn1Color`, `setMenuButtons`);
  1862. this.addColorBox(`#theme-menu`, `btn1Color2`, `setMenuButtons`);
  1863. this.addColorBox(`#theme-menu`, 'btn2Color', `setMenuButtons`);
  1864. this.addColorBox(`#theme-menu`, `btn2Color2`, `setMenuButtons`);
  1865. this.addColorBox(`#theme-menu`, `btn3Color`, 'setMenuButtons');
  1866. this.addColorBox(`#theme-menu`, `btn3Color2`, `setMenuButtons`);
  1867. this.addColorBox(`#theme-menu`, `btn4Color`, `setMenuButtons`);
  1868. this.addColorBox(`#theme-menu`, `btn4Color2`, `setMenuButtons`);
  1869. this.addInputBox(`#theme-menu`, `menuBg`, `Image URL`, `setMenuBg`);
  1870. this.addColorBox(`#theme-hud`, `hudMainColor`, `setHudColors`);
  1871. this.addRgbaColorBox(`#theme-hud`, 'hudColor', 'setHudColors');
  1872. this.addColorBox(`#theme-hud`, 'hudTextColor', 'setHudColors');
  1873. this.addColorBox('#theme-hud', `statsHudColor`, `setHudColors`);
  1874. this.addColorBox(`#theme-hud`, `timeHudColor`, 'setHudColors');
  1875. this.addColorBox(`#theme-hud`, `top5MassColor`, `setHudColors`);
  1876. this.addColorBox(`#theme-hud`, `lbMeColor`, 'setHudColors');
  1877. this.addColorBox(`#theme-hud`, `lbTeammateColor`, `setHudColors`);
  1878. this.addFontBox(`#theme-hud`, `hudFont`, `setHudFont`);
  1879. this.addSliderBox('#theme-hud', 'hudScale', 1, 2, 0.01, `setHudScale`);
  1880. this.addRgbaColorBox('#theme-chat', `messageColor`, `setChatColors`);
  1881. this.addColorBox(`#theme-chat`, `messageTextColor`, 'setChatColors');
  1882. this.addColorBox(`#theme-chat`, `messageTimeColor`, `setChatColors`);
  1883. this.addColorBox('#theme-chat', `messageNickColor`, `setChatColors`);
  1884. this.addRgbaColorBox(`#theme-chat`, `commandsColor`, 'setChatColors');
  1885. this.addColorBox('#theme-chat', `commandsTextColor`, 'setChatColors');
  1886. this.addColorBox(`#theme-chat`, `commandsTimeColor`, 'setChatColors');
  1887. this.addColorBox(`#theme-chat`, `commandsNickColor`, `setChatColors`);
  1888. this.addRgbaColorBox(`#theme-chat`, `chatBoxColor`, `setChatColors`);
  1889. this.addSliderBox(`#theme-chat`, `chatScale`, 1, 2, 0.01, `setChatScale`);
  1890. this.addColorBox(`#theme-minimap`, `miniMapSectorsColor`, `setMiniMapSectorsColor`);
  1891. this.addColorBox(`#theme-minimap`, `miniMapSectorColor`);
  1892. this.addColorBox(`#theme-minimap`, `miniMapNickColor`);
  1893. this.addColorBox(`#theme-minimap`, `miniMapNickStrokeColor`);
  1894. this.addColorBox(`#theme-minimap`, `miniMapMyCellColor`);
  1895. this.addColorBox(`#theme-minimap`, `miniMapMyCellStrokeColor`);
  1896. this.addColorBox(`#theme-minimap`, `miniMapTeammatesColor`);
  1897. this.addColorBox(`#theme-minimap`, `miniMapDeathLocationColor`);
  1898. this.addColorBox(`#theme-minimap`, `miniMapGuidesColor`);
  1899. this.addFontBox(`#theme-minimap`, `miniMapFont`, `setMiniMapFont`);
  1900. this.addFontBox(`#theme-minimap`, 'miniMapNickFont');
  1901. this.addSliderBox('#theme-minimap', 'miniMapWidth', 200, 400, 2, 'setMiniMapWidth');
  1902. this.addSliderBox(`#theme-minimap`, `miniMapSectorsOpacity`, 0, 1, 0.01, `setMiniMapSectorsOpacity`);
  1903. this.addSliderBox(`#theme-minimap`, `miniMapNickSize`, 8, 16, 1);
  1904. this.addSliderBox(`#theme-minimap`, `miniMapNickStrokeSize`, 0, 6, 1);
  1905. this.addSliderBox(`#theme-minimap`, `miniMapMyCellSize`, 4, 10, 0.5);
  1906. this.addSliderBox(`#theme-minimap`, `miniMapMyCellStrokeSize`, 0, 10, 1);
  1907. this.addSliderBox(`#theme-minimap`, 'miniMapTeammatesSize', 4, 10, 0.5);
  1908. this.addInputBox(`#theme-images`, `customBackground`, `Image URL`, `setCustomBackground`);
  1909. this.addInputBox(`#theme-images`, `customCursor`, `Cursor image URL`, 'setCustomCursor');
  1910. const cursorUrl = `https://cdn.ogario.ovh/static/img/cursors/cursor_`;
  1911. for (let length = 0; length < 35; length++) {
  1912. if (length < 9) {
  1913. this.addCursorBox(`#theme-images`, `${cursorUrl}0${length + 1}.cur`);
  1914. continue;
  1915. }
  1916. this.addCursorBox(`#theme-images`, `${cursorUrl}${length + 1}${`.cur`}`);
  1917. }
  1918. JQuery(document).on(`click`, `#theme-images .cursor-box a`, function(event) {
  1919. event.preventDefault();
  1920. const url = JQuery(`img`, this).attr(`src`);
  1921. gameSetupTheme.customCursor = url;
  1922. app.setCustomCursor();
  1923. JQuery(`#customCursor`).val(url);
  1924. JQuery(`#theme-images .cursor-box a`).removeClass(`active`);
  1925. JQuery(this).addClass(`active`);
  1926. });
  1927. JQuery(`#theme`).append(`<button class="btn btn-block btn-success btn-save"">` + textLanguage.saveSett + `</button>`);
  1928. JQuery(document).on('click', `#theme .btn-save`, function(event) {
  1929. event.preventDefault();
  1930. const theme = JQuery(this);
  1931. theme.text(textLanguage.saved);
  1932. app.saveThemeSettings();
  1933. setTimeout(() => {
  1934. theme.text(textLanguage.saveSett);
  1935. }, 500);
  1936. });
  1937. JQuery(`#theme`).append(`<div class="restore-settings"><a href="#">` + textLanguage.restoreThemeSettings + `</a></div>`);
  1938. JQuery(document).on(`click`, `#theme .restore-settings a`, event => {
  1939. event.preventDefault();
  1940. app.restoreThemeSettings();
  1941. });
  1942. JQuery(`.skin`).colorpicker({
  1943. format: `hex`,
  1944. input: `#color`
  1945. });
  1946. },
  1947. changePreset(names, theme) {
  1948. if (theme[names]) {
  1949. gameSetupTheme[names] = names;
  1950. var names = theme[names];
  1951. } else {
  1952. return;
  1953. }
  1954. for (const name in names) {
  1955. if (names.hasOwnProperty(name) && gameSetupTheme.hasOwnProperty(name)) {
  1956. gameSetupTheme[name] = names[name];
  1957. if (ogario.hasOwnProperty(name)) {
  1958. ogario[name] = gameSetupTheme[name];
  1959. }
  1960. if (JQuery(`#theme .` + name + `-picker`)) {
  1961. JQuery(`#theme .` + name + `-picker`).colorpicker(`setValue`, gameSetupTheme[name]);
  1962. }
  1963. if (JQuery(`#${name}${`-slider`}`)) {
  1964. JQuery(`#${name}${`-slider`}`).val(gameSetupTheme[name]).change();
  1965. }
  1966. if (JQuery(`input[type=text]#${name}`) || JQuery(`select#` + name)) {
  1967. JQuery(`#${name}`).val(gameSetupTheme[name]);
  1968. }
  1969. }
  1970. }
  1971. },
  1972. changeThemePreset(name) {
  1973. this.changePreset(name, gameTheme);
  1974. this.setTheme();
  1975. },
  1976. setFonts() {
  1977. this.setFont(`namesFont`, gameSetupTheme.namesFont);
  1978. this.setFont('massFont', gameSetupTheme.namesFont);
  1979. this.setFont('sectorsFont', gameSetupTheme.sectorsFont);
  1980. },
  1981. setBgColor() {
  1982. JQuery(`body`).css('background-color', gameSetupTheme.bgColor);
  1983. },
  1984. setFoodColor() {
  1985. if (!gameOptionSettings.optimizedFood) {
  1986. return;
  1987. }
  1988. drawRender && drawRender.preDrawPellet();
  1989. },
  1990. setIndicatorColor() {
  1991. drawRender && drawRender.preDrawIndicator();
  1992. },
  1993. setCustomBackground() {
  1994. if (gameSetupTheme.customBackground) {
  1995. JQuery('body').css(`background-image`, `${`url(` + gameSetupTheme.customBackground})`);
  1996. } else {
  1997. JQuery('body').css('background-image', `none`);
  1998. }
  1999. },
  2000. setCustomCursor() {
  2001. if (gameSetupTheme.customCursor) {
  2002. var css = `*{cursor:url(` + gameSetupTheme.customCursor + `), auto !important}`;
  2003. } else {
  2004. var css = '*{cursor: auto}';
  2005. }
  2006. this.addCustomCSS(`cursorCSS`, css);
  2007. },
  2008. setMenu() {
  2009. this.setMenuOpacity();
  2010. this.setMenuMainColor();
  2011. this.setMenuPanelColor();
  2012. this.setMenuTextColor();
  2013. this.setMenuButtons();
  2014. this.setMenuBg();
  2015. },
  2016. changeMenuPreset(name) {
  2017. this.changePreset(name, themeSetup);
  2018. this.setMenu();
  2019. },
  2020. setMenuOpacity() {
  2021. JQuery('#helloContainer, #hotkeys, #exp-imp').css('opacity', gameSetupTheme.menuOpacity);
  2022. },
  2023. setMenuMainColor() {
  2024. const css = `::-moz-selection{background-color:` + gameSetupTheme.menuMainColor + `!important}::selection{background-color:` + gameSetupTheme.menuMainColor + `!important}.menu-main-color,#quick-menu a:hover,.quick,.quick:focus,.menu-tabs a:hover,.menu-tabs .active,.submenu-tabs a:hover,.submenu-tabs .active,#stats center,#exp-imp h1{color:` + gameSetupTheme.menuMainColor + `}#exp-bar .progress-bar-striped,.quick:hover,.rangeslider__fill{background-color:` + gameSetupTheme.menuMainColor + `}#main-menu,.agario-side-panel,#hotkeys,#exp-imp{border-color:` + gameSetupTheme.menuMainColor + `}.ps-scrollbar-y{background-color:` + gameSetupTheme.menuMainColor + `!important}`;
  2025. this.addCustomCSS(`menuMainColorCSS`, css);
  2026. },
  2027. setMenuPanelColor() {
  2028. const css = `${`#main-menu,.agario-side-panel,#hotkeys,#exp-imp{background-color: ` + gameSetupTheme.menuPanelColor + `}label:hover,.agario-panel input,.agario-panel select,.agario-side-panel input,.agario-side-panel select,.input-group-addon,.nick .input-group-btn,.skin .input-group-btn,#stream-mode,#hide-url,.menu-tabs a:hover,.menu-tabs .active,.submenu-tabs,#exp-bar .progress,#quick-menu a:hover,.quick,.select-wrapper,#hotkeys-cfg div.row:hover,#hotkeys-cfg .command-in,#exp-imp-settings textarea,.restore-settings{background-color: ` + gameSetupTheme.menuPanelColor2 + `}.agario-panel h5,.agario-side-panel h5,#stats h2,.menu-tabs,.submenu-tabs,#skins a.default,#stats hr,#hotkeys-cfg div.row, #exp-imp h1{border-color: ` + gameSetupTheme.menuPanelColor2}}.quick:hover,#skins a,#profiles{color:${gameSetupTheme.menuPanelColor2}}input.stream-mode,input.hide-url{color:${gameSetupTheme.menuPanelColor2}!important}`;
  2029. this.addCustomCSS('menuPanelColorCSS', css);
  2030. },
  2031. setMenuTextColor() {
  2032. const css = `${`.agario-panel,.agario-side-panel,.agario-panel input,.agario-panel select,.agario-side-panel input,.agario-side-panel select,.input-group-addon,.dark .yt-username,#stream-mode,#hide-url,.menu-tabs a,.submenu-tabs a,#skins a.default:hover,#quick-menu a,#prev-profile.default:hover,#next-profile.default:hover,#statsText,#hotkeys,#hotkeys-cfg .command-in,#exp-imp{color:` + gameSetupTheme.menuTextColor + `}#skins a.default:hover{border-color:` + gameSetupTheme.menuTextColor + `}::-webkit-input-placeholder{color:` + gameSetupTheme.menuTextColor2 + `!important}::-moz-placeholder{color:` + gameSetupTheme.menuTextColor2 + `!important}#user-id-tag, #version-tag,#statsSubtext,#hotkeys-inst,#exp-imp textarea,.restore-settings a,.restore-settings a:hover{color:` + gameSetupTheme.menuTextColor2 + `}#hotkeys-cfg .command-in,#theme .color-box{border-color:` + gameSetupTheme.menuTextColor2}}`;
  2033. this.addCustomCSS(`menuTextColorCSS`, css);
  2034. },
  2035. setMenuButtons() {
  2036. const css = `${`a,a:hover{color:` + gameSetupTheme.btn1Color}}.btn,#hotkeys-cfg .custom-key-in{color:${gameSetupTheme.menuBtnTextColor}${`}.btn-primary{background-color:`}${gameSetupTheme.btn1Color}${`!important}.btn-primary:active,.btn-primary:disabled,.btn-primary:focus,.btn-primary:hover{background-color:`}${gameSetupTheme.btn1Color2}${`!important}.btn-success{background-color:`}${gameSetupTheme.btn2Color}${`!important}.btn-success:active,.btn-success:disabled,.btn-success:focus,.btn-success:hover{background-color:`}${gameSetupTheme.btn2Color2}!important}.btn-warning{background-color:${gameSetupTheme.btn3Color}${`!important}.btn-warning:active,.btn-warning:disabled,.btn-warning:focus,.btn-warning:hover{background-color:`}${gameSetupTheme.btn3Color2}${`!important}.btn-danger{background-color:`}${gameSetupTheme.btn4Color}!important}.btn-danger:active,.btn-danger:disabled,.btn-danger:focus,.btn-danger:hover{background-color:${gameSetupTheme.btn4Color2}${`!important}#hotkeys-cfg .custom-key-in{background-color:`}${gameSetupTheme.btn4Color2}${`;border-color:`}${gameSetupTheme.btn4Color2}}`;
  2037. this.addCustomCSS(`menuButtonsCSS`, css);
  2038. },
  2039. setMenuBg() {
  2040. JQuery(`#menuBg`).val(gameSetupTheme.menuBg);
  2041. if (gameSetupTheme.menuBg) {
  2042. JQuery('.menu-panel, .agario-side-panel, #hotkeys, #exp-imp').css(`background-image`, `${`url(` + gameSetupTheme.menuBg})`);
  2043. } else {
  2044. JQuery('.menu-panel, .agario-side-panel, #hotkeys, #exp-imp').css(`background-image`, `none`);
  2045. }
  2046. },
  2047. setHud() {
  2048. this.setHudColors();
  2049. this.setHudFont();
  2050. this.setHudScale();
  2051. },
  2052. setHudColors() {
  2053. const css = `${`.hud-main-color,#top5-hud a,#target-panel-hud a:hover,#target-panel-hud a.active,#message-menu a{color:` + gameSetupTheme.hudMainColor + `}.hud,.hud-b,#chat-emoticons{background-color:` + gameSetupTheme.hudColor + `}.hud,.hud-b,#top5-hud a:hover,#target-panel-hud a{color:` + gameSetupTheme.hudTextColor}}.stats-hud-color{color:${gameSetupTheme.statsHudColor}${`}.time-hud-color{color:`}${gameSetupTheme.timeHudColor}${`}.top5-mass-color{color:`}${gameSetupTheme.top5MassColor}${`}#leaderboard-positions .me{color:`}${gameSetupTheme.lbMeColor}${`}#leaderboard-positions .teammate{color:`}${gameSetupTheme.lbTeammateColor}}`;
  2054. this.addCustomCSS('hudCSS', css);
  2055. },
  2056. setHudFont() {
  2057. this.setFont('hudFont', gameSetupTheme.hudFont);
  2058. JQuery('#overlays-hud').css({
  2059. 'font-family': gameSetupTheme.hudFontFamily,
  2060. 'font-weight': gameSetupTheme.hudFontWeight
  2061. });
  2062. },
  2063. setHudScale() {
  2064. const overlays = Math.round(20 * gameSetupTheme.hudScale);
  2065. const leadeboard = Math.round(200 * gameSetupTheme.hudScale);
  2066. const top5 = Math.floor(55 * gameSetupTheme.hudScale);
  2067. const top5_pos = Math.floor(6 * gameSetupTheme.hudScale);
  2068. const time = Math.floor(280 * gameSetupTheme.hudScale);
  2069. const pause = Math.floor(85 * gameSetupTheme.hudScale);
  2070. const target = Math.floor(20 * gameSetupTheme.hudScale);
  2071. JQuery('#overlays-hud').css(`font-size`, `${overlays}px`);
  2072. JQuery('#leaderboard-hud, #time-hud', '#botClient').width(leadeboard);
  2073. JQuery(`#top5-hud`).width(leadeboard + 30).css(`top`, `${top5}px`);
  2074. JQuery(`#top5-pos`).css('padding-left', `${top5_pos}px`);
  2075. JQuery(`#time-hud`).css(`top`, `${time}px`);
  2076. JQuery(`#pause-hud`).css(`top`, `${pause}px`);
  2077. JQuery(`#target-hud`).css('padding-top', `${target}px`);
  2078. },
  2079. setChat() {
  2080. this.setChatColors();
  2081. this.setChatScale();
  2082. },
  2083. setChatColors() {
  2084. const css = `${`#message,#messages li,.toast-success{background-color:` + gameSetupTheme.messageColor + `}#message,.message-text,.toast-success .message-text{color:` + gameSetupTheme.messageTextColor + `}.message-nick,.mute-user,.mute-user:hover,.toast-success .message-nick,.toast .mute-user,.toast .mute-user:hover{color:` + gameSetupTheme.messageNickColor + `}.message-time{color:` + gameSetupTheme.messageTimeColor}}.toast-warning{background-color:${gameSetupTheme.commandsColor}${`}.command-text,.toast-warning .command-text{color:`}${gameSetupTheme.commandsTextColor}${`}.command-nick,.toast-warning .command-nick,.toast-warning .mute-user,.toast-warning .mute-user:hover{color:`}${gameSetupTheme.commandsNickColor}${`}.command-time{color:`}${gameSetupTheme.commandsTimeColor}${`}#chat-box{background-color:`}${gameSetupTheme.chatBoxColor}}`;
  2085. this.addCustomCSS(`chatCSS`, css);
  2086. },
  2087. setChatScale() {
  2088. const message = Math.round(14 * gameSetupTheme.chatScale);
  2089. const toastContainer = Math.round(280 * gameSetupTheme.chatScale);
  2090. const messageBox = Math.round(350 * gameSetupTheme.chatScale);
  2091. const chatBox = Math.round(300 * gameSetupTheme.chatScale);
  2092. const userList = Math.floor(14 * gameSetupTheme.chatScale);
  2093. JQuery(`#message-box, #messages, #toast-container, #chat-box`).css(`font-size`, `${message}px`);
  2094. JQuery('#messages, #toast-container, #chat-box').width(toastContainer);
  2095. JQuery(`#message-box`).width(messageBox);
  2096. JQuery(`#chat-box`).height(chatBox);
  2097. JQuery('.user-list').css(`padding-left`, `${userList}px`);
  2098. const css = `#toast-container{width:` + toastContainer + `px;font-size:` + message + `px}`;
  2099. this.addCustomCSS(`chatScaleCSS`, css);
  2100. },
  2101. setMiniMap() {
  2102. this.setMiniMapFont();
  2103. this.setMiniMapWidth();
  2104. this.setMiniMapSectorsOpacity();
  2105. },
  2106. setMiniMapFont() {
  2107. this.setFont(`miniMapFont`, gameSetupTheme.miniMapFont);
  2108. application && application.resetMiniMapSectors();
  2109. },
  2110. setMiniMapWidth() {
  2111. const resizeWidth = gameSetupTheme.miniMapWidth / 200;
  2112. gameSetupTheme.miniMapTop = Math.round(20 * resizeWidth);
  2113. JQuery('#minimap-hud').css({
  2114. width: gameSetupTheme.miniMapWidth,
  2115. height: gameSetupTheme.miniMapWidth + gameSetupTheme.miniMapTop
  2116. });
  2117. application && application.resetMiniMapSectors();
  2118. },
  2119. setMiniMapSectorsColor() {
  2120. application && application.resetMiniMapSectors();
  2121. },
  2122. setMiniMapSectorsOpacity() {
  2123. JQuery('#minimap-sectors').css(`opacity`, gameSetupTheme.miniMapSectorsOpacity);
  2124. },
  2125. setTheme() {
  2126. this.setFonts();
  2127. this.setBgColor();
  2128. this.setCustomBackground();
  2129. this.setCustomCursor();
  2130. this.setMenu();
  2131. this.setHud();
  2132. this.setChat();
  2133. this.setMiniMap();
  2134. },
  2135. init() {
  2136. this.loadThemeSettings();
  2137. }
  2138. };
  2139. let PlayerProfiles = [];
  2140. const mainProfile = {
  2141. nick: `I <3 OGARio`,
  2142. clanTag: 'Ⓜ',
  2143. skinURL: '',
  2144. color: gameSetupTheme.mainColor
  2145. };
  2146. var gameOptionSettings = {
  2147. quickResp: true,
  2148. autoResp: false,
  2149. autoZoom: false,
  2150. autoHideNames: true,
  2151. autoHideMass: true,
  2152. autoHideFood: false,
  2153. autoHideFoodOnZoom: false,
  2154. noNames: false,
  2155. optimizedNames: true,
  2156. hideMyName: true,
  2157. hideTeammatesNames: false,
  2158. showMass: true,
  2159. optimizedMass: true,
  2160. shortMass: true,
  2161. virMassShots: true,
  2162. hideMyMass: false,
  2163. hideEnemiesMass: false,
  2164. vanillaSkins: false,
  2165. customSkins: true,
  2166. myTransparentSkin: false,
  2167. myCustomColor: false,
  2168. transparentCells: false,
  2169. transparentViruses: true,
  2170. transparentSkins: false,
  2171. showGrid: false,
  2172. showBgSectors: false,
  2173. showMapBorders: true,
  2174. showGhostCells: true,
  2175. showMiniMap: true,
  2176. showMiniMapGrid: false,
  2177. showMiniMapGuides: true,
  2178. showMiniMapGhostCells: false,
  2179. oneColoredTeammates: false,
  2180. optimizedFood: true,
  2181. rainbowFood: false,
  2182. oppColors: false,
  2183. oppRings: false,
  2184. virColors: false,
  2185. splitRange: false,
  2186. virusesRange: false,
  2187. textStroke: false,
  2188. namesStroke: false,
  2189. massStroke: false,
  2190. cursorTracking: false,
  2191. teammatesInd: false,
  2192. mouseSplit: false,
  2193. mouseFeed: false,
  2194. mouseInvert: false,
  2195. disableChat: false,
  2196. hideChat: false,
  2197. chatSounds: true,
  2198. chatEmoticons: true,
  2199. showChatBox: false,
  2200. showChatImages: true,
  2201. showChatVideos: true,
  2202. showTop5: true,
  2203. showTargeting: true,
  2204. showLbData: true,
  2205. showTime: true,
  2206. normalLb: false,
  2207. centeredLb: true,
  2208. fpsAtTop: true,
  2209. showStats: true,
  2210. showStatsMass: true,
  2211. showStatsSTE: false,
  2212. showStatsN16: false,
  2213. showStatsFPS: true,
  2214. blockPopups: false,
  2215. streamMode: false,
  2216. hideSkinUrl: false,
  2217. showQuickMenu: true,
  2218. showSkinsPanel: true,
  2219. animation: 140,
  2220. zoomSpeedValue: 0.9,
  2221. messageSound: `https://cdn.ogario.ovh/static/sounds/notification_01.mp3`,
  2222. commandSound: `https://cdn.ogario.ovh/static/sounds/notification_02.mp3`
  2223. };
  2224.  
  2225. function minimap(id, name, skinID, skinUrl) {
  2226. this.id = id;
  2227. this.nick = name;
  2228. this.skinID = skinID;
  2229. this.skinURL = skinUrl;
  2230. this.x = 0;
  2231. this.y = 0;
  2232. this.lastX = 0;
  2233. this.lastY = 0;
  2234. this.mass = 0;
  2235. this.clanTag = '';
  2236. this.color = null;
  2237. this.customColor = gameSetupTheme.miniMapTeammatesColor;
  2238. this.alive = false;
  2239. this.updateTime = null;
  2240. this.pi2 = 2 * Math.PI;
  2241. this.setColor = function(color, customColor) {
  2242. this.color = color;
  2243. if (customColor.length == 7) {
  2244. this.customColor = customColor;
  2245. }
  2246. };
  2247. this.drawPosition = function(ctx, offset, size, privateMap, targetID) {
  2248. if (!this.alive || privateMap && targetID && this.id != targetID) {
  2249. return;
  2250. }
  2251. this.lastX = (29 * this.lastX + this.x) / 30;
  2252. this.lastY = (29 * this.lastY + this.y) / 30;
  2253. const posX = (this.lastX + offset) * size;
  2254. const posY = (this.lastY + offset) * size;
  2255. if (this.nick.length > 0) {
  2256. ctx.font = `${gameSetupTheme.miniMapNickFontWeight} ${gameSetupTheme.miniMapNickSize}${`px `}${gameSetupTheme.miniMapNickFontFamily}`;
  2257. ctx.textAlign = `center`;
  2258. if (gameSetupTheme.miniMapNickStrokeSize > 0) {
  2259. ctx.lineWidth = gameSetupTheme.miniMapNickStrokeSize;
  2260. ctx.strokeStyle = gameSetupTheme.miniMapNickStrokeColor;
  2261. ctx.strokeText(this.nick, posX, posY - (gameSetupTheme.miniMapTeammatesSize * 2 + 2));
  2262. }
  2263. ctx.fillStyle = gameSetupTheme.miniMapNickColor;
  2264. ctx.fillText(this.nick, posX, posY - (gameSetupTheme.miniMapTeammatesSize * 2 + 2));
  2265. }
  2266. ctx.beginPath();
  2267. ctx.arc(posX, posY, gameSetupTheme.miniMapTeammatesSize, 0, this.pi2, false);
  2268. ctx.closePath();
  2269. if (gameOptionSettings.oneColoredTeammates) {
  2270. ctx.fillStyle = gameSetupTheme.miniMapTeammatesColor;
  2271. } else {
  2272. ctx.fillStyle = this.color;
  2273. }
  2274. ctx.fill();
  2275. };
  2276. }
  2277. const application = {
  2278. name: `OGARio by szymy v4`,
  2279. version: `v4 (4.0.0 b38)`,
  2280. privateMode: false,
  2281. protocolMode: true,
  2282. publicIP: `wss://srv.ogario.eu`,
  2283. privateIP: null,
  2284. updateInterval: 1000,
  2285. updateTick: 0,
  2286. updateMaxTick: 2,
  2287. currentSector: '',
  2288. miniMap: null,
  2289. miniMapCtx: null,
  2290. miniMapSectors: null,
  2291. pi2: 2 * Math.PI,
  2292. socket: null,
  2293. cells: {},
  2294. teamPlayers: [],
  2295. parties: [],
  2296. chatHistory: [],
  2297. chatUsers: {},
  2298. chatMutedUsers: {},
  2299. chatMutedUserIDs: [],
  2300. customSkinsCache: {},
  2301. customSkinsMap: {},
  2302. cacheQueue: [],
  2303. deathLocations: [],
  2304. playerID: null,
  2305. playerMass: 0,
  2306. selectedProfile: 0,
  2307. lastDeath: 0,
  2308. skipServerData: false,
  2309. gameMode: `:ffa`,
  2310. region: '',
  2311. partyToken: '',
  2312. ws: '',
  2313. serverIP: '',
  2314. serverArena: '',
  2315. serverToken: '',
  2316. lastSentNick: '',
  2317. lastSentClanTag: null,
  2318. lastSentSkinURL: '',
  2319. lastSentCustomColor: '',
  2320. lastSentPartyToken: '',
  2321. lastSentServerToken: '',
  2322. lastMessageSentTime: Date.now(),
  2323. rFps: 0,
  2324. renderedFrames: 0,
  2325. fpsLastRequest: null,
  2326. statsHUD: null,
  2327. leaderboardPositionsHUD: null,
  2328. leaderboardDataHUD: null,
  2329. activeParties: null,
  2330. top5pos: null,
  2331. top5totalMass: null,
  2332. top5totalPlayers: null,
  2333. top5limit: 5,
  2334. timeHUD: null,
  2335. questHUD: null,
  2336. retryResp: 0,
  2337. token: 'b2dhcmlvLm92aA==',
  2338. canvasScale: 1,
  2339. selectBiggestCell: true,
  2340. noColors: false,
  2341. skipStats: false,
  2342. showQuest: false,
  2343. showSplitInd: false,
  2344. pause: false,
  2345. targetID: 0,
  2346. targetStatus: 0,
  2347. targetNick: '',
  2348. targetSkinURL: '',
  2349. targeting: false,
  2350. privateMiniMap: false,
  2351. messageSound: null,
  2352. commandSound: null,
  2353. feedInterval: null,
  2354. getPlayerX() {
  2355. return ogario.playerX + ogario.mapOffsetX;
  2356. },
  2357. getPlayerY() {
  2358. return ogario.playerY + ogario.mapOffsetY;
  2359. },
  2360. feed() {
  2361. window.core && window.core.eject && window.core.eject();
  2362. },
  2363. macroFeed(on) {
  2364. if (on) {
  2365. if (this.feedInterval) {
  2366. return;
  2367. }
  2368. const app = this;
  2369. this.feed();
  2370. this.feedInterval = setInterval(() => {
  2371. app.feed();
  2372. }, 80);
  2373. } else {
  2374. if (this.feedInterval) {
  2375. clearInterval(this.feedInterval);
  2376. this.feedInterval = null;
  2377. }
  2378. }
  2379. },
  2380. split() {
  2381. window.core && window.core.split && window.core.split();
  2382. },
  2383. doubleSplit() {
  2384. const app = this;
  2385. app.split();
  2386. setTimeout(() => {
  2387. app.split();
  2388. }, 40);
  2389. },
  2390. popSplit() {
  2391. const app = this;
  2392. app.split();
  2393. setTimeout(() => {
  2394. app.split();
  2395. }, 200);
  2396. },
  2397. split16() {
  2398. const app = this;
  2399. app.split();
  2400. setTimeout(() => {
  2401. app.split();
  2402. }, 40);
  2403. setTimeout(() => {
  2404. app.split();
  2405. }, 80);
  2406. setTimeout(() => {
  2407. app.split();
  2408. }, 120);
  2409. },
  2410. toggleSkins() {
  2411. if (ogario.vanillaSkins && ogario.customSkins) {
  2412. ogario.vanillaSkins = false;
  2413. } else if (!ogario.vannillaSkins && ogario.customSkins) {
  2414. ogario.vanillaSkins = true;
  2415. ogario.customSkins = false;
  2416. } else {
  2417. ogario.vanillaSkins = true;
  2418. ogario.customSkins = true;
  2419. }
  2420. },
  2421. toggleCells() {
  2422. this.selectBiggestCell = !this.selectBiggestCell;
  2423. ogario.selectBiggestCell = this.selectBiggestCell;
  2424. },
  2425. setShowTop5() {
  2426. gameOptionSettings.showTop5 = !gameOptionSettings.showTop5;
  2427. this.setTop5();
  2428. },
  2429. setTop5() {
  2430. if (gameOptionSettings.showTop5) {
  2431. JQuery(`#top5-hud`).show();
  2432. } else {
  2433. JQuery('#top5-hud').hide();
  2434. }
  2435. },
  2436. setShowTargeting() {
  2437. gameOptionSettings.showTargeting = !gameOptionSettings.showTargeting;
  2438. this.setTargetingHUD();
  2439. },
  2440. setTargetingHUD() {
  2441. if (gameOptionSettings.showTargeting) {
  2442. JQuery('#target-hud, #target-panel-hud').show();
  2443. } else {
  2444. JQuery('#target-hud, #target-panel-hud').hide();
  2445. }
  2446. },
  2447. setShowTime() {
  2448. gameOptionSettings.showTime = !gameOptionSettings.showTime;
  2449. if (gameOptionSettings.showTime) {
  2450. JQuery(`#time-hud`).show();
  2451. this.displayTime();
  2452. } else {
  2453. JQuery(`#time-hud`).hide();
  2454. }
  2455. },
  2456. setShowSplitRange() {
  2457. gameOptionSettings.splitRange = !gameOptionSettings.splitRange;
  2458. ogario.splitRange = gameOptionSettings.splitRange;
  2459. },
  2460. setShowSplitInd() {
  2461. this.showSplitInd = !this.showSplitInd;
  2462. gameOptionSettings.splitRange = this.showSplitInd;
  2463. gameOptionSettings.oppRings = this.showSplitInd;
  2464. ogario.splitRange = gameOptionSettings.splitRange;
  2465. ogario.oppRings = gameOptionSettings.oppRings;
  2466. },
  2467. setShowTeammatesInd() {
  2468. gameOptionSettings.teammatesInd = !gameOptionSettings.teammatesInd;
  2469. },
  2470. setShowOppColors() {
  2471. gameOptionSettings.oppColors = !gameOptionSettings.oppColors;
  2472. ogario.oppColors = gameOptionSettings.oppColors;
  2473. },
  2474. setShowSkins() {
  2475. this.noSkins = !this.noSkins;
  2476. window.core && window.core.setSkins && window.core.setSkins(!this.noSkins);
  2477. ogario.showCustomSkins = !this.noSkins;
  2478. this.displayChatInfo(!this.noSkins, `showSkinsMsg`);
  2479. },
  2480. setTransparentSkins() {
  2481. gameOptionSettings.transparentSkins = !gameOptionSettings.transparentSkins;
  2482. ogario.transparentSkins = gameOptionSettings.transparentSkins;
  2483. },
  2484. setShowStats() {
  2485. JQuery(`#stats-hud`).toggle();
  2486. },
  2487. setShowFood() {
  2488. ogario.showFood = !ogario.showFood;
  2489. },
  2490. setShowHUD() {
  2491. JQuery(`#overlays-hud`).toggle();
  2492. },
  2493. setShowGrid() {
  2494. gameOptionSettings.showGrid = !gameOptionSettings.showGrid;
  2495. },
  2496. setShowMiniMapGuides() {
  2497. gameOptionSettings.showMiniMapGuides = !gameOptionSettings.showMiniMapGuides;
  2498. },
  2499. setShowLb() {
  2500. if (this.gameMode === `:teams`) {
  2501. return;
  2502. }
  2503. JQuery(`#leaderboard-hud`).toggle();
  2504. },
  2505. setShowBgSectors() {
  2506. gameOptionSettings.showBgSectors = !gameOptionSettings.showBgSectors;
  2507. },
  2508. setHideSmallBots() {
  2509. ogario.hideSmallBots = !ogario.hideSmallBots;
  2510. this.displayChatInfo(!ogario.hideSmallBots, `hideSmallBotsMsg`);
  2511. },
  2512. setShowNames() {
  2513. gameOptionSettings.noNames = !gameOptionSettings.noNames;
  2514. },
  2515. setHideTeammatesNames() {
  2516. gameOptionSettings.hideTeammatesNames = !gameOptionSettings.hideTeammatesNames;
  2517. },
  2518. setShowMass() {
  2519. gameOptionSettings.showMass = !gameOptionSettings.showMass;
  2520. },
  2521. setShowMiniMap() {
  2522. gameOptionSettings.showMiniMap = !gameOptionSettings.showMiniMap;
  2523. this.setMiniMap();
  2524. },
  2525. setMiniMap() {
  2526. if (gameOptionSettings.showMiniMap) {
  2527. JQuery(`#minimap-hud`).show();
  2528. } else {
  2529. JQuery(`#minimap-hud`).hide();
  2530. }
  2531. },
  2532. setShowQuest() {
  2533. if (this.gameMode !== `:ffa`) {
  2534. return;
  2535. }
  2536. this.showQuest = !this.showQuest;
  2537. this.setQuest();
  2538. },
  2539. setQuest() {
  2540. if (this.showQuest && this.gameMode === `:ffa`) {
  2541. JQuery(`#quest-hud`).show();
  2542. } else {
  2543. JQuery(`#quest-hud`).hide();
  2544. }
  2545. },
  2546. toggleAutoZoom() {
  2547. ogario.autoZoom = !ogario.autoZoom;
  2548. this.displayChatInfo(ogario.autoZoom, `autoZoomMsg`);
  2549. },
  2550. resetZoom(on) {
  2551. if (on) {
  2552. ogario.zoomResetValue = 1;
  2553. ogario.zoomValue = 1;
  2554. } else {
  2555. ogario.zoomResetValue = 0;
  2556. }
  2557. },
  2558. setZoom(value) {
  2559. ogario.zoomValue = value;
  2560. },
  2561. toggleDeath() {
  2562. this.lastDeath--;
  2563. if (this.lastDeath < 0) {
  2564. this.lastDeath = this.deathLocations.length - 1;
  2565. }
  2566. },
  2567. tryResp() {
  2568. if (ogario.play || this.retryResp == 20) {
  2569. this.retryResp = 0;
  2570. return;
  2571. }
  2572. this.retryResp++;
  2573. const app = this;
  2574. setTimeout(() => {
  2575. if (JQuery(`.btn-play-guest`).is(`:visible`)) {
  2576. JQuery(`.btn-play-guest`).click();
  2577. } else {
  2578. JQuery('.btn-play').click();
  2579. }
  2580. if (!ogario.play) {
  2581. app.tryResp();
  2582. }
  2583. }, 500);
  2584. },
  2585. quickResp() {
  2586. if (!gameOptionSettings.quickResp) {
  2587. return;
  2588. }
  2589. this.hideMenu();
  2590. this.gameServerConnect(this.ws);
  2591. ogario.play = false;
  2592. this.tryResp();
  2593. },
  2594. autoResp() {
  2595. if (!gameOptionSettings.autoResp) {
  2596. return;
  2597. }
  2598. this.setAutoResp();
  2599. JQuery('#overlays').stop().hide();
  2600. if (JQuery('.btn-play-guest').is(`:visible`)) {
  2601. JQuery(`.btn-play-guest`).click();
  2602. return;
  2603. }
  2604. JQuery('.btn-play').click();
  2605. },
  2606. setAutoResp() {
  2607. if (gameOptionSettings.autoResp) {
  2608. if (!JQuery(`#skipStats`).prop(`checked`)) {
  2609. JQuery(`#skipStats`).click();
  2610. this.skipStats = true;
  2611. }
  2612. }
  2613. },
  2614. toggleAutoResp() {
  2615. gameOptionSettings.autoResp = !gameOptionSettings.autoResp;
  2616. this.setAutoResp();
  2617. this.displayChatInfo(gameOptionSettings.autoResp, `autoRespMsg`);
  2618. },
  2619. copyLb() {
  2620. const input = JQuery(`<input>`);
  2621. JQuery(`body`).append(input);
  2622. input.val(JQuery('#leaderboard-positions').text()).select();
  2623. try {
  2624. document.execCommand(`copy`);
  2625. } catch (error) {
  2626. console.log("can't copy..")
  2627. }
  2628. input.remove();
  2629. },
  2630. setPause() {
  2631. this.pause = !this.pause;
  2632. ogario.pause = this.pause;
  2633. if (this.pause) {
  2634. ogario.resetTargetPosition();
  2635. JQuery(`#pause-hud`).show();
  2636. } else {
  2637. JQuery(`#pause-hud`).hide();
  2638. }
  2639. },
  2640. setCenteredLb() {
  2641. if (gameOptionSettings.centeredLb) {
  2642. JQuery(`#leaderboard-hud`).addClass('hud-text-center');
  2643. } else {
  2644. JQuery(`#leaderboard-hud`).removeClass('hud-text-center');
  2645. }
  2646. },
  2647. setNormalLb() {
  2648. if (gameOptionSettings.normalLb) {
  2649. JQuery(`#leaderboard-hud h4`).html(textLanguage.leaderboard);
  2650. } else {
  2651. JQuery('#leaderboard-hud h4').html(`ogario.ovh`);
  2652. }
  2653. },
  2654. setFpsAtTop() {
  2655. if (gameOptionSettings.fpsAtTop) {
  2656. JQuery('#stats-hud').removeClass('hud-bottom').addClass(`hud-top`);
  2657. } else {
  2658. JQuery(`#stats-hud`).removeClass(`hud-top`).addClass(`hud-bottom`);
  2659. }
  2660. },
  2661. setBlockPopups() {
  2662. if (this.protocolMode) {
  2663. JQuery(`#block-warn`).hide();
  2664. return;
  2665. }
  2666. if (gameOptionSettings.blockPopups) {
  2667. this.blockPopups();
  2668. } else {
  2669. this.unblockPopups();
  2670. }
  2671. },
  2672. blockPopups() {
  2673. JQuery(`#openfl-content, #openfl-overlay`).hide();
  2674. JQuery(`#openfl-content, #openfl-overlay`).addClass(`block-popups`);
  2675. JQuery(`#freeCoins, #gifting, #openShopBtn, #dailyQuests`).prop(`disabled`, true);
  2676. JQuery(`#block-warn`).show();
  2677. },
  2678. unblockPopups() {
  2679. JQuery(`#openfl-overlay.disabler`).click();
  2680. JQuery(`#openfl-content, #openfl-overlay`).hide();
  2681. JQuery(`#openfl-content, #openfl-overlay`).removeClass(`block-popups`);
  2682. JQuery(`#freeCoins, #gifting, #openShopBtn, #dailyQuests`).prop(`disabled`, false);
  2683. JQuery(`#block-warn`).hide();
  2684. },
  2685. tempUnblockPopups() {
  2686. if (!gameOptionSettings.blockPopups) {
  2687. return;
  2688. }
  2689. this.unblockPopups();
  2690. },
  2691. displayLeaderboard(position, data = '') {
  2692. if (!this.leaderboardPositionsHUD) {
  2693. return;
  2694. }
  2695. this.leaderboardPositionsHUD.innerHTML = position;
  2696. this.leaderboardDataHUD.innerHTML = data;
  2697. },
  2698. displayStats() {
  2699. if (!gameOptionSettings.showStats) {
  2700. JQuery(`#stats-hud`).hide();
  2701. return;
  2702. }
  2703. let text = '';
  2704. if (ogario.play) {
  2705. if (gameOptionSettings.showStatsMass && ogario.playerMass) {
  2706. text += `${textLanguage.mass}: ${ogario.playerMass} | `;
  2707. }
  2708. if (ogario.playerScore) {
  2709. text += `${textLanguage.score}: ${ogario.playerScore}`;
  2710. }
  2711. if (gameOptionSettings.showStatsSTE && ogario.STE) {
  2712. text += ` | STE: ` + ogario.STE;
  2713. }
  2714. if (gameOptionSettings.showStatsN16 && ogario.playerSplitCells) {
  2715. text += ` | ` + ogario.playerSplitCells + `/16`;
  2716. }
  2717. if (gameOptionSettings.showStatsFPS) {
  2718. text += ` | `;
  2719. }
  2720. }
  2721. if (gameOptionSettings.showStatsFPS) {
  2722. text += `FPS: ` + drawRender.fps;
  2723. }
  2724. this.statsHUD.textContent = text;
  2725. const app = this;
  2726. setTimeout(() => {
  2727. app.displayStats();
  2728. }, 250);
  2729. },
  2730. displayTime() {
  2731. if (!gameOptionSettings.showTime) {
  2732. JQuery(`#time-hud`).hide();
  2733. return;
  2734. }
  2735. const time = new Date().toLocaleString();
  2736. this.timeHUD.textContent = time;
  2737. const app = this;
  2738. setTimeout(() => {
  2739. app.displayTime();
  2740. }, 1000);
  2741. },
  2742. displayParties() {
  2743. let text = '';
  2744. for (let length = 0; length < this.parties.length; length++) {
  2745. text += `<li><a href="https://agar.io/#` + this.parties[length] + `" onclick="$('#party-token').val('` + this.parties[length] + `'); $('#join-party-btn-2').click();">https://agar.io/#` + this.parties[length] + `</a></li>`;
  2746. }
  2747. if (text === '') {
  2748. this.activeParties.className = `no-parties`;
  2749. } else {
  2750. this.activeParties.className = '';
  2751. }
  2752. this.activeParties.innerHTML = text;
  2753. },
  2754. displayTop5() {
  2755. if (!gameOptionSettings.showTop5) {
  2756. return;
  2757. }
  2758. let text = '';
  2759. let mass = 0;
  2760. let top5length = this.top5.length;
  2761. for (let length = 0; length < top5length; length++) {
  2762. mass += this.top5[length].mass;
  2763. if (length >= this.top5limit) {
  2764. continue;
  2765. }
  2766. text += `<li><span class="cell-counter" style="background-color: ${this.top5[length].color}">${length + 1}${`</span>`}`;
  2767. if (gameOptionSettings.showTargeting) {
  2768. text += `<a href="#" data-user-id="` + this.top5[length].id + `" class="set-target ogicon-target"></a> `;
  2769. }
  2770. text += `<span class="hud-main-color">[` + this.calculateMapSector(this.top5[length].x, this.top5[length].y) + `]</span>`;
  2771. text += `<span class="top5-mass-color">[${this.shortMassFormat(this.top5[length].mass)}${`]</span> `}${this.escapeHTML(this.top5[length].nick)}${`</li>`}`;
  2772. }
  2773. this.top5pos.innerHTML = text;
  2774. if (ogario.play && ogario.playerMass) {
  2775. mass += ogario.playerMass;
  2776. top5length++;
  2777. }
  2778. this.top5totalMass.textContent = this.shortMassFormat(mass);
  2779. this.top5totalPlayers.textContent = top5length;
  2780. },
  2781. setTop5limit(value) {
  2782. if (!value) {
  2783. return;
  2784. }
  2785. this.top5limit = value;
  2786. },
  2787. displayChatHistory(on) {
  2788. if (on) {
  2789. this.clearChatHistory(true);
  2790. for (let length = 0; length < this.chatHistory.length; length++) {
  2791. JQuery(`#messages`).append(`<li><span class="message-nick">` + this.chatHistory[length].nick + `: </span><span class="message-text">` + this.chatHistory[length].message + `</span></li>`);
  2792. }
  2793. return;
  2794. }
  2795. this.clearChatHistory(false);
  2796. },
  2797. clearChatHistory(on) {
  2798. JQuery(`#messages`).empty();
  2799. if (on) {
  2800. toastr.clear();
  2801. if (gameOptionSettings.showChatBox) {
  2802. JQuery(`#chat-box .message`).remove();
  2803. this.chatHistory.length = 0;
  2804. }
  2805. }
  2806. },
  2807. displayChatInfo(on, info) {
  2808. if (on) {
  2809. toastr.info(textLanguage[`${info}A`]);
  2810. } else {
  2811. toastr.error(textLanguage[`${info}B`]);
  2812. }
  2813. },
  2814. setDisableChat() {
  2815. gameOptionSettings.hideChat = gameOptionSettings.disableChat;
  2816. this.setHideChat();
  2817. },
  2818. hideChat() {
  2819. gameOptionSettings.hideChat = !gameOptionSettings.hideChat;
  2820. this.setHideChat();
  2821. this.displayChatInfo(!gameOptionSettings.hideChat, `hideChatMsg`);
  2822. },
  2823. setHideChat() {
  2824. if (gameOptionSettings.hideChat) {
  2825. JQuery(`#message-box`).hide();
  2826. }
  2827. this.setShowChatBox();
  2828. },
  2829. setShowChatBox() {
  2830. if (!gameOptionSettings.hideChat && gameOptionSettings.showChatBox) {
  2831. JQuery('#chat-box').show();
  2832. } else {
  2833. JQuery(`#chat-box`).hide();
  2834. }
  2835. },
  2836. enterChatMessage() {
  2837. const messageBox = JQuery(`#message-box`);
  2838. const message = JQuery(`#message`);
  2839. if (!messageBox.is(`:visible`)) {
  2840. messageBox.show();
  2841. message.focus();
  2842. message.val('');
  2843. } else {
  2844. const value = message.val();
  2845. if (value.length) {
  2846. this.sendChatMessage(101, value);
  2847. if (ogario.play) {
  2848. message.blur();
  2849. messageBox.hide();
  2850. }
  2851. } else {
  2852. message.blur();
  2853. messageBox.hide();
  2854. }
  2855. message.val('');
  2856. }
  2857. },
  2858. showMenu(value) {
  2859. if (window.MC && window.MC.showNickDialog) {
  2860. JQuery('.ogario-menu').show();
  2861. JQuery('.menu-panel').hide();
  2862. if (!ogario.play && !this.skipStats) {
  2863. JQuery('#stats').show();
  2864. } else {
  2865. JQuery(`#main-panel`).show();
  2866. }
  2867. window.MC.showNickDialog(300);
  2868. JQuery('#oferwallContainer').is(`:visible`) && window.closeOfferwall();
  2869. JQuery(`#videoContainer`).is(`:visible`) && window.closeVideoContainer();
  2870. return;
  2871. }
  2872. if (value) {
  2873. JQuery(`#overlays`).fadeIn(value);
  2874. } else {
  2875. JQuery(`#overlays`).show();
  2876. }
  2877. },
  2878. hideMenu(value) {
  2879. if (window.MC && window.MC.showNickDialog) {
  2880. JQuery(`.ogario-menu`).hide();
  2881. return;
  2882. }
  2883. if (value) {
  2884. JQuery(`#overlays`).fadeOut(value);
  2885. } else {
  2886. JQuery(`#overlays`).hide();
  2887. }
  2888. },
  2889. escapeHTML(string) {
  2890. return String(string).replace(/[&<>"'/]/g, event => escapeChar[event]);
  2891. },
  2892. checkImgURL(url) {
  2893. if (url.includes("png") || url.includes("jpg") || url.includes("jpeg")) {
  2894. return url;
  2895. } else {
  2896. return false;
  2897. }
  2898. },
  2899. checkSkinURL(url) {
  2900. return this.checkImgURL(url)
  2901. },
  2902. loadSettings() {
  2903. let settings = null;
  2904. if (window.localStorage.getItem(`ogarioSettings`) !== null) {
  2905. settings = JSON.parse(window.localStorage.getItem(`ogarioSettings`));
  2906. }
  2907. for (const option in gameOptionSettings) {
  2908. if (gameOptionSettings.hasOwnProperty(option)) {
  2909. if (settings && settings.hasOwnProperty(option)) {
  2910. gameOptionSettings[option] = settings[option];
  2911. }
  2912. if (ogario.hasOwnProperty(option)) {
  2913. ogario[option] = gameOptionSettings[option];
  2914. }
  2915. }
  2916. }
  2917. },
  2918. saveSettings(option, name) {
  2919. window.localStorage.setItem(name, JSON.stringify(option));
  2920. },
  2921. exportSettings() {
  2922. let options = {
  2923. ogarioCommands: chatCommand,
  2924. ogarioHotkeys: hotkeys,
  2925. ogarioPlayerProfiles: PlayerProfiles,
  2926. ogarioSettings: gameOptionSettings,
  2927. ogarioThemeSettings: gameSetupTheme
  2928. };
  2929. for (const option in options) {
  2930. if (options.hasOwnProperty(option)) {
  2931. const checked = JQuery(`#export-` + option).prop(`checked`);
  2932. if (!checked) {
  2933. delete options[option];
  2934. }
  2935. }
  2936. }
  2937. options = JSON.stringify(options);
  2938. JQuery(`#export-settings`).val(options);
  2939. JQuery(`#import-settings`).val('');
  2940. options = null;
  2941. },
  2942. importSettings() {
  2943. JQuery(`#import-settings`).blur();
  2944. let importValue = JQuery(`#import-settings`).val();
  2945. if (importValue) {
  2946. importValue = JSON.parse(importValue);
  2947. for (const value in importValue) {
  2948. if (importValue.hasOwnProperty(value)) {
  2949. const checked = JQuery(`#import-` + value).prop(`checked`);
  2950. if (!checked) {
  2951. continue;
  2952. }
  2953. window.localStorage.setItem(value, JSON.stringify(importValue[value]));
  2954. }
  2955. }
  2956. window.location.reload();
  2957. }
  2958. },
  2959. restoreSettings() {
  2960. if (window.localStorage.getItem('ogarioSettings') !== null) {
  2961. window.localStorage.removeItem(`ogarioSettings`);
  2962. window.location.reload();
  2963. }
  2964. },
  2965. setSettings(id, checked) {
  2966. if (gameOptionSettings.hasOwnProperty(id) && checked !== null) {
  2967. gameOptionSettings[id] = checked;
  2968. if (ogario.hasOwnProperty(id)) {
  2969. ogario[id] = checked;
  2970. }
  2971. switch (id) {
  2972. case `autoResp`:
  2973. this.setAutoResp();
  2974. break;
  2975. case `showMiniMap`:
  2976. this.setMiniMap();
  2977. break;
  2978. case `showMiniMapGrid`:
  2979. this.resetMiniMapSectors();
  2980. break;
  2981. case `disableChat`:
  2982. this.setDisableChat();
  2983. break;
  2984. case `chatSounds`:
  2985. this.setChatSoundsBtn();
  2986. break;
  2987. case 'showChatBox':
  2988. this.setShowChatBox();
  2989. break;
  2990. case `showTop5`:
  2991. this.setTop5();
  2992. break;
  2993. case 'showTargeting':
  2994. this.setTargetingHUD();
  2995. break;
  2996. case `showTime`:
  2997. this.displayTime();
  2998. JQuery('#time-hud').show();
  2999. break;
  3000. case `centeredLb`:
  3001. this.setCenteredLb();
  3002. break;
  3003. case 'normalLb':
  3004. this.setNormalLb();
  3005. break;
  3006. case `fpsAtTop`:
  3007. this.setFpsAtTop();
  3008. break;
  3009. case `showStats`:
  3010. this.displayStats();
  3011. JQuery(`#stats-hud`).show();
  3012. break;
  3013. case 'blockPopups':
  3014. this.setBlockPopups();
  3015. break;
  3016. }
  3017. this.saveSettings(gameOptionSettings, 'ogarioSettings');
  3018. }
  3019. },
  3020. loadProfiles() {
  3021. if (window.localStorage.getItem(`ogarioPlayerProfiles`) !== null) {
  3022. PlayerProfiles = JSON.parse(window.localStorage.getItem('ogarioPlayerProfiles'));
  3023. } else {
  3024. let profilesLength = 10;
  3025. for (let length = 0; length < profilesLength; length++) {
  3026. PlayerProfiles.push({
  3027. nick: `Profile #` + (length + 1),
  3028. clanTag: '',
  3029. skinURL: '',
  3030. color: gameSetupTheme.mainColor
  3031. });
  3032. }
  3033. }
  3034. if (window.localStorage.getItem(`ogarioSelectedProfile`) !== null) {
  3035. this.selectedProfile = JSON.parse(window.localStorage.getItem(`ogarioSelectedProfile`));
  3036. }
  3037. mainProfile.nick = PlayerProfiles[this.selectedProfile].nick;
  3038. mainProfile.clanTag = PlayerProfiles[this.selectedProfile].clanTag;
  3039. mainProfile.skinURL = PlayerProfiles[this.selectedProfile].skinURL;
  3040. mainProfile.color = PlayerProfiles[this.selectedProfile].color;
  3041. },
  3042. changeSkinPreview(img, id) {
  3043. if (!img || !id) {
  3044. return;
  3045. }
  3046. if (id === `skin-preview`) {
  3047. JQuery(`#skin-preview`).removeClass(`default`).append(`<a href="#" id="skin-popover" data-toggle="popover" title="" data-html="true" data-content="<img src='${img.src}' width='500'>"></a>`);
  3048. JQuery(`#skin-popover`).append(JQuery(img).fadeIn(1000));
  3049. JQuery('#skin-popover').popover();
  3050. } else {
  3051. JQuery(`#${id}`).removeClass(`default`).append(JQuery(img).fadeIn(1000));
  3052. }
  3053. },
  3054. setSkinPreview(img, id) {
  3055. const skinID = id == `skin-preview`;
  3056. if (JQuery(`#${id}${` img`}`).attr('src') === img) {
  3057. return;
  3058. }
  3059. JQuery(`#${id}`).empty().addClass(`default`);
  3060. if (!img) {
  3061. skinID && JQuery(`#skin`).popover(`hide`);
  3062. return;
  3063. }
  3064. if (!this.checkSkinURL(img)) {
  3065. if (skinID) {
  3066. let notValidText = '<p><strong>Submitted URL is not valid.</strong></p>';
  3067. if (/hizliresim.com/ .test(img)) {
  3068. notValidText += `<p>NOTICE: <strong>hizliresim.com</strong> is not supported anymore.</p>`;
  3069. }
  3070. notValidText += `<p>Check if URL:</p><ul><li>is supported by OGARio (see list below)</li><li>is no longer than 60 characters</li></ul>`;
  3071. notValidText += '<p>Supported image hosting sites:</p>';
  3072. notValidText += `<ol>`;
  3073. for (let length = 0; length < SkinExplain.length; length++) {
  3074. notValidText += `${`<li><strong><a href="` + SkinExplain[length].url}" rel="noreferrer noopener" target="_blank">${SkinExplain[length].name}</a></strong><span class="example-url">e.g. <a href="${SkinExplain[length].example}${`" rel="noreferrer noopener" target="_blank">`}${SkinExplain[length].example}${`</a></span></li>`}`;
  3075. }
  3076. notValidText += `</ol>`;
  3077. JQuery('#skin').attr(`data-content`, notValidText);
  3078. JQuery(`#skin`).popover('show');
  3079. JQuery(`#skin`).focus();
  3080. }
  3081. return;
  3082. }
  3083. const app = this;
  3084. const image = new Image();
  3085. image.crossOrigin = `Anonymous`;
  3086. image.onload = () => {
  3087. app.changeSkinPreview(image, id);
  3088. skinID && JQuery(`#skin`).popover(`hide`);
  3089. };
  3090. image.onerror = () => {
  3091. if (skinID) {
  3092. let errorText = '<p><strong>Error while loading image.</strong></p>';
  3093. errorText += `<p>Check if image URL is valid.</p>`;
  3094. JQuery(`#skin`).attr(`data-content`, errorText);
  3095. JQuery(`#skin`).popover('show');
  3096. JQuery(`#skin`).focus();
  3097. }
  3098. };
  3099. image.src = img;
  3100. },
  3101. setProfile() {
  3102. const prevProfile = (PlayerProfiles.length + this.selectedProfile - 1) % PlayerProfiles.length;
  3103. const nextProfile = (this.selectedProfile + 1) % PlayerProfiles.length;
  3104. this.setSkinPreview(PlayerProfiles[prevProfile].skinURL, 'prev-profile');
  3105. this.setSkinPreview(PlayerProfiles[this.selectedProfile].skinURL, `skin-preview`);
  3106. this.setSkinPreview(PlayerProfiles[nextProfile].skinURL, `next-profile`);
  3107. this.saveSettings(this.selectedProfile, `ogarioSelectedProfile`);
  3108. JQuery(`#nick`).val(PlayerProfiles[this.selectedProfile].nick);
  3109. JQuery(`#clantag`).val(PlayerProfiles[this.selectedProfile].clanTag);
  3110. JQuery(`#skin`).val(PlayerProfiles[this.selectedProfile].skinURL);
  3111. JQuery(`#color`).val(PlayerProfiles[this.selectedProfile].color);
  3112. JQuery(`.skin`).colorpicker(`setValue`, PlayerProfiles[this.selectedProfile].color);
  3113. JQuery('#skins a').removeClass('selected');
  3114. JQuery(`#skins a[data-profile=${this.selectedProfile}]`).addClass(`selected`);
  3115. },
  3116. prevProfile() {
  3117. this.setPlayerSettings();
  3118. this.selectedProfile = (PlayerProfiles.length + this.selectedProfile - 1) % PlayerProfiles.length;
  3119. this.setProfile();
  3120. },
  3121. nextProfile() {
  3122. this.setPlayerSettings();
  3123. this.selectedProfile = (this.selectedProfile + 1) % PlayerProfiles.length;
  3124. this.setProfile();
  3125. },
  3126. selectProfile(value) {
  3127. this.setPlayerSettings();
  3128. this.selectedProfile = parseInt(value);
  3129. this.setProfile();
  3130. },
  3131. addOption(id, name, text, checked) {
  3132. JQuery(id).append(`<label><input type="checkbox" id="${name}${`" class="js-switch"> `}${text}${`</label>`}`);
  3133. JQuery(`#${name}`).prop(`checked`, checked);
  3134. },
  3135. addOptions(options, section) {
  3136. if (!options) {
  3137. return;
  3138. }
  3139. JQuery('#og-options').append(`${`<div class="options-box ` + section}"><h5 class="menu-main-color">${textLanguage[section]}</h5></div>`);
  3140.  
  3141. for (const option of options) {
  3142. if (gameOptionSettings.hasOwnProperty(option)) {
  3143. JQuery(`.${section}`).append(`${`<label>` + textLanguage[option]} <input type="checkbox" class="js-switch" id="${option}${`"></label>`}`);
  3144. JQuery(`#${option}`).prop(`checked`, gameOptionSettings[option]);
  3145. }
  3146. }
  3147. },
  3148. addInputBox(id, name, holder, callback) {
  3149. JQuery(id).append(`${`<div class="input-box"><span class="title-box">` + textLanguage[name]}</span><input id="${name}${`" class="form-control" placeholder="`}${holder}${`" value="`}${gameOptionSettings[name]}${`" /></div>`}`);
  3150. const app = this;
  3151. JQuery(`#${name}`).on(`input`, function() {
  3152. gameOptionSettings[name] = this.value;
  3153. app[callback]();
  3154. app.saveSettings(gameOptionSettings, `ogarioSettings`);
  3155. });
  3156. },
  3157. addSliderBox(id, name, min, max, step, callback) {
  3158. JQuery(id).append(`${`<div class="slider-box"><div class="box-label"><span class="value-label">` + textLanguage[name] + `: </span><span id="` + name}-value" class="value">${gameOptionSettings[name]}${`</span></div><input id="`}${name}-slider" type="range" min="${min}" max="${max}${`" step="`}${step}" value="${gameOptionSettings[name]}${`"></div>`}`);
  3159. const app = this;
  3160. if (callback) {
  3161. JQuery(`#${name}${`-slider`}`).on(`input`, function() {
  3162. const parse = parseFloat(JQuery(this).val());
  3163. JQuery(`#${name}-value`).text(parse);
  3164. gameOptionSettings[name] = parse;
  3165. if (ogario.hasOwnProperty(name)) {
  3166. ogario[name] = parse;
  3167. }
  3168. app[callback]();
  3169. app.saveSettings(gameOptionSettings, `ogarioSettings`);
  3170. });
  3171. } else {
  3172. JQuery(`#${name}-slider`).on('input', function() {
  3173. const parse = parseFloat(JQuery(this).val());
  3174. JQuery(`#${name}${`-value`}`).text(parse);
  3175. gameOptionSettings[name] = parse;
  3176. if (ogario.hasOwnProperty(name)) {
  3177. ogario[name] = parse;
  3178. }
  3179. app.saveSettings(gameOptionSettings, 'ogarioSettings');
  3180. });
  3181. }
  3182. },
  3183. setLang() {
  3184. if (lang !== 'pl') {
  3185. return;
  3186. }
  3187. if (window.i18n_dict && window.i18n_dict.en) {
  3188. for (var lang in window.i18n_dict.en) {
  3189. if (window.i18n_dict.en.hasOwnProperty(lang) && textLanguage.hasOwnProperty(lang)) {
  3190. window.i18n_dict.en[lang] = textLanguage[lang];
  3191. }
  3192. }
  3193. }
  3194. },
  3195. setMenu() {
  3196. const app = this;
  3197. document.title = this.name;
  3198. JQuery(`#mainPanel`).before(`<div id="exp-bar" class="agario-panel"><span class="ogicon-user"></span><div class="agario-exp-bar progress"><span class="progress-bar-text"></span><div class="progress-bar progress-bar-striped" style="width: 0%;"></div></div><div class="progress-bar-star"></div></div><div id="main-menu" class="agario-panel"><ul class="menu-tabs"><li class="start-tab active"><a href="#main-panel" class="active ogicon-home" data-toggle="tab-tooltip" title="${textLanguage.start}${`"></a></li><li class="profile-tab"><a href="#profile" class="ogicon-user" data-toggle="tab-tooltip" title="`}${textLanguage.profile}${`"></a></li><li class="settings-tab"><a href="#og-settings" class="ogicon-cog" data-toggle="tab-tooltip" title="`}${textLanguage.settings}${`"></a></li><li class="theme-tab"><a href="#theme" class="ogicon-droplet" data-toggle="tab-tooltip" title="`}${textLanguage.theme}${`"></a></li><li class="hotkeys-tab"><a href="#" class="hotkeys-link ogicon-keyboard" data-toggle="tab-tooltip" title="`}${textLanguage.hotkeys}"></a></li><li class="music-tab"><a href="#music" class="ogicon-music" data-toggle="tab-tooltip" title="Radio / ${textLanguage.sounds}"></a></li></ul><div id="main-panel" class="menu-panel"></div><div id="profile" class="menu-panel"></div><div id="og-settings" class="menu-panel"><div class="submenu-panel"></div></div><div id="theme" class="menu-panel"></div><div id="music" class="menu-panel"></div></div>`);
  3199. JQuery('#main-panel').append('<a href="#" class="quick quick-menu ogicon-menu"></a><a href="#" class="quick quick-skins ogicon-images"></a><div id="profiles"><div id="prev-profile" class="skin-switch"></div><div id="skin-preview"></div><div id="next-profile" class="skin-switch"></div></div>');
  3200. JQuery(`#mainPanel div[role=form]`).appendTo(JQuery('#main-panel'));
  3201. JQuery(`#main-panel div[role=form] .form-group:first`).remove();
  3202. JQuery('#nick').before(`<input id="clantag" class="form-control" placeholder="Tag, e.g. Ⓜ" maxlength="10"><div class="input-group nick"></div>`);
  3203. JQuery(`#nick`).appendTo(JQuery(`.nick`));
  3204. JQuery(`.nick`).append(`<span class="input-group-btn"><button id="stream-mode" class="btn active ogicon-eye"></button></span>`);
  3205. JQuery(`.nick`).after(`<div class="input-group skin"><input id="skin" class="form-control" placeholder="Skin URL (direct link)" maxlength="60"><input type="hidden" id="color" value="` + mainProfile.color + `" maxlength="7" /><span class="input-group-addon"><i></i></span><span class="input-group-btn"><button id="hide-url" class="btn active ogicon-eye"></button></span></div>`);
  3206. JQuery(`#locationKnown, #locationUnknown`).insertAfter(JQuery(`.skin`));
  3207. JQuery(`#region`).before(`<button class="btn btn-warning btn-server-info ogicon-cogs"></button>`);
  3208. JQuery(`.btn-spectate, .btn-logout`).appendTo(`#agario-main-buttons`);
  3209. JQuery(`#agario-main-buttons`).addClass('clearfix').before(`<div id="server-info" class="form-group clearfix"><input id="server-ws" class="form-control" placeholder="Server WS"><button id="server-connect" class="btn btn-success ogicon-power"></button><button id="server-reconnect" class="btn btn-primary ogicon-redo2"></button><input id="server-token" class="form-control" placeholder="Server token"><button id="server-join" class="btn btn-success" data-itr="page_join_party">Join</button></div>`);
  3210. JQuery(`#helloContainer div[role=form]`).after(`<div id="ogario-party" class="clearfix"><input id="party-token" class="form-control" placeholder="Party token"></div>`);
  3211. JQuery(`#ogario-party`).append(`<button id="join-party-btn-2" class="btn btn-success" data-itr="page_join_party">Join</button><button id="create-party-btn-2" class="btn btn-primary" data-itr="page_create_party">Create</button>`);
  3212. JQuery('#pre-join-party-btn:first, #join-party-btn:first, #create-party-btn:first, #leave-party-btn:first, #joinPartyToken:first, .party-icon-back:first').appendTo(JQuery(`#ogario-party`));
  3213. JQuery(`#settingsChoice, #options`).appendTo(JQuery(`#og-settings .submenu-panel`));
  3214. JQuery(`#stats`).appendTo(JQuery(`#main-menu`)).addClass(`menu-panel`);
  3215. JQuery(`#statsContinue`).attr('id', 'statsContinue2');
  3216. JQuery(`#mainPanel`).empty().remove();
  3217. JQuery(`.center-container`).addClass(`ogario-menu`);
  3218. JQuery(`.center-container`).append(`<div id="menu-footer" class="menu-main-color">` + textLanguage.visit + ` <a href="https://ogario.ovh" target="_blank">ogario.ovh</a> | ` + this.version + ` <a href="https://goo.gl/nRREoR" class="release ogicon-info" target="_blank"></a></div>`);
  3219. JQuery(`#leftPanel, #rightPanel`).addClass('ogario-menu').removeAttr('id');
  3220. JQuery(`.agario-profile-panel, .agario-panel-freecoins, .agario-panel-gifting, .agario-shop-panel, #dailyquests-panel`).appendTo(JQuery(`#profile`)).removeClass('agario-side-panel');
  3221. JQuery(`.agario-profile-panel`).after(`<div id="block-warn">` + textLanguage.blockWarn + `<br><a href="#" id="unblock-popups">` + textLanguage.unblockPopups + `</a></div>`);
  3222. JQuery(`#exp-bar`).addClass(`agario-profile-panel`);
  3223. JQuery(`.left-container`).empty();
  3224. JQuery(`.agario-shop-panel`).after(`<div class="agario-panel ogario-yt-panel"><h5 class="menu-main-color">Team OGARio (tag: Ⓜ)</h5><div class="g-ytsubscribe" data-channelid="UCaWiPNJWnhzYDrBQoXokn6w" data-layout="full" data-theme="dark" data-count="default"></div></div>`);
  3225. JQuery(`#tags-container`).appendTo(JQuery('#profile'));
  3226. JQuery(`.btn-logout`).appendTo(JQuery(`#profile`));
  3227. JQuery(`.left-container`).append(`<div id="quick-menu" class="agario-panel agario-side-panel"><a href="https://ogario.ovh/skins/" class="quick-more-skins ogicon-grin" target="_blank" data-toggle="tab-tooltip" data-placement="left" title="` + textLanguage.skins + `"></a><a href="https://youtube.com/channel/UCaWiPNJWnhzYDrBQoXokn6w" class="quick-yt ogicon-youtube2" target="_blank" data-toggle="tab-tooltip" data-placement="left" title="Team OGARio"></a></div>`);
  3228. if (!this.protocolMode) {
  3229. JQuery(`#quick-menu`).prepend(`${`<a href="#" class="quick-shop ogicon-cart" data-toggle="tab-tooltip" data-placement="left" title="` + textLanguage.page_shop + `"></a><a href="#" class="quick-free-coins ogicon-coin-dollar" data-toggle="tab-tooltip" data-placement="left" title="` + textLanguage.page_menu_main_free_coins + `"></a><a href="#" class="quick-free-gifts ogicon-gift" data-toggle="tab-tooltip" data-placement="left" title="` + textLanguage.page_menu_main_gifts}"></a><a href="#" class="quick-quests ogicon-trophy" data-toggle="tab-tooltip" data-placement="left" title="${textLanguage.page_menu_main_dailyquests}"></a>`);
  3230. }
  3231. JQuery(`.party-dialog, .partymode-info`).remove();
  3232. JQuery(`.agario-party-6`).appendTo(JQuery(`.center-container`));
  3233. JQuery(`.right-container`).empty();
  3234. JQuery(`.right-container`).append(`<div class="agario-party"></div>`);
  3235. JQuery(`.agario-party-6`).appendTo(JQuery(`.agario-party`)).addClass(`agario-panel agario-side-panel`);
  3236. JQuery(`.agario-party h4, #cancel-party-btn`).remove();
  3237. JQuery(`.agario-party .btn`).addClass(`btn-sm`);
  3238. JQuery(`.right-container`).append(`${`<div id="skins-panel" class="agario-panel agario-side-panel"><div id="skins"></div><a href="https://ogario.ovh/skins/" id="more-skins" class="btn btn-block btn-success" target="_blank">` + textLanguage.moreSkins}</a></div>`);
  3239. JQuery(`.btn-settings, .text-muted, .tosBox, .agario-promo, #agario-web-incentive, span[data-itr='page_option_dark_theme'], #options #darkTheme`).remove();
  3240. JQuery('#advertisement, #adbg, #a32592, #g32592, #s32592, #adsBottom').css(`display`, `none`);
  3241. JQuery('#advertisement').removeClass(`agario-panel`);
  3242. JQuery(`#adsBottom`).css({
  3243. 'z-index': '1',
  3244. opacity: '0',
  3245. bottom: `-100px`
  3246. });
  3247. JQuery(`#noNames, #showMass`).remove();
  3248. JQuery(`#og-settings .submenu-panel`).append('<div id="og-options"></div>');
  3249. this.addOptions([], `animationGroup`);
  3250. this.addOptions('autoZoom', `zoomGroup`);
  3251. this.addOptions([`quickResp`, `autoResp`], `respGroup`);
  3252. this.addOptions(['noNames', `optimizedNames`, `autoHideNames`, `hideMyName`, `hideTeammatesNames`, `namesStroke`], `namesGroup`);
  3253. this.addOptions(['showMass', `optimizedMass`, `autoHideMass`, `hideMyMass`, 'hideEnemiesMass', `shortMass`, `virMassShots`, `massStroke`], `massGroup`);
  3254. if (this.protocolMode) {
  3255. this.addOptions('customSkins', `skinsGroup`);
  3256. } else {
  3257. this.addOptions([`customSkins`, 'vanillaSkins'], 'skinsGroup');
  3258. }
  3259. this.addOptions([`optimizedFood`, 'autoHideFood', 'autoHideFoodOnZoom', `rainbowFood`], `foodGroup`);
  3260. this.addOptions([`myCustomColor`, 'myTransparentSkin', `transparentSkins`, 'transparentCells', 'transparentViruses'], `transparencyGroup`);
  3261. this.addOptions([`showGrid`, `showBgSectors`, `showMapBorders`], `gridGroup`);
  3262. this.addOptions([`disableChat`, 'chatSounds', `chatEmoticons`, `showChatImages`, `showChatVideos`, `showChatBox`], `chatGroup`);
  3263. this.addOptions(['showMiniMap', `showMiniMapGrid`, `showMiniMapGuides`, `oneColoredTeammates`], `miniMapGroup`);
  3264. this.addOptions([`oppColors`, `oppRings`, 'virColors', `splitRange`, `virusesRange`, `cursorTracking`, 'teammatesInd'], `helpersGroup`);
  3265. this.addOptions([`mouseSplit`, 'mouseFeed', `mouseInvert`], `mouseGroup`);
  3266. this.addOptions([`showTop5`, 'showTargeting', `showLbData`, 'centeredLb', `normalLb`, `fpsAtTop`], `hudGroup`);
  3267. this.addOptions(['showStats', `showStatsMass`, `showStatsSTE`, 'showStatsN16', `showStatsFPS`, `showTime`], `statsGroup`);
  3268. if (!this.protocolMode) {
  3269. this.addOptions('blockPopups', 'extrasGroup');
  3270. JQuery(`#noSkins, #noColors, #skipStats, #showQuest`).addClass(`js-switch-vanilla`);
  3271. JQuery(`.skinsGroup h5`).after(`<label class="noSkins">${textLanguage.noSkins}${` </label>`}`);
  3272. JQuery(`#noSkins`).appendTo(JQuery(`.noSkins`));
  3273. JQuery(`.transparencyGroup h5`).after(`<label class="noColors">${textLanguage.noColors}${` </label>`}`);
  3274. JQuery('#noColors').appendTo(JQuery('.noColors'));
  3275. JQuery(`.extrasGroup h5`).after(`<label class="skipStats">` + textLanguage.skipStats + ` </label>`);
  3276. JQuery(`#skipStats`).appendTo(JQuery(`.skipStats`));
  3277. JQuery(`.skipStats`).after(`<label class="showQuest">` + textLanguage.showQuest + ` </label>`);
  3278. JQuery('#showQuest').appendTo(JQuery(`.showQuest`));
  3279. JQuery(`#options`).remove();
  3280. JQuery(`#settingsChoice`).appendTo(JQuery(`.extrasGroup`)).addClass(`select-wrapper`);
  3281. }
  3282. this.addSliderBox(`.animationGroup`, `animation`, 100, 200, 1);
  3283. this.addSliderBox(`.zoomGroup`, `zoomSpeedValue`, 0.75, 0.99, 0.01);
  3284. JQuery(`#og-settings`).append(`<button class="btn btn-block btn-success btn-export">` + textLanguage.exportImport + `</button>`);
  3285. JQuery(`#og-settings`).append(`<div class="restore-settings"><a href="#">` + textLanguage.restoreSettings + `</a></div>`);
  3286. JQuery(`#music`).append(`${`<div class="agario-panel radio-panel"><h5 class="menu-main-color">Radio (` + textLanguage.thanks + `)</h5><audio src="http://frshoutcast.comunicazion.eu:8815/;" controls></audio><span class="playlist"><span class="ogicon-file-music"></span> <a href="http://frshoutcast.comunicazion.eu:8815/played.html?sid=1" target="_blank">` + textLanguage.playlist}</a></span></div>`);
  3287. JQuery(`#music`).append(`<div class="agario-panel sounds-panel"><h5 class="menu-main-color">` + textLanguage.sounds + `</h5></div>`);
  3288. JQuery(`#music`).append(`<div class="agario-panel ogario-yt-panel"><h5 class="menu-main-color">Team OGARio (tag: Ⓜ)</h5><div class="g-ytsubscribe" data-channelid="UCaWiPNJWnhzYDrBQoXokn6w" data-layout="full" data-theme="dark" data-count="default"></div></div>`);
  3289. this.addInputBox(`.sounds-panel`, `messageSound`, 'Sound URL', 'setMessageSound');
  3290. this.addInputBox('.sounds-panel', 'commandSound', `Sound URL`, `setCommandSound`);
  3291. JQuery('body').append(`<div id="overlays-hud" data-gamemode=":ffa"><div id="stats-hud" class="hud stats-hud-color"></div> <div id="top5-hud" class="hud"><h5 class="hud-main-color">Team top <span class="team-top">5</span></h5><div class="hud-main-color team-top-menu"><a href="#" data-limit="5" class="team-top-limit active">5</a> | <a href="#" data-limit="10" class="team-top-limit">10</a> | <a href="#" data-limit="100" class="team-top-limit">100</a></div><ol id="top5-pos"></ol><div id="top5-total"><span class="hud-main-color ogicon-users"></span> ` + textLanguage.totalPartyPlayers + `: <span id="top5-total-players" class="top5-mass-color">0</span><br><span class="hud-main-color ogicon-pacman"></span> ` + textLanguage.totalPartyMass + `: <span id="top5-total-mass" class="top5-mass-color">0</span></div></div> <div id="time-hud" class="hud time-hud-color"></div> <div id="pause-hud" class="hud">` + textLanguage.pause + `</div> <div id="leaderboard-hud" class="hud-b"><h4 class="hud-main-color">ogario.ovh</h4><div id="leaderboard-data"></div><div id="leaderboard-positions"></div></div> <div id="btl-leaderboard-hud"><div class="hud hud-c"><span id="btl-players-status">Players ready</span>: <span id="btl-players-count">0</span></div></div> <div id="minimap-hud" class="hud-b"><canvas id="minimap-sectors"></canvas><canvas id="minimap"></canvas></div><div id="target-hud" class="hud"><div id="target-player"><span id="target-skin"><img src="https://cdn.ogario.ovh/static/img/blank.png" alt=""> </span><span id="target-nick"></span> <span id="target-status" class="hud-main-color">[` + textLanguage.targetNotSet + `]</span></div><div id="target-summary"></div></div><div id="target-panel-hud" class="hud"><a href="#" id="set-targeting" class="ogicon-target"></a><a href="#" id="set-private-minimap" class="ogicon-location2"></a><a href="#" id="cancel-targeting" class="ogicon-cancel-circle"></a><a href="#" id="change-target" class="ogicon-arrow-right"></a></div> <div id="quest-hud" class="hud"></div> <div id="btl-hud" class="hud"></div></div>`);
  3292. JQuery(`body`).append(`<ul id="messages"></ul>`);
  3293. JQuery(`body`).append(`<div id="message-box"><div id="chat-emoticons"></div><div id="message-menu"><a href="#" class="chat-sound-notifications ogicon-volume-high"></a><a href="#" class="chat-active-users ogicon-user-check"></a><a href="#" class="chat-muted-users ogicon-user-minus"></a><a href="#" class="show-chat-emoticons ogicon-smile"></a></div><input type="text" id="message" class="form-control" placeholder="${textLanguage.enterChatMsg}${`..." maxlength="80"></div>`}`);
  3294. JQuery(`body`).append('<div id="chat-box"></div>');
  3295. for (const emoji in emojiChar) {
  3296. if (emojiChar.hasOwnProperty(emoji)) {
  3297. JQuery('#chat-emoticons').append(`<img src="https://cdn.ogario.ovh/static/emoticons/${emojiChar[emoji]}${`" alt="`}${emoji}${`" class="emoticon">`}`);
  3298. }
  3299. }
  3300. JQuery('body').append(`<div id="exp-imp"><div id="exp-imp-menu"><button id="close-exp-imp" class="btn btn-danger">` + textLanguage.close + `</button></div><div id="exp-imp-settings"></div></div>`);
  3301. JQuery(`#exp-imp-settings`).append(`<h1>` + textLanguage.exportSettings + `</h1><h2>` + textLanguage.exportInfo + `</h2>`);
  3302. this.addOption(`#exp-imp-settings`, `export-ogarioCommands`, textLanguage.commands, true);
  3303. this.addOption(`#exp-imp-settings`, `export-ogarioHotkeys`, textLanguage.hotkeys, true);
  3304. this.addOption(`#exp-imp-settings`, 'export-ogarioPlayerProfiles', textLanguage.profiles, true);
  3305. this.addOption('#exp-imp-settings', `export-ogarioSettings`, textLanguage.settings, true);
  3306. this.addOption(`#exp-imp-settings`, `export-ogarioThemeSettings`, textLanguage.theme, true);
  3307. JQuery('#exp-imp-settings').append(`<textarea id="export-settings" class="form-control" rows="14" cols="100" spellcheck="false" readonly /><button id="export-settings-btn" class="btn btn-block btn-success">${textLanguage.exportSettings}${`</button>`}`);
  3308. JQuery(`#exp-imp-settings`).append(`${`<h1>` + textLanguage.importSettings}</h1><h2>${textLanguage.importInfo}${`</h2>`}`);
  3309. this.addOption(`#exp-imp-settings`, `import-ogarioCommands`, textLanguage.commands, true);
  3310. this.addOption(`#exp-imp-settings`, 'import-ogarioHotkeys', textLanguage.hotkeys, true);
  3311. this.addOption(`#exp-imp-settings`, `import-ogarioPlayerProfiles`, textLanguage.profiles, true);
  3312. this.addOption(`#exp-imp-settings`, `import-ogarioSettings`, textLanguage.settings, true);
  3313. this.addOption(`#exp-imp-settings`, `import-ogarioThemeSettings`, textLanguage.theme, true);
  3314. JQuery('#exp-imp-settings').append(`<textarea id="import-settings" class="form-control" rows="14" cols="100" spellcheck="false" /><button id="import-settings-btn" class="btn btn-block btn-success">` + textLanguage.importSettings + `</button>`);
  3315. OgarioSettings && OgarioSettings.setThemeMenu();
  3316. for (let length = 0; length < PlayerProfiles.length; length++) {
  3317. JQuery(`#skins`).append(`${`<div class="skin-box"><a href="#profile-` + length}" id="profile-${length}" data-profile="${length}" class="skin-switch"></a></div>`);
  3318. this.setSkinPreview(PlayerProfiles[length].skinURL, `profile-` + length);
  3319. if (length == this.selectedProfile) {
  3320. JQuery(`#profile-` + length).addClass(`selected`);
  3321. }
  3322. }
  3323. },
  3324. setUI() {
  3325. const app = this;
  3326. JQuery(document).on('click', `.menu-tabs a`, function(event) {
  3327. event.preventDefault();
  3328. app.switchMenuTabs(JQuery(this), `menu-panel`);
  3329. });
  3330. JQuery(document).on('click', `.submenu-tabs a`, function(event) {
  3331. event.preventDefault();
  3332. app.switchMenuTabs(JQuery(this), `submenu-panel`);
  3333. });
  3334. JQuery(document).on(`click`, `.quick-menu`, event => {
  3335. event.preventDefault();
  3336. gameOptionSettings.showQuickMenu = !gameOptionSettings.showQuickMenu;
  3337. app.saveSettings(gameOptionSettings, `ogarioSettings`);
  3338. app.setShowQuickMenu();
  3339. });
  3340. JQuery(document).on(`click`, `.quick-skins`, event => {
  3341. event.preventDefault();
  3342. gameOptionSettings.showSkinsPanel = !gameOptionSettings.showSkinsPanel;
  3343. app.saveSettings(gameOptionSettings, `ogarioSettings`);
  3344. app.setShowSkinsPanel();
  3345. });
  3346. JQuery(document).on(`change`, `#region`, function() {
  3347. app.region = this.value;
  3348. });
  3349. JQuery(document).on(`change`, '#gamemode', function() {
  3350. const value = this.value;
  3351. if (value !== ':party') {
  3352. app.leaveParty();
  3353. }
  3354. app.gameMode = ogario.gameMode = value;
  3355. app.setQuest();
  3356. });
  3357. JQuery(document).on(`change`, `#quality`, function() {
  3358. app.getQuality(this.value);
  3359. menuScale();
  3360. });
  3361. JQuery(`#skin`).popover({
  3362. html: true,
  3363. placement: `bottom`,
  3364. trigger: 'manual',
  3365. animation: false
  3366. });
  3367. JQuery(document).on(`input click`, `#skin`, function() {
  3368. const value = this.value;
  3369. app.setSkinPreview(value, `skin-preview`);
  3370. app.setSkinPreview(value, `profile-` + app.selectedProfile);
  3371. });
  3372. JQuery(document).on(`click`, '.skin .example-url a', function(event) {
  3373. event.preventDefault();
  3374. JQuery(`#skin`).val(this.href).click();
  3375. });
  3376. JQuery(document).on(`click`, `#overlays`, () => {
  3377. if (!JQuery(`.skin:hover`).length && !JQuery('.skin-switch:hover').length) {
  3378. JQuery(`#skin`).popover(`hide`);
  3379. }
  3380. });
  3381. JQuery(document).on(`click`, `#skins a`, function(event) {
  3382. event.preventDefault();
  3383. app.selectProfile(JQuery(this).attr(`data-profile`));
  3384. });
  3385. JQuery(document).on(`click`, '#prev-profile', () => {
  3386. app.prevProfile();
  3387. });
  3388. JQuery(document).on(`click`, `#next-profile`, () => {
  3389. app.nextProfile();
  3390. });
  3391. JQuery(document).on(`click`, `#stream-mode`, () => {
  3392. gameOptionSettings.streamMode = !gameOptionSettings.streamMode;
  3393. app.saveSettings(gameOptionSettings, `ogarioSettings`);
  3394. app.setStreamMode();
  3395. });
  3396. JQuery(document).on('click', `#hide-url`, () => {
  3397. gameOptionSettings.hideSkinUrl = !gameOptionSettings.hideSkinUrl;
  3398. app.saveSettings(gameOptionSettings, `ogarioSettings`);
  3399. app.setHideSkinUrl();
  3400. });
  3401. JQuery(document).on(`click`, `.btn-server-info`, () => {
  3402. JQuery(`#server-info`).toggle();
  3403. });
  3404. JQuery(document).on(`click`, `#server-connect`, () => {
  3405. app.gameServerConnect(JQuery('#server-ws').val());
  3406. });
  3407. JQuery(document).on(`click`, `#server-reconnect`, () => {
  3408. app.gameServerReconnect();
  3409. });
  3410. JQuery(document).on(`click`, `#server-join`, () => {
  3411. app.gameServerJoin(JQuery(`#server-token`).val());
  3412. });
  3413. JQuery(document).on(`change`, `#og-options input[type='checkbox']`, function() {
  3414. const option = JQuery(this);
  3415. app.setSettings(option.attr('id'), option.prop(`checked`));
  3416. });
  3417. JQuery(document).on(`change`, '.js-switch-vanilla', function() {
  3418. const option = JQuery(this);
  3419. const id = option.attr('id');
  3420. if (typeof app[id] !== `undefined`) {
  3421. app[id] = option.prop('checked');
  3422. if (id === `noSkins`) {
  3423. ogario.showCustomSkins = !app.noSkins;
  3424. }
  3425. if (id === `showQuest`) {
  3426. app.setQuest();
  3427. }
  3428. }
  3429. });
  3430. JQuery(document).on(`click`, `#og-settings .restore-settings a`, event => {
  3431. event.preventDefault();
  3432. app.restoreSettings();
  3433. });
  3434. JQuery(document).on(`click`, '#og-settings .btn-export', event => {
  3435. event.preventDefault();
  3436. app.exportSettings();
  3437. JQuery(`#exp-imp`).fadeIn(500);
  3438. JQuery('#exp-imp-settings, #export-settings').perfectScrollbar(`update`);
  3439. });
  3440. JQuery(document).on('click', '#close-exp-imp', event => {
  3441. event.preventDefault();
  3442. JQuery(`#exp-imp`).fadeOut(500);
  3443. });
  3444. JQuery(document).on(`focus`, `#export-settings`, function() {
  3445. JQuery(this).select();
  3446. });
  3447. JQuery(document).on(`click`, `#export-settings-btn`, event => {
  3448. event.preventDefault();
  3449. app.exportSettings();
  3450. });
  3451. JQuery(document).on(`click`, `#import-settings-btn`, event => {
  3452. event.preventDefault();
  3453. app.importSettings();
  3454. });
  3455. JQuery(document).on(`click`, `#unblock-popups`, event => {
  3456. event.preventDefault();
  3457. app.unblockPopups();
  3458. });
  3459. JQuery(document).on(`click`, `#openfl-overlay.disabler`, () => {
  3460. if (gameOptionSettings.blockPopups) {
  3461. app.blockPopups();
  3462. }
  3463. });
  3464. JQuery(document).on(`click`, `#openfl-content`, function() {
  3465. if (gameOptionSettings.blockPopups) {
  3466. const content = JQuery(this);
  3467. setTimeout(() => {
  3468. if (!content.is(`:visible`)) {
  3469. app.blockPopups();
  3470. }
  3471. }, 1000);
  3472. }
  3473. });
  3474. JQuery(document).on(`click`, `.quick-shop`, event => {
  3475. event.preventDefault();
  3476. app.unblockPopups();
  3477. window.MC && window.MC.openShop && window.MC.openShop();
  3478. });
  3479. JQuery(document).on(`click`, `.quick-free-coins`, event => {
  3480. event.preventDefault();
  3481. app.unblockPopups();
  3482. window.MC && window.MC.showFreeCoins && window.MC.showFreeCoins();
  3483. });
  3484. JQuery(document).on(`click`, '.quick-free-gifts', event => {
  3485. event.preventDefault();
  3486. app.unblockPopups();
  3487. window.MC && window.MC.showGifting && window.MC.showGifting();
  3488. });
  3489. JQuery(document).on(`click`, `.quick-quests`, event => {
  3490. event.preventDefault();
  3491. app.unblockPopups();
  3492. window.MC && window.MC.showQuests && window.MC.showQuests();
  3493. });
  3494. JQuery(document).on(`click`, `#set-targeting`, event => {
  3495. event.preventDefault();
  3496. app.setTargeting();
  3497. });
  3498. JQuery(document).on('click', `#cancel-targeting`, event => {
  3499. event.preventDefault();
  3500. app.cancelTargeting();
  3501. });
  3502. JQuery(document).on(`click`, `#set-private-minimap`, event => {
  3503. event.preventDefault();
  3504. app.setPrivateMiniMap();
  3505. });
  3506. JQuery(document).on(`click`, `#change-target`, event => {
  3507. event.preventDefault();
  3508. app.changeTarget();
  3509. });
  3510. JQuery(document).on('click', `.team-top-limit`, function(event) {
  3511. event.preventDefault();
  3512. const top5 = JQuery(this);
  3513. const limit = parseInt(top5.attr('data-limit'));
  3514. if (limit) {
  3515. app.setTop5limit(limit);
  3516. app.displayTop5();
  3517. JQuery(`.team-top`).text(limit);
  3518. JQuery(`.team-top-limit`).removeClass(`active`);
  3519. top5.addClass(`active`);
  3520. }
  3521. });
  3522. JQuery(document).on(`click`, `#top5-pos .set-target`, function(event) {
  3523. event.preventDefault();
  3524. app.setTarget(parseInt(JQuery(this).attr('data-user-id')));
  3525. });
  3526. JQuery(document).on(`click`, `.mute-user`, function(event) {
  3527. event.preventDefault();
  3528. app.muteChatUser(parseInt(JQuery(this).attr(`data-user-id`)));
  3529. });
  3530. JQuery(document).on(`click`, '.btn-mute-user', function() {
  3531. const btn = JQuery(this);
  3532. app.muteChatUser(parseInt(btn.attr(`data-user-id`)));
  3533. btn.removeClass(`btn-red btn-mute-user`).addClass(`btn-green btn-unmute-user`).text(textLanguage.unmute);
  3534. });
  3535. JQuery(document).on(`click`, '.btn-unmute-user', function() {
  3536. const btn = JQuery(this);
  3537. app.unmuteChatUser(parseInt(btn.attr(`data-user-id`)));
  3538. btn.removeClass('btn-green btn-unmute-user').addClass(`btn-red btn-mute-user`).text(textLanguage.mute);
  3539. });
  3540. JQuery(document).on(`click`, '.chat-sound-notifications', event => {
  3541. event.preventDefault();
  3542. gameOptionSettings.chatSounds = !gameOptionSettings.chatSounds;
  3543. app.saveSettings(gameOptionSettings, 'ogarioSettings');
  3544. app.setChatSoundsBtn();
  3545. });
  3546. JQuery(document).on(`click`, '.chat-active-users', event => {
  3547. event.preventDefault();
  3548. app.displayChatActiveUsers();
  3549. });
  3550. JQuery(document).on('click', `.chat-muted-users`, event => {
  3551. event.preventDefault();
  3552. app.displayChatMutedUsers();
  3553. });
  3554. JQuery(document).on(`click`, `.show-chat-emoticons`, function(event) {
  3555. event.preventDefault();
  3556. const option = JQuery(this);
  3557. const chatEmoji = JQuery(`#chat-emoticons`);
  3558. chatEmoji.toggle();
  3559. if (chatEmoji.is(`:visible`)) {
  3560. option.addClass(`active`);
  3561. } else {
  3562. option.removeClass('active');
  3563. JQuery(`#message`).focus();
  3564. }
  3565. });
  3566. JQuery(document).on(`click`, '#chat-emoticons .emoticon', function() {
  3567. const chatEmoji = JQuery(this);
  3568. const alt = chatEmoji.attr(`alt`);
  3569. const message = JQuery(`#message`);
  3570. const value = message.val();
  3571. if (value.length + alt.length <= 80) {
  3572. message.val(value + alt);
  3573. }
  3574. message.focus();
  3575. });
  3576. this.statsHUD = document.getElementById(`stats-hud`);
  3577. this.activeParties = document.getElementById('active-parties');
  3578. this.top5pos = document.getElementById('top5-pos');
  3579. this.top5totalMass = document.getElementById(`top5-total-mass`);
  3580. this.top5totalPlayers = document.getElementById(`top5-total-players`);
  3581. this.leaderboardPositionsHUD = document.getElementById(`leaderboard-positions`);
  3582. this.leaderboardDataHUD = document.getElementById(`leaderboard-data`);
  3583. this.timeHUD = document.getElementById('time-hud');
  3584. this.questHUD = document.getElementById(`quest-hud`);
  3585. JQuery(`#canvas`).bind(`contextmenu`, () => false);
  3586. JQuery(document).on('mouseup', `.btn`, function() {
  3587. $(this).blur();
  3588. });
  3589. JQuery(`[data-toggle='tab-tooltip']`).tooltip({
  3590. trigger: `hover`
  3591. });
  3592. JQuery('.submenu-panel, #chat-box, #exp-imp-settings, #export-settings, #import-settings').perfectScrollbar({
  3593. suppressScrollX: true
  3594. });
  3595. const sliceSwitch = Array.prototype.slice.call(document.querySelectorAll(`.js-switch`));
  3596. sliceSwitch.forEach(event => {
  3597. const switchOption = new Switchery(event, {
  3598. color: gameSetupTheme.menuMainColor,
  3599. size: 'small'
  3600. });
  3601. });
  3602. JQuery('input[type="range"]').rangeslider({
  3603. polyfill: false
  3604. });
  3605. toastr.options = {
  3606. newestOnTop: false,
  3607. positionClass: `toast-bottom-left`,
  3608. timeOut: 15000
  3609. };
  3610. },
  3611. switchMenuTabs(tab, name) {
  3612. const parent = tab.parent();
  3613. if (name === 'menu-panel') {
  3614. if (tab.hasClass(`hotkeys-link`)) {
  3615. return;
  3616. }
  3617. if (parent.hasClass(`profile-tab`)) {
  3618. this.setBlockPopups();
  3619. }
  3620. }
  3621. tab.addClass(`active`);
  3622. parent.addClass(`active`);
  3623. parent.siblings().removeClass(`active`);
  3624. parent.siblings().find('a').removeClass(`active`);
  3625. const href = tab.attr(`href`);
  3626. if (name === 'submenu-panel') {
  3627. const id = JQuery(href).parent().attr('id');
  3628. JQuery(`#${id}${` .submenu-panel`}`).not(href).css(`display`, `none`);
  3629. } else {
  3630. JQuery(`.menu-panel`).not(href).css(`display`, 'none');
  3631. }
  3632. JQuery(href).fadeIn(1000);
  3633. menuScale();
  3634. JQuery(`.submenu-panel`).perfectScrollbar(`update`);
  3635. },
  3636. getDefaultSettings() {
  3637. const app = this;
  3638. this.noSkins = JQuery(`#noSkins`).prop(`checked`);
  3639. this.noColors = JQuery(`#noColors`).prop(`checked`);
  3640. this.skipStats = JQuery(`#skipStats`).prop(`checked`);
  3641. this.showQuest = JQuery(`#showQuest`).prop(`checked`);
  3642. ogario.showCustomSkins = !this.noSkins;
  3643. if (window.localStorage.getItem(`scale_setting`) !== null) {
  3644. const parseScaleSettings = JSON.parse(window.localStorage.getItem(`scale_setting`));
  3645. this.setCanvasScale(parseScaleSettings);
  3646. } else {
  3647. const quality = JQuery('#quality').val();
  3648. this.getQuality(quality);
  3649. }
  3650. if (window.localStorage.getItem('location') !== null) {
  3651. this.region = window.localStorage.getItem(`location`);
  3652. JQuery(`#region`).val(this.region);
  3653. window.MC && window.MC.setRegion && window.MC.setRegion(this.region);
  3654. } else {
  3655. this.region = JQuery(`#region`).val();
  3656. }
  3657. this.setParty();
  3658. if (this.gameMode === `:party` && window.location.hash) {
  3659. JQuery(`#join-party-btn-2`).click();
  3660. }
  3661. const sliceSwitchVanilla = Array.prototype.slice.call(document.querySelectorAll(`.js-switch-vanilla`));
  3662. sliceSwitchVanilla.forEach(event => {
  3663. const SwitchVanillaOption = new Switchery(event, {
  3664. color: gameSetupTheme.menuMainColor,
  3665. size: 'small'
  3666. });
  3667. });
  3668. JQuery(`#nick`).val(mainProfile.nick).blur();
  3669. JQuery('#noNames').prop(`checked`, !gameOptionSettings.noNames);
  3670. JQuery(`#showMass`).prop('checked', gameOptionSettings.showMass);
  3671. this.unlockButtons();
  3672. this.setAutoResp();
  3673. this.setQuest();
  3674. },
  3675. getQuality(value) {
  3676. const ration = `devicePixelRatio` in window;
  3677. let defaultValue = 1;
  3678. if (ration) {
  3679. defaultValue = window.devicePixelRatio;
  3680. }
  3681. switch (value) {
  3682. case `High`:
  3683. this.setCanvasScale(1);
  3684. break;
  3685. case `Medium`:
  3686. this.setCanvasScale(0.9);
  3687. break;
  3688. case `Low`:
  3689. this.setCanvasScale(0.75);
  3690. break;
  3691. case `VeryLow`:
  3692. this.setCanvasScale(0.5);
  3693. break;
  3694. default:
  3695. this.setCanvasScale(defaultValue);
  3696. break;
  3697. }
  3698. },
  3699. setCanvasScale(value) {
  3700. this.canvasScale = value;
  3701. ogario.canvasScale = value;
  3702. },
  3703. setStreamMode() {
  3704. if (gameOptionSettings.streamMode) {
  3705. JQuery(`#stream-mode`).addClass(`ogicon-eye-blocked`);
  3706. JQuery('#clantag, #nick, #party-token').addClass('stream-mode');
  3707. } else {
  3708. JQuery('#stream-mode').removeClass(`ogicon-eye-blocked`);
  3709. JQuery(`#clantag, #nick, #party-token`).removeClass(`stream-mode`);
  3710. }
  3711. },
  3712. setHideSkinUrl() {
  3713. if (gameOptionSettings.hideSkinUrl) {
  3714. JQuery('#hide-url').addClass(`ogicon-eye-blocked`);
  3715. JQuery('#skin').addClass(`hide-url`);
  3716. } else {
  3717. JQuery(`#hide-url`).removeClass(`ogicon-eye-blocked`);
  3718. JQuery(`#skin`).removeClass(`hide-url`);
  3719. }
  3720. },
  3721. setShowQuickMenu() {
  3722. if (gameOptionSettings.showQuickMenu) {
  3723. JQuery(`#quick-menu`).fadeIn(500);
  3724. } else {
  3725. JQuery('#quick-menu').fadeOut(500);
  3726. }
  3727. },
  3728. setShowSkinsPanel() {
  3729. if (gameOptionSettings.showSkinsPanel) {
  3730. JQuery(`#skins-panel`).fadeIn(500);
  3731. } else {
  3732. JQuery(`#skins-panel`).fadeOut(500);
  3733. }
  3734. },
  3735. unlockButtons() {
  3736. JQuery(`.btn-play, .btn-play-guest, .btn-login-play, .btn-spectate`).prop(`disabled`, false);
  3737. },
  3738. setMainButtons() {
  3739. const app = this;
  3740. JQuery(document).on(`click`, `.btn-play, .btn-play-guest`, () => {
  3741. app.onPlay();
  3742. });
  3743. JQuery(document).on('click', `.btn-spectate`, () => {
  3744. app.onSpectate();
  3745. });
  3746. JQuery(document).on(`click`, `#create-party-btn-2`, () => {
  3747. app.onCreate();
  3748. });
  3749. JQuery(document).on(`click`, `#join-party-btn-2`, () => {
  3750. app.skipServerData = true;
  3751. app.joinParty();
  3752. app.onJoin();
  3753. });
  3754. JQuery(document).on('click', `#statsContinue2`, () => {
  3755. JQuery(`#stats, #main-panel`).toggle();
  3756. });
  3757. },
  3758. play() {
  3759. this.setPlayerSettings();
  3760. this.setParty();
  3761. if (this.isSocketOpen()) {
  3762. this.sendPartyData();
  3763. } else {
  3764. this.connect();
  3765. const app = this;
  3766. setTimeout(() => {
  3767. app.sendPartyData();
  3768. }, 1000);
  3769. }
  3770. },
  3771. onPlay() {
  3772. this.play();
  3773. this.hideMenu();
  3774. window.addKeyListeners && window.addKeyListeners();
  3775. if (gameOptionSettings.autoHideFood) {
  3776. ogario.showFood = true;
  3777. }
  3778. window.ga && window.ga(`create`, `UA-67142685-2`, `auto`, `ogarioTracker`);
  3779. window.ga && window.ga(`ogarioTracker.send`, `pageview`);
  3780. },
  3781. onSpectate() {
  3782. this.onJoin();
  3783. this.sendPlayerJoin();
  3784. this.hideMenu();
  3785. window.addKeyListeners && window.addKeyListeners();
  3786. if (gameOptionSettings.autoHideFood) {
  3787. ogario.showFood = false;
  3788. }
  3789. },
  3790. join() {
  3791. this.setParty();
  3792. this.setPlayerSettings();
  3793. this.sendPartyData();
  3794. this.sendPlayerDeath();
  3795. },
  3796. onJoin() {
  3797. this.setParty();
  3798. if (this.isSocketOpen()) {
  3799. this.join();
  3800. } else {
  3801. this.connect();
  3802. const app = this;
  3803. setTimeout(() => {
  3804. app.join();
  3805. app.sendPlayerJoin();
  3806. }, 1000);
  3807. }
  3808. },
  3809. create() {
  3810. this.setParty();
  3811. if (this.partyToken) {
  3812. this.onJoin();
  3813. return;
  3814. }
  3815. const app = this;
  3816. setTimeout(() => {
  3817. app.create();
  3818. }, 100);
  3819. },
  3820. onCreate() {
  3821. this.setParty();
  3822. if (this.gameMode !== ':party' || !this.partyToken) {
  3823. this.createParty();
  3824. } else {
  3825. this.gameServerReconnect();
  3826. }
  3827. this.create();
  3828. },
  3829. onPlayerSpawn() {
  3830. ogario.play = true;
  3831. if (ogario.playerColor) {
  3832. this.sendPlayerSpawn();
  3833. this.cacheCustomSkin(mainProfile.nick, ogario.playerColor, mainProfile.skinURL);
  3834. return;
  3835. }
  3836. const app = this;
  3837. setTimeout(() => {
  3838. app.onPlayerSpawn();
  3839. }, 100);
  3840. },
  3841. onPlayerDeath() {
  3842. ogario.play = false;
  3843. ogario.playerColor = null;
  3844. ogario.foodIsHidden = false;
  3845. ogario.playerMass = 0;
  3846. ogario.playerScore = 0;
  3847. ogario.playerSplitCells = 0;
  3848. this.showMenu(300);
  3849. this.sendPlayerDeath();
  3850. this.updateDeathLocations(ogario.playerX, ogario.playerY);
  3851. this.unlockButtons();
  3852. resetonkeydown();
  3853. this.autoResp();
  3854. },
  3855. setPlayerSettings() {
  3856. const nick = JQuery(`#nick`).val();
  3857. const tag = JQuery(`#clantag`).val();
  3858. const skin = JQuery(`#skin`).val();
  3859. const color = JQuery(`#color`).val();
  3860. mainProfile.nick = nick;
  3861. mainProfile.clanTag = tag.trim();
  3862. mainProfile.skinURL = this.checkSkinURL(skin.trim());
  3863. if (color.length == 7) {
  3864. mainProfile.color = color;
  3865. }
  3866. if (mainProfile.clanTag.length > 0) {
  3867. ogario.clanTag = mainProfile.clanTag;
  3868. }
  3869. PlayerProfiles[this.selectedProfile].nick = mainProfile.nick;
  3870. PlayerProfiles[this.selectedProfile].clanTag = mainProfile.clanTag;
  3871. PlayerProfiles[this.selectedProfile].skinURL = mainProfile.skinURL;
  3872. PlayerProfiles[this.selectedProfile].color = mainProfile.color;
  3873. this.saveSettings(PlayerProfiles, `ogarioPlayerProfiles`);
  3874. },
  3875. loadSkin(img, url) {
  3876. const app = this;
  3877. img[url] = new Image();
  3878. img[url].crossOrigin = `Anonymous`;
  3879. img[url].onload = function() {
  3880. if (this.complete && this.width && this.height && this.width <= 2000 && this.height <= 2000) {
  3881. app.cacheQueue.push(url);
  3882. if (app.cacheQueue.length == 1) {
  3883. app.cacheSkin(app.customSkinsCache);
  3884. }
  3885. }
  3886. };
  3887. img[url].src = url;
  3888. },
  3889. cacheSkin(skinCache) {
  3890. if (this.cacheQueue.length == 0) {
  3891. return;
  3892. }
  3893. const shift = this.cacheQueue.shift();
  3894. if (shift) {
  3895. let canvas = document.createElement(`canvas`);
  3896. canvas.width = 512;
  3897. canvas.height = 512;
  3898. const ctx = canvas.getContext('2d');
  3899. ctx.beginPath();
  3900. ctx.arc(256, 256, 256, 0, 2 * Math.PI, false);
  3901. ctx.clip();
  3902. ctx.drawImage(this.customSkinsCache[shift], 0, 0, 512, 512);
  3903. this.customSkinsCache[shift + `_cached`] = new Image();
  3904. this.customSkinsCache[shift + `_cached`].src = canvas.toDataURL();
  3905. canvas = null;
  3906. this.cacheSkin(this.customSkinsCache);
  3907. }
  3908. },
  3909. getCachedSkin(skinCache, skinMap) {
  3910. if (skinCache[skinMap + `_cached`] && skinCache[skinMap + `_cached`].complete && skinCache[skinMap + `_cached`].width) {
  3911. return skinCache[`${skinMap}_cached`];
  3912. }
  3913. return null;
  3914. },
  3915. cacheCustomSkin(nick, color, skinUrl) {
  3916. if (skinUrl) {
  3917. const gamemode = this.gameMode === `:party` ? nick + color : nick;
  3918. if (gamemode) {
  3919. this.customSkinsMap[gamemode] = skinUrl;
  3920. }
  3921. if (this.customSkinsCache.hasOwnProperty(skinUrl)) {
  3922. return;
  3923. }
  3924. this.loadSkin(this.customSkinsCache, skinUrl);
  3925. }
  3926. },
  3927. checkSkinsMap(nick, color) {
  3928. const skinName = this.gameMode === `:party` ? nick + color : nick;
  3929. if (this.customSkinsMap.hasOwnProperty(skinName)) {
  3930. return true;
  3931. }
  3932. return false;
  3933. },
  3934. getCustomSkin(nick, color) {
  3935. if (!this.checkSkinsMap(nick, color)) {
  3936. return null;
  3937. }
  3938. const skinName = this.gameMode === ':party' ? nick + color : nick;
  3939. return this.getCachedSkin(this.customSkinsCache, this.customSkinsMap[skinName]);
  3940. },
  3941. calculateMapSector(x, y, resize = false) {
  3942. if (!ogario.mapOffsetFixed) {
  3943. return '';
  3944. }
  3945. const offsetX = resize ? ogario.mapOffsetX + ogario.mapOffset : ogario.mapOffset;
  3946. const offsetY = resize ? ogario.mapOffsetY + ogario.mapOffset : ogario.mapOffset;
  3947. let resizeX = Math.floor((y + offsetY) / (ogario.mapSize / gameSetupTheme.sectorsY));
  3948. let resizeY = Math.floor((x + offsetX) / (ogario.mapSize / gameSetupTheme.sectorsX));
  3949. resizeX = resizeX < 0 ? 0 : resizeX >= gameSetupTheme.sectorsY ? gameSetupTheme.sectorsY - 1 : resizeX;
  3950. resizeY = resizeY < 0 ? 0 : resizeY >= gameSetupTheme.sectorsX ? gameSetupTheme.sectorsX - 1 : resizeY;
  3951. return String.fromCharCode(resizeX + 65) + (resizeY + 1);
  3952. },
  3953. shortMassFormat(value) {
  3954. return value < 1000 ? value : `${Math.round(value / 100) / 10}k`;
  3955. },
  3956. updateDeathLocations(x, y) {
  3957. if (!ogario.mapOffsetFixed) {
  3958. return;
  3959. }
  3960. this.deathLocations.push({
  3961. x: x + ogario.mapOffsetX,
  3962. y: y + ogario.mapOffsetY
  3963. });
  3964. if (this.deathLocations.length == 6) {
  3965. this.deathLocations.shift();
  3966. }
  3967. this.lastDeath = this.deathLocations.length - 1;
  3968. },
  3969. drawMiniMap() {
  3970. if (!ogario.mapOffsetFixed) {
  3971. return;
  3972. }
  3973. const mapWidth = gameSetupTheme.miniMapWidth;
  3974. const mapTop = gameSetupTheme.miniMapTop;
  3975. const height = mapWidth + mapTop;
  3976. const width = mapWidth - 18;
  3977. const scale = mapTop + 9.5;
  3978. if (!this.miniMap) {
  3979. this.miniMap = document.getElementById(`minimap`);
  3980. this.miniMapCtx = this.miniMap.getContext('2d');
  3981. this.miniMapCtx.ogarioCtx = true;
  3982. this.miniMap.width = mapWidth;
  3983. this.miniMap.height = height;
  3984. } else {
  3985. this.miniMapCtx.clearRect(0, 0, mapWidth, height);
  3986. }
  3987. if (this.miniMap.width != mapWidth) {
  3988. this.miniMap.width = mapWidth;
  3989. this.miniMap.height = height;
  3990. }
  3991. const newSize = width / ogario.mapSize;
  3992. const resizeoffX = ogario.mapOffsetX + ogario.mapOffset;
  3993. const resizeoffY = ogario.mapOffsetY + ogario.mapOffset;
  3994. this.drawSelectedCell(this.miniMapCtx);
  3995. this.currentSector = this.calculateMapSector(ogario.playerX, ogario.playerY, true);
  3996. this.miniMapCtx.globalAlpha = 1;
  3997. this.miniMapCtx.font = `${gameSetupTheme.miniMapFontWeight} ${mapTop - 4}px ${gameSetupTheme.miniMapFontFamily}`;
  3998. this.miniMapCtx.fillStyle = gameSetupTheme.miniMapSectorColor;
  3999. this.miniMapCtx.fillText(this.currentSector, 10, mapTop);
  4000. if (!this.miniMapSectors) {
  4001. this.drawMiniMapSectors(gameSetupTheme.sectorsX, gameSetupTheme.sectorsY, width, height, scale);
  4002. }
  4003. this.miniMapCtx.save();
  4004. this.miniMapCtx.translate(9.5, scale);
  4005. if (this.gameMode === `:battleroyale`) {
  4006. drawRender && drawRender.drawBattleAreaOnMinimap(this.miniMapCtx, width, width, newSize, resizeoffX, resizeoffY);
  4007. }
  4008. if (gameOptionSettings.showMiniMapGuides) {
  4009. var roundX = Math.round((ogario.playerX + resizeoffX) * newSize);
  4010. var roundY = Math.round((ogario.playerY + resizeoffY) * newSize);
  4011. this.miniMapCtx.lineWidth = 1;
  4012. this.miniMapCtx.strokeStyle = gameSetupTheme.miniMapGuidesColor;
  4013. this.miniMapCtx.beginPath();
  4014. this.miniMapCtx.moveTo(roundX, 0);
  4015. this.miniMapCtx.lineTo(roundX, width - 1);
  4016. this.miniMapCtx.moveTo(0, roundY);
  4017. this.miniMapCtx.lineTo(width - 1, roundY);
  4018. this.miniMapCtx.stroke();
  4019. }
  4020. this.miniMapCtx.beginPath();
  4021. this.miniMapCtx.arc((ogario.playerX + resizeoffX) * newSize, (ogario.playerY + resizeoffY) * newSize, gameSetupTheme.miniMapMyCellSize, 0, this.pi2, false);
  4022. this.miniMapCtx.closePath();
  4023. if (gameSetupTheme.miniMapMyCellStrokeSize > 0) {
  4024. this.miniMapCtx.lineWidth = gameSetupTheme.miniMapMyCellStrokeSize;
  4025. this.miniMapCtx.strokeStyle = gameSetupTheme.miniMapMyCellStrokeColor;
  4026. this.miniMapCtx.stroke();
  4027. }
  4028. this.miniMapCtx.fillStyle = gameSetupTheme.miniMapMyCellColor;
  4029. this.miniMapCtx.fill();
  4030. if (this.teamPlayers.length) {
  4031. for (let length = 0; length < this.teamPlayers.length; length++) {
  4032. this.teamPlayers[length].drawPosition(this.miniMapCtx, ogario.mapOffset, newSize, this.privateMiniMap, this.targetID);
  4033. }
  4034. }
  4035. if (this.deathLocations.length > 0) {
  4036. var roundX = Math.round((this.deathLocations[this.lastDeath].x + ogario.mapOffset) * newSize);
  4037. var roundY = Math.round((this.deathLocations[this.lastDeath].y + ogario.mapOffset) * newSize);
  4038. const mySize = Math.max(gameSetupTheme.miniMapMyCellSize - 2, 4);
  4039. this.miniMapCtx.lineWidth = 1;
  4040. this.miniMapCtx.strokeStyle = this.deathLocations.length - 1 == this.lastDeath ? gameSetupTheme.miniMapDeathLocationColor : '#FFFFFF';
  4041. this.miniMapCtx.beginPath();
  4042. this.miniMapCtx.moveTo(roundX - mySize, roundY);
  4043. this.miniMapCtx.lineTo(roundX + mySize, roundY);
  4044. this.miniMapCtx.moveTo(roundX, roundY - mySize);
  4045. this.miniMapCtx.lineTo(roundX, roundY + mySize);
  4046. this.miniMapCtx.stroke();
  4047. }
  4048. this.miniMapCtx.restore();
  4049. },
  4050. drawMiniMapSectors(x, y, size, height, scale) {
  4051. this.miniMapSectors = document.getElementById(`minimap-sectors`);
  4052. const ctx = this.miniMapSectors.getContext('2d');
  4053. ctx.ogarioCtx = true;
  4054. this.miniMapSectors.width = size;
  4055. this.miniMapSectors.height = height;
  4056. ctx.fillStyle = `#FFFFFF`;
  4057. this.dTok(ctx, size - 1);
  4058. drawRender.drawSectors(ctx, ogario.mapOffsetFixed, x, y, 0.5, scale, size - 0.5, height - 9.5, gameSetupTheme.miniMapSectorsColor, gameSetupTheme.miniMapSectorsColor, 1, false);
  4059. },
  4060. resetMiniMapSectors() {
  4061. this.miniMapSectors = null;
  4062. },
  4063. drawSelectedCell(ctx) {
  4064. if (ogario.play && ogario.playerSplitCells > 1 && (gameOptionSettings.splitRange || gameOptionSettings.oppColors || gameOptionSettings.oppRings || gameOptionSettings.showStatsSTE)) {
  4065. ctx.fillStyle = `#FFFFFF`;
  4066. ctx.globalAlpha = this.selectBiggestCell ? 0.6 : 0.3;
  4067. ctx.beginPath();
  4068. ctx.arc(48, 15, 6, 0, this.pi2, false);
  4069. ctx.closePath();
  4070. ctx.fill();
  4071. ctx.globalAlpha = this.selectBiggestCell ? 0.3 : 0.6;
  4072. ctx.beginPath();
  4073. ctx.arc(60, 15, 4, 0, this.pi2, false);
  4074. ctx.closePath();
  4075. ctx.fill();
  4076. }
  4077. },
  4078. dTok(ctx, size) {
  4079. ctx.font = `${gameSetupTheme.miniMapFontWeight} ${gameSetupTheme.miniMapTop - 6}${`px `}${gameSetupTheme.miniMapFontFamily}`;
  4080. ctx.textAlign = `right`;
  4081. ctx.textBaseline = `top`;
  4082. ctx.fillText(atob(this.token), size, 7);
  4083. },
  4084. setVirusColor(size) {
  4085. const floor = Math.floor(size * size / 100);
  4086. if (floor > 183) {
  4087. return `#C80000`;
  4088. }
  4089. return gameSetupTheme.virusColor;
  4090. },
  4091. setVirusStrokeColor(size) {
  4092. if (ogario.play && ogario.playerMaxMass != 0) {
  4093. const floor = Math.floor(size * size / 100);
  4094. const biggestCell = floor / (this.selectBiggestCell ? ogario.playerMaxMass : ogario.playerMinMass);
  4095. if (biggestCell > 0.76) {
  4096. return `#FFDC00`;
  4097. }
  4098. return `#C80000`;
  4099. }
  4100. return gameSetupTheme.virusStrokeColor;
  4101. },
  4102. setAutoHideCellInfo(size) {
  4103. if (size <= 40 || ogario.viewScale < 0.5 && size < 550 && size < 25 / ogario.viewScale) {
  4104. return true;
  4105. }
  4106. return false;
  4107. },
  4108. setParty() {
  4109. let value = JQuery('#party-token').val();
  4110. this.gameMode = ogario.gameMode = JQuery(`#gamemode`).val();
  4111. this.setQuest();
  4112. if (this.gameMode !== ':party' || !value) {
  4113. return;
  4114. }
  4115. let newValue = value;
  4116. if (value.indexOf('#') != -1) {
  4117. value = value.split('#');
  4118. newValue = value[1];
  4119. }
  4120. if (this.partyToken !== newValue) {
  4121. this.partyToken = newValue;
  4122. this.flushSkinsMap();
  4123. this.flushChatData();
  4124. this.cancelTargeting();
  4125. }
  4126. },
  4127. createParty() {
  4128. JQuery('#create-party-btn').click();
  4129. },
  4130. joinParty() {
  4131. const value = JQuery(`#party-token`).val();
  4132. if (!value) {
  4133. return;
  4134. }
  4135. JQuery(`#pre-join-party-btn`).click();
  4136. JQuery(`.party-token`).val(value);
  4137. JQuery('#join-party-btn').click();
  4138. },
  4139. leaveParty() {
  4140. JQuery(`#party-token, .party-token`).val('');
  4141. JQuery(`#leave-party-btn`).click();
  4142. },
  4143. closeParty() {
  4144. JQuery(`#party-token, .party-token`).val('');
  4145. JQuery('.party-icon-back').click();
  4146. },
  4147. flushData() {
  4148. this.flushPartyData();
  4149. this.flushSkinsMap();
  4150. this.flushChatData();
  4151. this.cancelTargeting();
  4152. ogario.play = false;
  4153. ogario.playerColor = null;
  4154. },
  4155. flushPartyData() {
  4156. this.teamPlayers = [];
  4157. this.parties = [];
  4158. this.lastSentNick = '';
  4159. this.lastSentClanTag = null;
  4160. this.lastSentSkinURL = '';
  4161. this.lastSentCustomColor = '';
  4162. this.lastSentPartyToken = '';
  4163. this.lastSentServerToken = '';
  4164. },
  4165. flushCells() {
  4166. this.cells = {};
  4167. },
  4168. flushSkinsMap() {
  4169. this.customSkinsMap = {};
  4170. },
  4171. flushChatData() {
  4172. this.chatUsers = {};
  4173. },
  4174. getWS(ws) {
  4175. if (!ws) {
  4176. return;
  4177. }
  4178. this.ws = ws;
  4179. this.createServerToken();
  4180. this.updateServerInfo();
  4181. if (this.ws.indexOf(`agar.io`) == -1) {
  4182. this.closeConnection();
  4183. }
  4184. },
  4185. recreateWS(token) {
  4186. if (!token) {
  4187. return null;
  4188. }
  4189. let text = null;
  4190. if (/^[a-zA-Z0-9=+/]{12,}$/ .test(token)) {
  4191. const atobToken = atob(token);
  4192. if (/[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}:[0-9]{1,4}/ .test(atobToken)) {
  4193. text = `wss://ip-${atobToken.replace(/./g, '-').replace(':', `.tech.agar.io:`)}`;
  4194. }
  4195. }
  4196. if (!text && /^[a-z0-9]{5,}$/ .test(token)) {
  4197. text = `wss://live-arena-` + token + `.agar.io:443`;
  4198. }
  4199. return text;
  4200. },
  4201. createServerToken() {
  4202. console.log(this.ws)
  4203. let matchOld = this.ws.match(/ip-d+/);
  4204. const matchNew = this.ws.match(/live-arena-([\w\d]+)/);
  4205. let text = null;
  4206. if (matchOld) {
  4207. const replace = this.ws.replace(`.tech.agar.io`, '').replace(/-/g, '.');
  4208. matchOld = replace.match(/[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}:[0-9]{1,4}/);
  4209. if (matchOld) {
  4210. this.serverIP = matchOld[0];
  4211. text = btoa(this.serverIP);
  4212. }
  4213. }
  4214. if (!text && matchNew) {
  4215. this.serverArena = matchNew[1];
  4216. text = this.serverArena;
  4217. }
  4218. if (text) {
  4219. if (this.serverToken !== text) {
  4220. this.serverToken = text;
  4221. this.flushData();
  4222. this.flushCells();
  4223. }
  4224. this.partyToken = '';
  4225. const matchPartyId = this.ws.match(/party_id=([A-Z0-9]{6})/);
  4226. if (matchPartyId) {
  4227. this.partyToken = matchPartyId[1];
  4228. changeUrl(`/#${window.encodeURIComponent(this.partyToken)}`);
  4229. }
  4230. }
  4231. },
  4232. updateServerInfo() {
  4233. JQuery(`#server-ws`).val(this.ws);
  4234. JQuery(`#server-token`).val(this.serverToken);
  4235. JQuery(`#party-token, .party-token`).val(this.partyToken);
  4236. },
  4237. gameServerConnect(ws) {
  4238. if (!ws) {
  4239. return;
  4240. }
  4241. this.skipServerData = true;
  4242. window.core && window.core.connect && window.core.connect(ws);
  4243. },
  4244. gameServerReconnect() {
  4245. if (window.MC && window.MC.reconnect) {
  4246. window.MC.reconnect();
  4247. return;
  4248. }
  4249. window.master && window.master.reconnect && window.master.reconnect();
  4250. },
  4251. gameServerJoin(token) {
  4252. const ws = this.recreateWS(token);
  4253. if (ws) {
  4254. this.skipServerData = true;
  4255. this.gameServerConnect(ws);
  4256. }
  4257. },
  4258. connect() {
  4259. this.closeConnection();
  4260. this.flushData();
  4261. this.setParty();
  4262. console.log(`[OGARio by szymy] Connecting to server`);
  4263. if (this.privateMode && this.privateIP) {
  4264. this.socket = new WebSocket(this.privateIP);
  4265. } else {
  4266. this.socket = new WebSocket(this.publicIP);
  4267. }
  4268. this.socket.ogarioWS = true;
  4269. this.socket.binaryType = 'arraybuffer';
  4270. const app = this;
  4271. this.socket.onopen = () => {
  4272. console.log('[OGARio by szymy] Socket open');
  4273. const buf = app.createView(3);
  4274. buf.setUint8(0, 0);
  4275. buf.setUint16(1, 401, true);
  4276. app.sendBuffer(buf);
  4277. app.sendPartyData();
  4278. };
  4279. this.socket.onmessage = message => {
  4280. app.handleMessage(message);
  4281. };
  4282. this.socket.onclose = close => {
  4283. app.flushData();
  4284. console.log('[OGARio by szymy] Socket close', close);
  4285. };
  4286. this.socket.onerror = error => {
  4287. app.flushData();
  4288. console.log(`[OGARio by szymy] Socket error`, error);
  4289. };
  4290. },
  4291. closeConnection() {
  4292. if (this.socket) {
  4293. this.socket.onmessage = null;
  4294. try {
  4295. this.socket.close();
  4296. } catch (error) {}
  4297. this.socket = null;
  4298. }
  4299. },
  4300. reconnect() {
  4301. this.setParty();
  4302. const app = this;
  4303. setTimeout(() => {
  4304. app.connect();
  4305. }, 1000);
  4306. },
  4307. switchServerMode() {
  4308. if (!this.privateIP) {
  4309. return;
  4310. }
  4311. this.privateMode = !this.privateMode;
  4312. if (this.isSocketOpen()) {
  4313. this.closeConnection();
  4314. toastr.error(`Zamknięto połączenie z serwerem!`);
  4315. }
  4316. if (this.privateMode) {
  4317. toastr.info(`Przełączono na serwer prywatny!`);
  4318. JQuery(`.party-panel`).show();
  4319. } else {
  4320. toastr.info(`Przełączono na serwer publiczny!`);
  4321. JQuery(`#active-parties`).empty();
  4322. JQuery(`.party-panel`).hide();
  4323. }
  4324. this.onJoin();
  4325. if (ogario.play) {
  4326. this.onPlayerSpawn();
  4327. }
  4328. },
  4329. isSocketOpen() {
  4330. return this.socket !== null && this.socket.readyState === this.socket.OPEN;
  4331. },
  4332. createView(value) {
  4333. return new DataView(new ArrayBuffer(value));
  4334. },
  4335. strToBuff(offset, str) {
  4336. const view = this.createView(1 + str.length * 2);
  4337. view.setUint8(0, offset);
  4338. for (let length = 0; length < str.length; length++) {
  4339. view.setUint16(1 + length * 2, str.charCodeAt(length), true);
  4340. }
  4341. return view;
  4342. },
  4343. sendBuffer(value) {
  4344. this.socket.send(value.buffer);
  4345. },
  4346. handleMessage(message) {
  4347. this.readMessage(new DataView(message.data));
  4348. },
  4349. readMessage(message) {
  4350. switch (message.getUint8(0)) {
  4351. case 0:
  4352. this.playerID = message.getUint32(1, true);
  4353. break;
  4354. case 1:
  4355. this.sendPlayerUpdate();
  4356. break;
  4357. case 20:
  4358. this.updateTeamPlayer(message);
  4359. break;
  4360. case 30:
  4361. this.updateTeamPlayerPosition(message);
  4362. break;
  4363. case 96:
  4364. //break;
  4365. this.updateParties(message);
  4366. this.displayParties();
  4367. break;
  4368. case 100:
  4369. this.readChatMessage(message);
  4370. break;
  4371. }
  4372. },
  4373. sendPlayerState(state) {
  4374. if (this.isSocketOpen()) {
  4375. const view = this.createView(1);
  4376. view.setUint8(0, state);
  4377. this.sendBuffer(view);
  4378. }
  4379. },
  4380. sendPlayerSpawn() {
  4381. this.sendPlayerState(1);
  4382. },
  4383. sendPlayerDeath() {
  4384. this.sendPlayerState(2);
  4385. },
  4386. sendPlayerJoin() {
  4387. this.sendPlayerState(3);
  4388. },
  4389. sendPlayerData(offset, name, str) {
  4390. if (this[name] !== null && this[name] === str) {
  4391. return;
  4392. }
  4393. if (this.isSocketOpen()) {
  4394. this.sendBuffer(this.strToBuff(offset, str));
  4395. this[name] = str;
  4396. }
  4397. },
  4398. sendPlayerNick() {
  4399. this.sendPlayerData(10, `lastSentNick`, mainProfile.nick);
  4400. },
  4401. sendPlayerClanTag() {
  4402. this.sendPlayerData(11, `lastSentClanTag`, mainProfile.clanTag);
  4403. },
  4404. sendPlayerSkinURL() {
  4405. this.sendPlayerData(12, `lastSentSkinURL`, mainProfile.skinURL);
  4406. },
  4407. sendPlayerCustomColor() {
  4408. this.sendPlayerData(13, `lastSentCustomColor`, mainProfile.color);
  4409. },
  4410. sendPlayerColor() {
  4411. if (this.isSocketOpen() && ogario.playerColor) {
  4412. this.sendBuffer(this.strToBuff(14, ogario.playerColor));
  4413. }
  4414. },
  4415. sendPartyToken() {
  4416. this.setParty();
  4417. this.sendPlayerData(15, `lastSentPartyToken`, this.partyToken);
  4418. },
  4419. sendServerToken() {
  4420. this.sendPlayerData(16, 'lastSentServerToken', this.serverToken);
  4421. },
  4422. sendServerJoin() {
  4423. this.sendServerToken();
  4424. this.sendPlayerJoin();
  4425. },
  4426. sendServerRegion() {
  4427. if (!this.region) {
  4428. return;
  4429. }
  4430. const region = this.region.split('-');
  4431. if (this.isSocketOpen()) {
  4432. this.sendBuffer(this.strToBuff(17, region[0]));
  4433. }
  4434. },
  4435. sendServerGameMode() {
  4436. let gamemode = `FFA`;
  4437. switch (this.gameMode) {
  4438. case `:battleroyale`:
  4439. gamemode = `BTR`;
  4440. break;
  4441. case `:teams`:
  4442. gamemode = `TMS`;
  4443. break;
  4444. case `:experimental`:
  4445. gamemode = `EXP`;
  4446. break;
  4447. case `:party`:
  4448. gamemode = `PTY`;
  4449. break;
  4450. }
  4451. if (this.isSocketOpen()) {
  4452. this.sendBuffer(this.strToBuff(18, gamemode));
  4453. }
  4454. },
  4455. sendServerData() {
  4456. if (this.skipServerData) {
  4457. this.skipServerData = false;
  4458. return;
  4459. }
  4460. this.region = JQuery('#region').val();
  4461. this.gameMode = JQuery('#gamemode').val();
  4462. this.sendServerRegion();
  4463. this.sendServerGameMode();
  4464. },
  4465. sendPartyData() {
  4466. this.sendPlayerClanTag();
  4467. this.sendPartyToken();
  4468. this.sendServerToken();
  4469. this.sendPlayerNick();
  4470. },
  4471. sendPlayerUpdate() {
  4472. if (this.isSocketOpen() && ogario.play && this.playerID && ogario.playerColor) {
  4473. function encode(str) {
  4474. for (let length = 0; length < str.length; length++) {
  4475. view.setUint16(offset, str.charCodeAt(length), true);
  4476. offset += 2;
  4477. }
  4478. view.setUint16(offset, 0, true);
  4479. offset += 2;
  4480. }
  4481. let text = 41;
  4482. text += mainProfile.nick.length * 2;
  4483. text += mainProfile.skinURL.length * 2;
  4484. var view = this.createView(text);
  4485. view.setUint8(0, 20);
  4486. view.setUint32(1, this.playerID, true);
  4487. var offset = 5;
  4488. encode(mainProfile.nick);
  4489. encode(mainProfile.skinURL);
  4490. encode(mainProfile.color);
  4491. encode(ogario.playerColor);
  4492. this.sendBuffer(view);
  4493. }
  4494. },
  4495. sendPlayerPosition() {
  4496. if (this.isSocketOpen() && ogario.play && this.playerID) {
  4497. const view = this.createView(17);
  4498. view.setUint8(0, 30);
  4499. view.setUint32(1, this.playerID, true);
  4500. view.setInt32(5, this.getPlayerX(), true);
  4501. view.setInt32(9, this.getPlayerY(), true);
  4502. if (typeof ogario.playerMass !== `undefined`) {
  4503. view.setUint32(13, ogario.playerMass, true);
  4504. } else {
  4505. view.setUint32(13, this.playerMass, true);
  4506. }
  4507. this.sendBuffer(view);
  4508. }
  4509. },
  4510. checkPlayerID(id) {
  4511. if (id) {
  4512. for (let length = 0; length < this.teamPlayers.length; length++) {
  4513. if (this.teamPlayers[length].id == id) {
  4514. return length;
  4515. }
  4516. }
  4517. }
  4518. return null;
  4519. },
  4520. updateTeamPlayer(message) {
  4521. function encode() {
  4522. for (var text = '';;) {
  4523. const string = message.getUint16(offset, true);
  4524. if (string == 0) {
  4525. break;
  4526. }
  4527. text += String.fromCharCode(string);
  4528. offset += 2;
  4529. }
  4530. offset += 2;
  4531. return text;
  4532. }
  4533. const id = message.getUint32(1, true);
  4534. var offset = 5;
  4535. const nick = encode();
  4536. const skinUrl = this.checkSkinURL(encode());
  4537. const customColor = encode();
  4538. const defaultColor = encode();
  4539. const skinName = this.gameMode === `:party` ? nick + defaultColor : nick;
  4540. const userId = this.checkPlayerID(id);
  4541. if (userId !== null) {
  4542. this.teamPlayers[userId].nick = nick;
  4543. this.teamPlayers[userId].skinID = skinName;
  4544. this.teamPlayers[userId].skinURL = skinUrl;
  4545. this.teamPlayers[userId].setColor(defaultColor, customColor);
  4546. } else {
  4547. const map = new minimap(id, nick, skinName, skinUrl);
  4548. map.setColor(defaultColor, customColor);
  4549. this.teamPlayers.push(map);
  4550. }
  4551. this.cacheCustomSkin(nick, defaultColor, skinUrl);
  4552. },
  4553. updateTeamPlayerPosition(message) {
  4554. const id = message.getUint32(1, true);
  4555. const userId = this.checkPlayerID(id);
  4556. if (userId !== null) {
  4557. const x = message.getInt32(5, true);
  4558. const y = message.getInt32(9, true);
  4559. const mass = message.getUint32(13, true);
  4560. if (mass > 360000) {
  4561. return;
  4562. }
  4563. const teamPlayer = this.teamPlayers[userId];
  4564. teamPlayer.x = x;
  4565. teamPlayer.y = y;
  4566. teamPlayer.mass = mass;
  4567. teamPlayer.alive = true;
  4568. teamPlayer.updateTime = Date.now();
  4569. if (this.targeting && this.targetID && id == this.targetID) {
  4570. this.updateTarget(teamPlayer.nick, teamPlayer.skinURL, x, y, mass, teamPlayer.color);
  4571. }
  4572. }
  4573. },
  4574. updateTeamPlayers() {
  4575. this.sendPlayerPosition();
  4576. this.chatUsers = {};
  4577. this.top5 = [];
  4578.  
  4579. for (const teamPlayer of this.teamPlayers) {
  4580. if (teamPlayer.alive && Date.now() - teamPlayer.updateTime >= 2000 || teamPlayer.mass == 0) {
  4581. teamPlayer.alive = false;
  4582. if (this.targeting && this.targetID && teamPlayer.id == this.targetID) {
  4583. this.setTargetStatus(2);
  4584. }
  4585. }
  4586. if (teamPlayer.alive) {
  4587. this.top5.push({
  4588. id: teamPlayer.id,
  4589. nick: teamPlayer.nick,
  4590. x: teamPlayer.x,
  4591. y: teamPlayer.y,
  4592. mass: teamPlayer.mass,
  4593. color: teamPlayer.color
  4594. });
  4595. if (!this.isChatUserMuted(teamPlayer.id)) {
  4596. this.addChatUser(teamPlayer.id, teamPlayer.nick);
  4597. }
  4598. }
  4599. }
  4600.  
  4601. this.top5.sort((row, config) => config.mass - row.mass);
  4602. this.displayTop5();
  4603. },
  4604. updateParties(message) {
  4605. this.parties = [];
  4606. const userLength = message.getUint8(1);
  4607. for (let offset = 2, length = 0; length < userLength; length++) {
  4608. for (var text = '';;) {
  4609. const string = message.getUint16(offset, true);
  4610. if (string == 0) {
  4611. break;
  4612. }
  4613. text += String.fromCharCode(string);
  4614. offset += 2;
  4615. }
  4616. offset += 2;
  4617. this.parties.push(text);
  4618. }
  4619. },
  4620. readChatMessage(message) {
  4621. if (gameOptionSettings.disableChat) {
  4622. return;
  4623. }
  4624. const time = new Date().toTimeString().replace(/^(d{2}:d{2}).*/, '$1');
  4625. const type = message.getUint8(1);
  4626. const id = message.getUint32(2, true);
  4627. const nick = message.getUint32(6, true);
  4628. if (this.isChatUserMuted(id) || nick != 0 && nick != this.playerID && id != this.playerID) {
  4629. return;
  4630. }
  4631. for (var text = '', length = 10; length < message.byteLength; length += 2) {
  4632. const string = message.getUint16(length, true);
  4633. if (string == 0) {
  4634. break;
  4635. }
  4636. text += String.fromCharCode(string);
  4637. }
  4638. this.displayChatMessage(time, type, id, text);
  4639. },
  4640. sendChatMessage(type, message) {
  4641. if (Date.now() - this.lastMessageSentTime < 500 || message.length == 0 || mainProfile.nick.length == 0) {
  4642. return;
  4643. }
  4644. if (this.isSocketOpen()) {
  4645. var message = `${mainProfile.nick}: ${message}`;
  4646. const view = this.createView(10 + message.length * 2);
  4647. view.setUint8(0, 100);
  4648. view.setUint8(1, type);
  4649. view.setUint32(2, this.playerID, true);
  4650. view.setUint32(6, 0, true);
  4651. for (let length = 0; length < message.length; length++) {
  4652. view.setUint16(10 + length * 2, message.charCodeAt(length), true);
  4653. }
  4654. this.sendBuffer(view);
  4655. this.lastMessageSentTime = Date.now();
  4656. }
  4657. },
  4658. prepareCommand(command) {
  4659. const chatCommand = command.replace(`%currentSector%`, this.currentSector);
  4660. return chatCommand;
  4661. },
  4662. sendCommand(command) {
  4663. const prepareCommand = this.prepareCommand(chatCommand[`comm` + command]);
  4664. this.sendChatMessage(102, prepareCommand);
  4665. },
  4666. addChatUser(id, name) {
  4667. this.chatUsers[id] = name;
  4668. },
  4669. getChatUserNick(id) {
  4670. if (this.chatUsers.hasOwnProperty(id)) {
  4671. return this.chatUsers[id];
  4672. }
  4673. return '';
  4674. },
  4675. muteChatUser(id) {
  4676. if (!id || this.isChatUserMuted(id)) {
  4677. return;
  4678. }
  4679. const User = this.getChatUserNick(id);
  4680. this.chatMutedUsers[id] = User;
  4681. this.chatMutedUserIDs.push(id);
  4682. toastr.error(`${textLanguage.userMuted.replace(`%user%`, `<strong>` + this.escapeHTML(User) + `</strong>`) + ` <button data-user-id="` + id}" class="btn btn-xs btn-green btn-unmute-user">${textLanguage.unmute}${`</button>`}`);
  4683. },
  4684. unmuteChatUser(id) {
  4685. if (!id) {
  4686. return;
  4687. }
  4688. const User = this.chatMutedUserIDs.indexOf(id);
  4689. if (User != -1) {
  4690. this.chatMutedUserIDs.splice(User, 1);
  4691. toastr.info(textLanguage.userUnmuted.replace(`%user%`, `${`<strong>` + this.escapeHTML(this.chatMutedUsers[id])}</strong>`));
  4692. delete this.chatMutedUsers[id];
  4693. }
  4694. },
  4695. isChatUserMuted(id) {
  4696. if (this.chatMutedUserIDs.indexOf(id) != -1) {
  4697. return true;
  4698. }
  4699. return false;
  4700. },
  4701. parseMessage(string) {
  4702. const isImage = /[img]([w:/.?]+)[/img]/i;
  4703. if (isImage.test(string)) {
  4704. var url = string.match(isImage)[1];
  4705. if (gameOptionSettings.showChatImages && this.checkImgURL(url)) {
  4706. return `<img src="` + url + `" style="width:100%;border:none;">`;
  4707. }
  4708. return '';
  4709. }
  4710. const isVideo = /[yt]([w-]{11})[/yt]/i;
  4711. if (isVideo.test(string)) {
  4712. if (gameOptionSettings.showChatVideos) {
  4713. var url = string.match(isVideo);
  4714. return `<iframe type="text/html" width="100%" height="auto" src="https://www.youtube.com/embed/${url[1]}${`?autoplay=1&amp;vq=tiny" frameborder="0" />`}`;
  4715. }
  4716. return '';
  4717. }
  4718. let escapedHtml = this.escapeHTML(string);
  4719. if (gameOptionSettings.chatEmoticons) {
  4720. escapedHtml = this.parseEmoticons(escapedHtml);
  4721. }
  4722. return escapedHtml;
  4723. },
  4724. parseEmoticons(string) {
  4725. return String(string).replace(/&lt;3/g, '<3').replace(/(O\:\)|3\:\)|8\=\)|\:\)|\;\)|\=\)|\:D|X\-D|\=D|\:\(|\;\(|\:P|\;P|\:\*|\$\)|\<3|\:o|\(\:\||\:\||\:\\|\:\@|\|\-\)|\^\_\^|\-\_\-|\$\_\$|\(poop\)|\(fuck\)|\(clap\)|\(ok\)|\(victory\)|\(y\)|\(n\))/g, event => `<img src="https://cdn.ogario.ovh/static/emoticons/${emojiChar[event]}${`" alt="`}${event}${`" class="emoticon">`}`);
  4726. },
  4727. displayChatMessage(time, type, id, nick) {
  4728. if (nick.length == 0) {
  4729. return;
  4730. }
  4731. let userName = nick.split(': ', 1).toString();
  4732. const parseMessage = this.parseMessage(nick.replace(`${userName}: `, ''));
  4733. if (userName.length == 0 || userName.length > 15 || parseMessage.length == 0) {
  4734. return;
  4735. }
  4736. let text = '';
  4737. if (id != 0 && id != this.playerID) {
  4738. this.addChatUser(id, userName);
  4739. text = `${`<a href="#" data-user-id="` + id}" class="mute-user ogicon-user-minus"></a> `;
  4740. }
  4741. userName = this.escapeHTML(userName);
  4742. if (type == 101) {
  4743. if (gameOptionSettings.showChatBox) {
  4744. JQuery(`#chat-box`).append(`${`<div class="message"><span class="message-time">[` + time + `] </span>` + text + `<span class="message-nick">` + userName}: </span><span class="message-text">${parseMessage}${`</span></div>`}`);
  4745. JQuery('#chat-box').perfectScrollbar(`update`);
  4746. JQuery('#chat-box').animate({
  4747. scrollTop: JQuery('#chat-box').prop(`scrollHeight`)
  4748. }, 500);
  4749. if (gameOptionSettings.chatSounds) {
  4750. this.playSound(this.messageSound);
  4751. }
  4752. return;
  4753. }
  4754. if (!gameOptionSettings.hideChat) {
  4755. toastr.success(`${`<span class="message-nick">` + userName + `: </span><span class="message-text">` + parseMessage}</span>${text}`);
  4756. if (gameOptionSettings.chatSounds) {
  4757. this.playSound(this.messageSound);
  4758. }
  4759. }
  4760. this.chatHistory.push({
  4761. nick: userName,
  4762. message: parseMessage
  4763. });
  4764. if (this.chatHistory.length > 15) {
  4765. this.chatHistory.shift();
  4766. }
  4767. } else if (type == 102) {
  4768. if (gameOptionSettings.showChatBox) {
  4769. JQuery(`#chat-box`).append(`${`<div class="message command"><span class="command-time">[` + time + `] </span>` + text}<span class="command-nick">${userName}: </span><span class="command-text">${parseMessage}${`</span></div>`}`);
  4770. JQuery('#chat-box').perfectScrollbar('update');
  4771. JQuery(`#chat-box`).animate({
  4772. scrollTop: JQuery('#chat-box').prop(`scrollHeight`)
  4773. }, 500);
  4774. if (gameOptionSettings.chatSounds) {
  4775. this.playSound(this.commandSound);
  4776. }
  4777. return;
  4778. }
  4779. if (!gameOptionSettings.hideChat) {
  4780. toastr.warning(`${`<span class="command-nick">` + userName}: </span><span class="command-text">${parseMessage}</span>${text}`);
  4781. if (gameOptionSettings.chatSounds) {
  4782. this.playSound(this.commandSound);
  4783. }
  4784. }
  4785. } else {
  4786. JQuery(`#messages`).append(nick);
  4787. }
  4788. },
  4789. displayUserList(users, activeUser, html, isMute, icon) {
  4790. let text = '';
  4791. if (Object.keys(users).length) {
  4792. text += `<ol class="user-list">`;
  4793. for (const user in users) {
  4794. if (users.hasOwnProperty(user)) {
  4795. text += `${`<li><strong>` + this.escapeHTML(users[user]) + `</strong> <button data-user-id="` + user}" class="btn btn-xs ${html}">${isMute}${`</button></li>`}`;
  4796. }
  4797. }
  4798. text += `</ol>`;
  4799. } else {
  4800. text += textLanguage.none;
  4801. }
  4802. toastr[icon](text, activeUser, {
  4803. closeButton: true,
  4804. tapToDismiss: false
  4805. });
  4806. },
  4807. displayChatActiveUsers() {
  4808. this.displayUserList(this.chatUsers, textLanguage.activeUsers, `btn-red btn-mute-user`, textLanguage.mute, 'info');
  4809. },
  4810. displayChatMutedUsers() {
  4811. this.displayUserList(this.chatMutedUsers, textLanguage.mutedUsers, `btn-green btn-unmute-user`, textLanguage.unmute, 'error');
  4812. },
  4813. preloadChatSounds() {
  4814. this.setMessageSound();
  4815. this.setCommandSound();
  4816. },
  4817. setChatSoundsBtn() {
  4818. if (gameOptionSettings.chatSounds) {
  4819. JQuery(`.chat-sound-notifications`).removeClass(`ogicon-volume-mute2`).addClass(`ogicon-volume-high`);
  4820. } else {
  4821. JQuery(`.chat-sound-notifications`).removeClass(`ogicon-volume-high`).addClass(`ogicon-volume-mute2`);
  4822. }
  4823. },
  4824. setMessageSound() {
  4825. this.messageSound = this.setSound(gameOptionSettings.messageSound);
  4826. },
  4827. setCommandSound() {
  4828. this.commandSound = this.setSound(gameOptionSettings.commandSound);
  4829. },
  4830. setSound(audio) {
  4831. if (!audio) {
  4832. return null;
  4833. }
  4834. return new Audio(audio);
  4835. },
  4836. playSound(audio) {
  4837. if (audio && audio.play) {
  4838. audio.pause();
  4839. audio.currentTime = 0;
  4840. audio.play();
  4841. }
  4842. },
  4843. setTargeting() {
  4844. if (!this.targetID) {
  4845. return;
  4846. }
  4847. this.targeting = !this.targeting;
  4848. ogario.targeting = this.targeting;
  4849. this.setTargetingInfo();
  4850. },
  4851. setTargetingInfo() {
  4852. if (this.targeting) {
  4853. JQuery(`#set-targeting`).addClass('active');
  4854. JQuery('#target-status').show();
  4855. if (this.targetStatus != 2) {
  4856. JQuery('#target-summary').show();
  4857. }
  4858. } else {
  4859. JQuery('#set-targeting').removeClass(`active`);
  4860. JQuery(`#target-summary, #target-status`).hide();
  4861. }
  4862. },
  4863. cancelTargeting() {
  4864. this.setTargetStatus(0);
  4865. },
  4866. setPrivateMiniMap() {
  4867. if (!this.targetID) {
  4868. return;
  4869. }
  4870. this.privateMiniMap = !this.privateMiniMap;
  4871. if (this.privateMiniMap) {
  4872. JQuery(`#set-private-minimap`).addClass(`active`);
  4873. } else {
  4874. JQuery('#set-private-minimap').removeClass(`active`);
  4875. }
  4876. },
  4877. setTarget(id) {
  4878. const userId = this.checkPlayerID(id);
  4879. if (userId !== null) {
  4880. const teamPlayer = this.teamPlayers[userId];
  4881. this.targetID = teamPlayer.id;
  4882. this.updateTarget(teamPlayer.nick, teamPlayer.skinURL, teamPlayer.x, teamPlayer.y, teamPlayer.mass, teamPlayer.color);
  4883. if (!teamPlayer.alive) {
  4884. this.setTargetStatus(2);
  4885. return;
  4886. }
  4887. this.setTargetStatus(1);
  4888. } else {
  4889. this.setTargetStatus(0);
  4890. }
  4891. },
  4892. setTargetStatus(type) {
  4893. switch (type) {
  4894. case 0:
  4895. this.targetStatus = 0;
  4896. this.targetID = 0;
  4897. this.targetNick = '';
  4898. this.targetSkinURL = '';
  4899. this.targeting = false;
  4900. ogario.targeting = false;
  4901. this.privateMiniMap = false;
  4902. JQuery(`#target-skin, #target-nick, #target-summary`).hide();
  4903. JQuery('#target-status').show().text(`[${textLanguage.targetNotSet}]`);
  4904. JQuery('#target-panel-hud a').removeClass(`active`);
  4905. break;
  4906. case 1:
  4907. this.targetStatus = 1;
  4908. if (!this.targeting) {
  4909. this.targeting = true;
  4910. ogario.targeting = true;
  4911. this.setTargetingInfo();
  4912. }
  4913. JQuery(`#target-skin, #target-nick, #target-status, #target-summary`).show();
  4914. break;
  4915. case 2:
  4916. this.targetStatus = 2;
  4917. JQuery(`#target-summary`).hide();
  4918. JQuery(`#target-status`).show().text(`[${textLanguage.targetDead}]`);
  4919. ogario.resetTargetPosition();
  4920. break;
  4921. }
  4922. },
  4923. changeTarget() {
  4924. let targetId = this.checkPlayerID(this.targetID);
  4925. for (var target = null, length = 0; length < this.teamPlayers.length; length++) {
  4926. if (!this.teamPlayers[length].alive) {
  4927. continue;
  4928. }
  4929. if (targetId !== null) {
  4930. if (length < targetId && target === null) {
  4931. target = length;
  4932. continue;
  4933. }
  4934. if (length > targetId) {
  4935. target = length;
  4936. break;
  4937. }
  4938. } else {
  4939. targetId = length;
  4940. break;
  4941. }
  4942. }
  4943. if (target !== null) {
  4944. targetId = target;
  4945. }
  4946. if (targetId !== null) {
  4947. this.setTarget(this.teamPlayers[targetId].id);
  4948. } else {
  4949. this.setTargetStatus(0);
  4950. }
  4951. },
  4952. updateTarget(nick, skinUrl, x, y, mass, color) {
  4953. ogario.setTargetPosition(x, y);
  4954. if (this.targetNick !== nick) {
  4955. this.targetNick = nick;
  4956. JQuery(`#target-nick`).html(this.escapeHTML(nick));
  4957. }
  4958. JQuery(`#target-skin`).css(`background-color`, color);
  4959. if (skinUrl && this.targetSkinURL !== skinUrl) {
  4960. if (this.customSkinsCache.hasOwnProperty(skinUrl + `_cached`)) {
  4961. JQuery('#target-skin img').attr(`src`, skinUrl);
  4962. this.targetSkinURL = skinUrl;
  4963. } else {
  4964. JQuery(`#target-skin img`).attr(`src`, `https://cdn.ogario.ovh/static/img/blank.png`);
  4965. }
  4966. }
  4967. JQuery(`#target-status`).text(`[${this.shortMassFormat(mass)}]`);
  4968. const mapSector = this.calculateMapSector(x, y);
  4969. let html = `${textLanguage.targetDistance + `: <span class="hud-main-color">` + ogario.targetDistance} [${mapSector}]</span>`;
  4970. if (ogario.play) {
  4971. html += ` | ` + textLanguage.targetMass + `: <span class="hud-main-color">` + this.shortMassFormat(mass + ogario.playerMass) + `</span>`;
  4972. }
  4973. JQuery('#target-summary').html(html);
  4974. if (this.targetStatus != 1) {
  4975. this.setTargetStatus(1);
  4976. }
  4977. },
  4978. updateQuest() {
  4979. if (!this.showQuest || this.gameMode !== `:ffa`) {
  4980. return;
  4981. }
  4982. if (window.MC && window.MC.getQuestProgressLabel) {
  4983. this.questHUD.textContent = window.MC.getQuestProgressLabel();
  4984. }
  4985. },
  4986. init() {
  4987. this.loadSettings();
  4988. this.loadProfiles();
  4989. this.setLang();
  4990. this.setMenu();
  4991. this.setUI();
  4992. OgarioSettings && OgarioSettings.setTheme();
  4993. this.setShowQuickMenu();
  4994. this.setShowSkinsPanel();
  4995. this.setProfile();
  4996. this.setMainButtons();
  4997. this.setStreamMode();
  4998. this.setHideSkinUrl();
  4999. this.setMiniMap();
  5000. this.setAutoResp();
  5001. this.setDisableChat();
  5002. this.setShowChatBox();
  5003. this.setTop5();
  5004. this.setTargetingHUD();
  5005. this.setQuest();
  5006. this.displayTime();
  5007. this.setCenteredLb();
  5008. this.setNormalLb();
  5009. this.setFpsAtTop();
  5010. this.displayStats();
  5011. this.setBlockPopups();
  5012. this.preloadChatSounds();
  5013. this.setChatSoundsBtn();
  5014. const app = this;
  5015. setInterval(() => {
  5016. app.drawMiniMap();
  5017. }, 33);
  5018. setInterval(() => {
  5019. app.updateTeamPlayers();
  5020. }, this.updateInterval);
  5021. }
  5022. };
  5023.  
  5024. function newCanvas() {
  5025. this.txt = '';
  5026. this.txtCanvas = null;
  5027. this.txtCtx = null;
  5028. this.color = '#FFFFFF';
  5029. this.stroke = false;
  5030. this.strokeWidth = 2;
  5031. this.strokeColor = '#000000';
  5032. this.font = `700 16px Ubuntu`;
  5033. this.fontFamily = `Ubuntu`;
  5034. this.fontWeight = 700;
  5035. this.fontSize = 16;
  5036. this.margin = 3;
  5037. this.scale = 1;
  5038. this.quality = 1;
  5039. this.measuredWidth = 0;
  5040. this.redraw = false;
  5041. this.remeasure = false;
  5042. this.setTxt = function(text) {
  5043. if (this.txt !== text) {
  5044. this.txt = text;
  5045. this.redraw = true;
  5046. this.remeasure = true;
  5047. }
  5048. };
  5049. this.setColor = function(color) {
  5050. if (this.color !== color) {
  5051. this.color = color;
  5052. this.redraw = true;
  5053. }
  5054. };
  5055. this.setStroke = function(stroke) {
  5056. if (this.stroke !== stroke) {
  5057. this.stroke = stroke;
  5058. this.redraw = true;
  5059. }
  5060. };
  5061. this.setStrokeWidth = function(width) {
  5062. if (!this.stroke) {
  5063. return;
  5064. }
  5065. if (this.strokeWidth != width) {
  5066. this.strokeWidth = width;
  5067. this.redraw = true;
  5068. this.remeasure = true;
  5069. }
  5070. };
  5071. this.setStrokeColor = function(color) {
  5072. if (!this.stroke) {
  5073. return;
  5074. }
  5075. if (this.strokeColor !== color) {
  5076. this.strokeColor = color;
  5077. this.redraw = true;
  5078. }
  5079. };
  5080. this.setFont = function() {
  5081. this.font = `${this.fontWeight} ${this.fontSize}${`px `}${this.fontFamily}`;
  5082. };
  5083. this.setFontFamily = function(font) {
  5084. if (this.fontFamily !== font) {
  5085. this.fontFamily = font;
  5086. this.setFont();
  5087. this.redraw = true;
  5088. this.remeasure = true;
  5089. }
  5090. };
  5091. this.setFontWeight = function(weigth) {
  5092. if (this.fontWeight != weigth) {
  5093. this.fontWeight = weigth;
  5094. this.setFont();
  5095. this.redraw = true;
  5096. this.remeasure = true;
  5097. }
  5098. };
  5099. this.setFontSize = function(size) {
  5100. if (this.fontSize != size) {
  5101. this.fontSize = size;
  5102. this.margin = ~~(size * 0.2);
  5103. this.setFont();
  5104. this.redraw = true;
  5105. }
  5106. };
  5107. this.setScale = function(scale) {
  5108. if (this.scale != scale) {
  5109. this.scale = scale;
  5110. this.redraw = true;
  5111. }
  5112. };
  5113. this.createCanvas = function() {
  5114. if (this.txtCanvas) {
  5115. return;
  5116. }
  5117. this.txtCanvas = document.createElement(`canvas`);
  5118. this.txtCtx = this.txtCanvas.getContext('2d');
  5119. this.txtCtx.ogarioCtx = true;
  5120. };
  5121. this.setDrawing = function(color, font, weigth, stroke, width, strokeColor) {
  5122. this.setColor(color);
  5123. this.setFontFamily(font);
  5124. this.setFontWeight(weigth);
  5125. this.setStroke(stroke);
  5126. this.setStrokeWidth(width);
  5127. this.setStrokeColor(strokeColor);
  5128. };
  5129. this.measureWidth = function() {
  5130. if (this.remeasure) {
  5131. this.txtCtx.font = this.fontWeight + ` 10px ` + this.fontFamily;
  5132. this.measuredWidth = this.txtCtx.measureText(this.txt).width;
  5133. this.remeasure = false;
  5134. }
  5135. return ~~(this.fontSize / 10 * this.measuredWidth) + this.strokeWidth * 2;
  5136. };
  5137. this.drawTxt = function() {
  5138. this.createCanvas();
  5139. if (this.redraw) {
  5140. this.redraw = false;
  5141. this.txtCanvas.width = this.measureWidth();
  5142. this.txtCanvas.height = this.fontSize + this.margin;
  5143. this.txtCtx.font = this.font;
  5144. this.txtCtx.globalAlpha = 1;
  5145. this.txtCtx.lineWidth = this.strokeWidth;
  5146. this.txtCtx.strokeStyle = this.strokeColor;
  5147. this.txtCtx.fillStyle = this.color;
  5148. if (this.stroke) {
  5149. this.txtCtx.strokeText(this.txt, this.strokeWidth, this.fontSize - this.margin / 2);
  5150. }
  5151. this.txtCtx.fillText(this.txt, this.strokeWidth, this.fontSize - this.margin / 2);
  5152. }
  5153. return this.txtCanvas;
  5154. };
  5155. }
  5156.  
  5157. function Cell(id, x, y, size, color, isFood, isVirus, isPlayer, shortMass, virusMassShots) {
  5158. this.id = id;
  5159. this.x = x;
  5160. this.y = y;
  5161. this.targetX = x;
  5162. this.targetY = y;
  5163. this.color = color;
  5164. this.oppColor = null;
  5165. this.size = size;
  5166. this.targetSize = size;
  5167. this.alpha = 1;
  5168. this.nick = '';
  5169. this.targetNick = '';
  5170. this.nickCanvas = null;
  5171. this.mass = 0;
  5172. this.lastMass = 0;
  5173. this.kMass = 0;
  5174. this.massCanvas = null;
  5175. this.massTxt = '';
  5176. this.margin = 0;
  5177. this.scale = 1;
  5178. this.nickScale = 1;
  5179. this.massScale = 1;
  5180. this.virMassScale = 3;
  5181. this.strokeScale = 1;
  5182. this.fontSize = 26;
  5183. this.nickSize = 26;
  5184. this.lastNickSize = 0;
  5185. this.massSize = 26;
  5186. this.virMassSize = 26;
  5187. this.nickStrokeSize = 3;
  5188. this.massStrokeSize = 3;
  5189. this.isFood = isFood;
  5190. this.isVirus = isVirus;
  5191. this.isPlayerCell = isPlayer;
  5192. this.shortMass = shortMass;
  5193. this.virMassShots = virusMassShots;
  5194. this.rescale = false;
  5195. this.redrawNick = true;
  5196. this.redrawMass = true;
  5197. this.optimizedNames = false;
  5198. this.optimizedMass = false;
  5199. this.strokeNick = false;
  5200. this.strokeMass = false;
  5201. this.removed = false;
  5202. this.redrawed = 0;
  5203. this.time = 0;
  5204. this.skin = null;
  5205. this.pi2 = 2 * Math.PI;
  5206. this.update = function(x, y, mass, isVirus, isPlayer, nick) {
  5207. this.x = x;
  5208. this.y = y;
  5209. this.isVirus = isVirus;
  5210. this.isPlayerCell = isPlayer;
  5211. this.setMass(mass);
  5212. this.setNick(nick);
  5213. };
  5214. this.removeCell = function() {
  5215. this.removed = true;
  5216. let cells = Connection.cells.indexOf(this);
  5217. if (cells != -1) {
  5218. Connection.cells.splice(cells, 1);
  5219. if (gameOptionSettings.virusesRange) {
  5220. cells = Connection.viruses.indexOf(this);
  5221. if (cells != -1) {
  5222. Connection.viruses.splice(cells, 1);
  5223. }
  5224. }
  5225. } else {
  5226. cells = Connection.food.indexOf(this);
  5227. if (cells != -1) {
  5228. Connection.food.splice(cells, 1);
  5229. }
  5230. }
  5231. cells = Connection.playerCells.indexOf(this);
  5232. if (cells != -1) {
  5233. Connection.removePlayerCell = true;
  5234. Connection.playerCells.splice(cells, 1);
  5235. cells = Connection.playerCellIDs.indexOf(this.id);
  5236. if (cells != -1) {
  5237. Connection.playerCellIDs.splice(cells, 1);
  5238. }
  5239. }
  5240. if (this.redrawed) {
  5241. Connection.removedCells.push(this);
  5242. }
  5243. delete Connection.indexedCells[this.id];
  5244. };
  5245. this.moveCell = function() {
  5246. const time = Connection.time - this.time;
  5247. let delay = time / gameOptionSettings.animation;
  5248. delay = delay < 0 ? 0 : delay > 1 ? 1 : delay;
  5249. this.x += (this.targetX - this.x) * delay;
  5250. this.y += (this.targetY - this.y) * delay;
  5251. this.size += (this.targetSize - this.size) * delay;
  5252. this.alpha = delay;
  5253. if (!this.removed) {
  5254. this.time = Connection.time;
  5255. return;
  5256. }
  5257. if (delay == 1) {
  5258. const removedCells = Connection.removedCells.indexOf(this);
  5259. if (removedCells != -1) {
  5260. Connection.removedCells.splice(removedCells, 1);
  5261. }
  5262. }
  5263. };
  5264. this.isInView = function() {
  5265. return this.id <= 0 ? false : this.x + this.size + 40 < Connection.viewX - Connection.canvasWidth / 2 / Connection.scale || this.y + this.size + 40 < Connection.viewY - Connection.canvasHeight / 2 / Connection.scale || this.x - this.size - 40 > Connection.viewX + Connection.canvasWidth / 2 / Connection.scale || this.y - this.size - 40 > Connection.viewY + Connection.canvasHeight / 2 / Connection.scale ? false : true;
  5266. };
  5267. this.setMass = function(mass) {
  5268. this.size = mass;
  5269. if (mass <= 40) {
  5270. return false;
  5271. }
  5272. if (!this.massCanvas) {
  5273. this.massCanvas = new newCanvas();
  5274. return false;
  5275. }
  5276. this.mass = ~~(mass * mass / 100);
  5277. this.redrawMass = true;
  5278. if (this.isVirus) {
  5279. if (this.virMassShots && this.mass < 200) {
  5280. this.mass = ~~((200 - this.mass) / 14);
  5281. }
  5282. this.massTxt = this.mass.toString();
  5283. return true;
  5284. }
  5285. this.massTxt = this.mass.toString();
  5286. if (this.mass <= 200) {
  5287. return true;
  5288. }
  5289. if (this.shortMass && this.mass >= 1000) {
  5290. this.kMass = Math.round(this.mass / 100) / 10;
  5291. this.massTxt = `${this.kMass}k`;
  5292. return true;
  5293. }
  5294. if (this.optimizedMass) {
  5295. this.redrawMass = Math.abs((this.mass - this.lastMass) / this.mass) >= 0.02 || this.rescale;
  5296. }
  5297. return true;
  5298. };
  5299. this.setNick = function(nick) {
  5300. this.nick = nick;
  5301. if (!nick || this.isVirus) {
  5302. return false;
  5303. }
  5304. if (!this.nickCanvas) {
  5305. this.nickCanvas = new newCanvas();
  5306. return false;
  5307. }
  5308. return true;
  5309. };
  5310. this.setScale = function(scale, nickScale, massScale, virusScale, strokeScale) {
  5311. const ceilScale = Math.ceil(scale * 10) / 10;
  5312. this.rescale = false;
  5313. if (this.scale != ceilScale) {
  5314. this.scale = ceilScale;
  5315. this.rescale = true;
  5316. }
  5317. this.nickScale = nickScale;
  5318. this.massScale = massScale;
  5319. this.virMassScale = virusScale;
  5320. this.strokeScale = strokeScale;
  5321. };
  5322. this.setFontSize = function() {
  5323. if (this.isVirus) {
  5324. this.massSize = Math.ceil(this.virMassSize * this.scale * this.virMassScale);
  5325. return;
  5326. }
  5327. this.fontSize = Math.max(this.size * 0.3, 26) * this.scale;
  5328. this.nickSize = ~~(this.fontSize * this.nickScale);
  5329. this.massSize = ~~(this.fontSize * 0.5 * this.massScale);
  5330. if (this.optimizedNames) {
  5331. this.redrawNick = Math.abs((this.nickSize - this.lastNickSize) / this.nickSize) >= 0.3 || this.rescale;
  5332. return;
  5333. }
  5334. this.redrawNick = true;
  5335. };
  5336. this.setStrokeSize = function() {
  5337. if (this.strokeNick && !this.isVirus) {
  5338. this.nickStrokeSize = ~~(this.nickSize * 0.1 * this.strokeScale);
  5339. }
  5340. if (this.strokeMass) {
  5341. this.massStrokeSize = ~~(this.massSize * 0.1 * this.strokeScale);
  5342. }
  5343. };
  5344. this.setDrawing = function() {
  5345. this.optimizedNames = gameOptionSettings.optimizedNames;
  5346. this.optimizedMass = gameOptionSettings.optimizedMass;
  5347. this.shortMass = gameOptionSettings.shortMass;
  5348. this.virMassShots = gameOptionSettings.virMassShots;
  5349. this.strokeNick = gameOptionSettings.namesStroke;
  5350. this.strokeMass = gameOptionSettings.massStroke;
  5351. };
  5352. this.setDrawingScale = function() {
  5353. this.setScale(ogario.viewScale, gameSetupTheme.namesScale, gameSetupTheme.massScale, gameSetupTheme.virMassScale, gameSetupTheme.strokeScale);
  5354. this.setFontSize();
  5355. this.setStrokeSize();
  5356. this.margin = 0;
  5357. };
  5358. this.drawNick = function(ctx) {
  5359. if (!this.nick || !this.nickCanvas || this.isVirus) {
  5360. return;
  5361. }
  5362. const canvas = this.nickCanvas;
  5363. canvas.setDrawing(gameSetupTheme.namesColor, gameSetupTheme.namesFontFamily, gameSetupTheme.namesFontWeight, this.strokeNick, this.nickStrokeSize, gameSetupTheme.namesStrokeColor);
  5364. canvas.setTxt(this.nick);
  5365. if (this.redrawNick) {
  5366. canvas.setFontSize(this.nickSize);
  5367. this.lastNickSize = this.nickSize;
  5368. }
  5369. canvas.setScale(this.scale);
  5370. const imgTxt = canvas.drawTxt();
  5371. const width = ~~(imgTxt.width / this.scale);
  5372. const heigth = ~~(imgTxt.height / this.scale);
  5373. this.margin = ~~(heigth / 2);
  5374. ctx.drawImage(imgTxt, ~~this.x - ~~(width / 2), ~~this.y - this.margin, width, heigth);
  5375. };
  5376. this.drawMass = function(ctx) {
  5377. if (!this.massCanvas || this.size <= 40) {
  5378. return;
  5379. }
  5380. const canvas = this.massCanvas;
  5381. canvas.setDrawing(gameSetupTheme.massColor, gameSetupTheme.massFontFamily, gameSetupTheme.massFontWeight, this.strokeMass, this.massStrokeSize, gameSetupTheme.massStrokeColor);
  5382. if (this.redrawMass) {
  5383. canvas.setTxt(this.massTxt);
  5384. this.lastMass = this.mass;
  5385. }
  5386. canvas.setFontSize(this.massSize);
  5387. canvas.setScale(this.scale);
  5388. const imgTxt = canvas.drawTxt();
  5389. const width = ~~(imgTxt.width / this.scale);
  5390. const heigth = ~~(imgTxt.height / this.scale);
  5391. const margin = this.margin == 0 ? ~~this.y - ~~(heigth / 2) : ~~this.y + this.margin;
  5392. ctx.drawImage(imgTxt, ~~this.x - ~~(width / 2), margin, width, heigth);
  5393. };
  5394. this.draw = function(ctx, update) {
  5395. if (Connection.hideSmallBots && this.size <= 36) {
  5396. return;
  5397. }
  5398. ctx.save();
  5399. this.redrawed++;
  5400. if (update) {
  5401. this.moveCell();
  5402. }
  5403. if (this.removed) {
  5404. ctx.globalAlpha *= 1 - this.alpha;
  5405. }
  5406. const alpha = ctx.globalAlpha;
  5407. let isAplha = false;
  5408. const size = this.isFood ? this.size + gameSetupTheme.foodSize : this.size;
  5409. ctx.beginPath();
  5410. ctx.arc(this.x, this.y, size, 0, this.pi2, false);
  5411. ctx.closePath();
  5412. if (this.isFood) {
  5413. ctx.fillStyle = this.color;
  5414. ctx.fill();
  5415. ctx.restore();
  5416. return;
  5417. }
  5418. if (this.isVirus) {
  5419. if (gameOptionSettings.transparentViruses) {
  5420. ctx.globalAlpha *= gameSetupTheme.virusAlpha;
  5421. isAplha = true;
  5422. }
  5423. if (gameOptionSettings.virColors && Connection.play) {
  5424. ctx.fillStyle = application.setVirusColor(size);
  5425. ctx.strokeStyle = application.setVirusStrokeColor(size);
  5426. } else {
  5427. ctx.fillStyle = gameSetupTheme.virusColor;
  5428. ctx.strokeStyle = gameSetupTheme.virusStrokeColor;
  5429. }
  5430. ctx.fill();
  5431. if (isAplha) {
  5432. ctx.globalAlpha = alpha;
  5433. isAplha = false;
  5434. }
  5435. ctx.lineWidth = gameSetupTheme.virusStrokeSize;
  5436. ctx.stroke();
  5437. if (gameOptionSettings.showMass) {
  5438. this.setDrawing();
  5439. this.setDrawingScale();
  5440. this.setMass(this.size);
  5441. this.drawMass(ctx);
  5442. }
  5443. ctx.restore();
  5444. return;
  5445. }
  5446. if (gameOptionSettings.transparentCells) {
  5447. ctx.globalAlpha *= gameSetupTheme.cellsAlpha;
  5448. isAplha = true;
  5449. }
  5450. let color = this.color;
  5451. if (Connection.play) {
  5452. if (this.isPlayerCell) {
  5453. if (gameOptionSettings.myCustomColor) {
  5454. color = mainProfile.color;
  5455. }
  5456. } else if (gameOptionSettings.oppColors && !gameOptionSettings.oppRings) {
  5457. color = this.oppColor;
  5458. }
  5459. }
  5460. ctx.fillStyle = color;
  5461. ctx.fill();
  5462. if (isAplha) {
  5463. ctx.globalAlpha = alpha;
  5464. isAplha = false;
  5465. }
  5466. let skin = null;
  5467. if (gameOptionSettings.customSkins && Connection.showCustomSkins) {
  5468. skin = application.getCustomSkin(this.targetNick, this.color);
  5469. if (skin) {
  5470. if ((gameOptionSettings.transparentSkins || Connection.play && gameOptionSettings.oppColors) && !(this.isPlayerCell && !gameOptionSettings.myTransparentSkin) || this.isPlayerCell && gameOptionSettings.myTransparentSkin) {
  5471. ctx.globalAlpha *= gameSetupTheme.skinsAlpha;
  5472. isAplha = true;
  5473. }
  5474. ctx.drawImage(skin, this.x - size, this.y - size, 2 * size, 2 * size);
  5475. if (isAplha) {
  5476. ctx.globalAlpha = alpha;
  5477. isAplha = false;
  5478. }
  5479. }
  5480. }
  5481. if (gameOptionSettings.teammatesInd && !this.isPlayerCell && size <= 200 && (skin || application.checkSkinsMap(this.targetNick, this.color))) {
  5482. drawRender.drawTeammatesInd(ctx, this.x, this.y, size);
  5483. }
  5484. if (gameOptionSettings.noNames && !gameOptionSettings.showMass || update) {
  5485. ctx.restore();
  5486. return;
  5487. }
  5488. let hideCells = false;
  5489. if (!this.isPlayerCell) {
  5490. hideCells = application.setAutoHideCellInfo(size);
  5491. if (hideCells && gameOptionSettings.autoHideNames && gameOptionSettings.autoHideMass) {
  5492. ctx.restore();
  5493. return;
  5494. }
  5495. }
  5496. this.setDrawing();
  5497. this.setDrawingScale();
  5498. ctx.globalAlpha *= gameSetupTheme.textAlpha;
  5499. if (!gameOptionSettings.noNames && !(hideCells && gameOptionSettings.autoHideNames) && !(this.isPlayerCell && gameOptionSettings.hideMyName) && !(skin && gameOptionSettings.hideTeammatesNames)) {
  5500. if (this.setNick(this.targetNick)) {
  5501. this.drawNick(ctx);
  5502. }
  5503. }
  5504. if (gameOptionSettings.showMass && !(hideCells && gameOptionSettings.autoHideMass) && !(this.isPlayerCell && gameOptionSettings.hideMyMass) && !(gameOptionSettings.hideEnemiesMass && !this.isPlayerCell && !this.isVirus)) {
  5505. if (this.setMass(this.size)) {
  5506. this.drawMass(ctx);
  5507. }
  5508. }
  5509. ctx.restore();
  5510. };
  5511. }
  5512.  
  5513. function Node(view, offset) {
  5514. this.view = view;
  5515. this.offset = offset;
  5516. this.contentType = 1;
  5517. this.uncompressedSize = 0;
  5518. this.setContentType = function() {
  5519. this.contentType = this.readUint32();
  5520. };
  5521. this.setUncompressedSize = function() {
  5522. this.uncompressedSize = this.readUint32();
  5523. };
  5524. this.compareBytesGt = (bytes1, bytes2) => {
  5525. const byte_1 = bytes1 < 0;
  5526. const byte_2 = bytes2 < 0;
  5527. if (byte_1 != byte_2) {
  5528. return byte_1;
  5529. }
  5530. return bytes1 > bytes2;
  5531. };
  5532. this.skipByte = function() {
  5533. const read = this.readByte();
  5534. if (read < 128) {
  5535. return;
  5536. }
  5537. this.skipByte();
  5538. };
  5539. this.readByte = function() {
  5540. return this.view.getUint8(this.offset++);
  5541. };
  5542. this.readUint32 = function() {
  5543. let number = 0;
  5544. let mayor = 0;
  5545. while (true) {
  5546. const read = this.readByte();
  5547. if (this.compareBytesGt(32, mayor)) {
  5548. if (read >= 128) {
  5549. number |= (read & 127) << mayor;
  5550. } else {
  5551. number |= read << mayor;
  5552. break;
  5553. }
  5554. } else {
  5555. this.skipByte();
  5556. break;
  5557. }
  5558. mayor += 7;
  5559. }
  5560. return number;
  5561. };
  5562. this.readFlag = function() {
  5563. return this.readUint32() >>> 3;
  5564. };
  5565. }
  5566. const Connection = {
  5567. ws: null,
  5568. socket: null,
  5569. protocolKey: null,
  5570. clientKey: null,
  5571. connectionOpened: false,
  5572. accessTokenSent: false,
  5573. loggedIn: false,
  5574. clientVersion: 30500,
  5575. clientVersionString: `3.5.0`,
  5576. time: Date.now(),
  5577. serverTime: 0,
  5578. serverTimeDiff: 0,
  5579. loggedInTime: 0,
  5580. mapSize: 14142,
  5581. mapOffset: 7071,
  5582. mapOffsetX: 0,
  5583. mapOffsetY: 0,
  5584. mapOffsetFixed: false,
  5585. mapMinX: -7071,
  5586. mapMinY: -7071,
  5587. mapMaxX: 7071,
  5588. mapMaxY: 7071,
  5589. viewMinX: 0,
  5590. viewMinY: 0,
  5591. viewMaxX: 0,
  5592. viewMaxY: 0,
  5593. canvasWidth: 0,
  5594. canvasHeight: 0,
  5595. canvasScale: 1,
  5596. indexedCells: {},
  5597. cells: [],
  5598. removedCells: [],
  5599. food: [],
  5600. viruses: [],
  5601. playerCells: [],
  5602. playerCellIDs: [],
  5603. ghostCells: [],
  5604. playerX: 0,
  5605. playerY: 0,
  5606. playerSize: 0,
  5607. playerMass: 0,
  5608. playerMaxMass: 0,
  5609. playerMinMass: 0,
  5610. playerScore: 0,
  5611. playerSplitCells: 0,
  5612. playerColor: null,
  5613. playerNick: '',
  5614. playerPosition: 0,
  5615. leaderboard: [],
  5616. biggerSTECellsCache: [],
  5617. biggerCellsCache: [],
  5618. smallerCellsCache: [],
  5619. STECellsCache: [],
  5620. STE: 0,
  5621. autoZoom: false,
  5622. zoomValue: 0.1,
  5623. viewX: 0,
  5624. viewY: 0,
  5625. scale: 1,
  5626. viewScale: 1,
  5627. clientX: 0,
  5628. clientY: 0,
  5629. cursorX: 0,
  5630. cursorY: 0,
  5631. targetX: 0,
  5632. targetY: 0,
  5633. targetDistance: 0,
  5634. battleRoyale: {
  5635. state: 0,
  5636. players: 0,
  5637. startTime: 0,
  5638. shrinkTime: 0,
  5639. timeLeft: 0,
  5640. x: 0,
  5641. y: 0,
  5642. radius: 0,
  5643. targetX: 0,
  5644. targetY: 0,
  5645. targetRadius: 0,
  5646. maxRadius: 11313,
  5647. rank: [],
  5648. playerRank: 0,
  5649. joined: false
  5650. },
  5651. play: false,
  5652. pause: false,
  5653. targeting: false,
  5654. removePlayerCell: false,
  5655. showCustomSkins: true,
  5656. showFood: true,
  5657. foodIsHidden: false,
  5658. selectBiggestCell: true,
  5659. hideSmallBots: false,
  5660. pressedKeys: {},
  5661. connect(url) {
  5662. console.log(`[OGARio by szymy] Connecting to game server:`, url);
  5663. const app = this;
  5664. this.closeConnection();
  5665. this.flushCellsData();
  5666. this.protocolKey = null;
  5667. this.clientKey = null;
  5668. this.accessTokenSent = false;
  5669. this.connectionOpened = false;
  5670. this.loggedIn = false;
  5671. this.mapOffsetFixed = false;
  5672. this.leaderboard = [];
  5673. this.ws = url;
  5674. if(window.user.startedBots) window.connection.send(new Uint8Array([1]).buffer)
  5675. window.game.url = url
  5676. window.user.isAlive = false
  5677. window.user.macroFeedInterval = null
  5678. this.socket = new WebSocket(url);
  5679. this.socket.binaryType = `arraybuffer`;
  5680. this.socket.onopen = () => {
  5681. app.onOpen();
  5682. };
  5683. this.socket.onmessage = message => {
  5684. app.onMessage(message);
  5685. };
  5686. this.socket.onerror = error => {
  5687. app.onError(error);
  5688. };
  5689. this.socket.onclose = close => {
  5690. app.onClose(close);
  5691. };
  5692. application.getWS(this.ws);
  5693. application.sendServerJoin();
  5694. application.sendServerData();
  5695. application.displayLeaderboard('');
  5696. if (window.master && window.master.onConnect) {
  5697. window.master.onConnect();
  5698. }
  5699. },
  5700. onOpen() {
  5701. console.log(`[OGARio by szymy] Game server socket open`);
  5702. this.time = Date.now();
  5703. let view = this.createView(5);
  5704. view.setUint8(0, 254);
  5705. if(!window.game.protocolVersion) window.game.protocolVersion = 21
  5706. view.setUint32(1, 21, true);
  5707. this.sendMessage(view);
  5708. view = this.createView(5);
  5709. view.setUint8(0, 255);
  5710. if(!window.game.clientVersion) window.game.clientVersion = this.clientVersion
  5711. view.setUint32(1, this.clientVersion, true);
  5712. this.sendMessage(view);
  5713. this.connectionOpened = true;
  5714. },
  5715. onMessage(message) {
  5716. message = new DataView(message.data);
  5717. if (this.protocolKey) {
  5718. message = this.shiftMessage(message, this.protocolKey ^ this.clientVersion);
  5719. }
  5720. this.handleMessage(message);
  5721. },
  5722. onError() {
  5723. console.log(`[OGARio by szymy] Game server socket error`);
  5724. this.flushCellsData();
  5725. if (window.master && window.master.onDisconnect) {
  5726. window.master.onDisconnect();
  5727. }
  5728. },
  5729. onClose() {
  5730. console.log('[OGARio by szymy] Game server socket close');
  5731. this.flushCellsData();
  5732. if (window.master && window.master.onDisconnect) {
  5733. window.master.onDisconnect();
  5734. }
  5735. },
  5736. closeConnection() {
  5737. if (this.socket) {
  5738. this.socket.onopen = null;
  5739. this.socket.onmessage = null;
  5740. this.socket.onerror = null;
  5741. this.socket.onclose = null;
  5742. try {
  5743. this.socket.close();
  5744. } catch (error) {}
  5745. this.socket = null;
  5746. this.ws = null;
  5747. }
  5748. },
  5749. isSocketOpen() {
  5750. return this.socket !== null && this.socket.readyState === this.socket.OPEN;
  5751. },
  5752. writeUint32(data, value) {
  5753. while (true) {
  5754. if ((value & -128) == 0) {
  5755. data.push(value);
  5756. return;
  5757. } else {
  5758. data.push(value & 127 | 128);
  5759. value = value >>> 7;
  5760. }
  5761. }
  5762. },
  5763. createView(value) {
  5764. return new DataView(new ArrayBuffer(value));
  5765. },
  5766. sendBuffer(data) {
  5767. this.socket.send(data.buffer);
  5768. },
  5769. sendMessage(message) {
  5770. if (this.connectionOpened) {
  5771. if (!this.clientKey) {
  5772. return;
  5773. }
  5774. message = this.shiftMessage(message, this.clientKey);
  5775. this.clientKey = this.shiftKey(this.clientKey);
  5776. }
  5777. this.sendBuffer(message);
  5778. },
  5779. sendAction(action) {
  5780. if (!this.isSocketOpen()) {
  5781. return;
  5782. }
  5783. const view = this.createView(1);
  5784. view.setUint8(0, action);
  5785. this.sendMessage(view);
  5786. },
  5787. sendSpectate() {
  5788. this.sendAction(1);
  5789. },
  5790. sendFreeSpectate() {
  5791. this.sendAction(18);
  5792. },
  5793. sendEject() {
  5794. this.sendPosition();
  5795. this.sendAction(21);
  5796. },
  5797. sendSplit() {
  5798. this.sendPosition();
  5799. this.sendAction(17);
  5800. },
  5801. sendNick(nick) {
  5802. this.playerNick = nick;
  5803. nick = window.unescape(window.encodeURIComponent(nick));
  5804. const view = this.createView(2 + nick.length);
  5805. for (let length = 0; length < nick.length; length++) {
  5806. view.setUint8(length + 1, nick.charCodeAt(length));
  5807. }
  5808. this.sendMessage(view);
  5809. },
  5810. sendPosition() {
  5811. if (!this.isSocketOpen() || !this.connectionOpened || !this.clientKey) {
  5812. return;
  5813. }
  5814. let cursorX = this.cursorX;
  5815. let cursorY = this.cursorY;
  5816. window.user.mouseX = cursorX - window.user.offsetX
  5817. window.user.mouseY = cursorY - window.user.offsetY
  5818. if(window.user.startedBots && window.user.isAlive) window.connection.send(window.buffers.mousePosition(window.user.mouseX, window.user.mouseY))
  5819. if (!this.play && this.targeting || this.pause) {
  5820. cursorX = this.targetX;
  5821. cursorY = this.targetY;
  5822. }
  5823. const view = this.createView(13);
  5824. view.setUint8(0, 16);
  5825. view.setInt32(1, cursorX, true);
  5826. view.setInt32(5, cursorY, true);
  5827. view.setUint32(9, this.protocolKey, true);
  5828. this.sendMessage(view);
  5829. },
  5830. sendAccessToken(shapes, options, oW) {
  5831. if (this.accessTokenSent) {
  5832. return;
  5833. }
  5834. if (!oW) {
  5835. oW = 102;
  5836. }
  5837. const curr = shapes.length;
  5838. const count = this.clientVersionString.length;
  5839. let data = [oW, 8, 1, 18];
  5840. this.writeUint32(data, curr + count + 23);
  5841. data.push(8, 10, 82);
  5842. this.writeUint32(data, curr + count + 18);
  5843. data.push(8, options, 18, count + 8, 8, 5, 18, count);
  5844. for (var length = 0; length < count; length++) {
  5845. data.push(this.clientVersionString.charCodeAt(length));
  5846. }
  5847. data.push(24, 0, 32, 0, 26);
  5848. this.writeUint32(data, curr + 3);
  5849. data.push(10);
  5850. this.writeUint32(data, curr);
  5851. for (length = 0; length < curr; length++) {
  5852. data.push(shapes.charCodeAt(length));
  5853. }
  5854. data = new Uint8Array(data);
  5855. const dataView = new DataView(data.buffer);
  5856. this.sendMessage(dataView);
  5857. },
  5858. sendFbToken(token) {
  5859. this.sendAccessToken(token, 2);
  5860. },
  5861. sendGplusToken(token) {
  5862. this.sendAccessToken(token, 4);
  5863. },
  5864. sendRecaptcha(token) {
  5865. const view = this.createView(2 + token.length);
  5866. view.setUint8(0, 86);
  5867. for (let length = 0; length < token.length; length++) {
  5868. view.setUint8(1 + length, token.charCodeAt(length));
  5869. }
  5870. view.setUint8(token.length + 1, 0);
  5871. this.sendMessage(view);
  5872. },
  5873. setClientVersion(version, string) {
  5874. this.clientVersion = version;
  5875. this.clientVersionString = string;
  5876. console.log(`[OGARio by szymy] Client version:`, version, string);
  5877. },
  5878. generateClientKey(ip, options) {
  5879. if (!ip.length || !options.byteLength) {
  5880. return null;
  5881. }
  5882. let x = null;
  5883. const Length = 1540483477;
  5884. const ipCheck = ip.match(/(ws+:\/\/)([^:]*)(:\d+)/)[2];
  5885. const newLength = ipCheck.length + options.byteLength;
  5886. const uint8Arr = new Uint8Array(newLength);
  5887. for (let length = 0; length < ipCheck.length; length++) {
  5888. uint8Arr[length] = ipCheck.charCodeAt(length);
  5889. }
  5890. uint8Arr.set(options, ipCheck.length);
  5891. const dataview = new DataView(uint8Arr.buffer);
  5892. let type = newLength - 1;
  5893. const value = (type - 4 & -4) + 4 | 0;
  5894. let newValue = type ^ 255;
  5895. let offset = 0;
  5896. while (type > 3) {
  5897. x = Math.imul(dataview.getInt32(offset, true), Length) | 0;
  5898. newValue = (Math.imul(x >>> 24 ^ x, Length) | 0) ^ (Math.imul(newValue, Length) | 0);
  5899. type -= 4;
  5900. offset += 4;
  5901. }
  5902. switch (type) {
  5903. case 3:
  5904. newValue = uint8Arr[value + 2] << 16 ^ newValue;
  5905. newValue = uint8Arr[value + 1] << 8 ^ newValue;
  5906. break;
  5907. case 2:
  5908. newValue = uint8Arr[value + 1] << 8 ^ newValue;
  5909. break;
  5910. case 1:
  5911. break;
  5912. default:
  5913. x = newValue;
  5914. break;
  5915. }
  5916. if (x != newValue) {
  5917. x = Math.imul(uint8Arr[value] ^ newValue, Length) | 0;
  5918. }
  5919. newValue = x >>> 13;
  5920. x = newValue ^ x;
  5921. x = Math.imul(x, Length) | 0;
  5922. newValue = x >>> 15;
  5923. x = newValue ^ x;
  5924. console.log(`[OGARio by szymy] Generated client key:`, x);
  5925. return x;
  5926. },
  5927. shiftKey(key) {
  5928. const value = 1540483477;
  5929. key = Math.imul(key, value) | 0;
  5930. key = (Math.imul(key >>> 24 ^ key, value) | 0) ^ 114296087;
  5931. key = Math.imul(key >>> 13 ^ key, value) | 0;
  5932. return key >>> 15 ^ key;
  5933. },
  5934. shiftMessage(view, key, write) {
  5935. if (!write) {
  5936. for (var length = 0; length < view.byteLength; length++) {
  5937. view.setUint8(length, view.getUint8(length) ^ key >>> length % 4 * 8 & 255);
  5938. }
  5939. } else {
  5940. for (var length = 0; length < view.length; length++) {
  5941. view.writeUInt8(view.readUInt8(length) ^ key >>> length % 4 * 8 & 255, length);
  5942. }
  5943. }
  5944. return view;
  5945. },
  5946. decompressMessage(message) {
  5947. const buffer = window.buffer.Buffer;
  5948. const messageBuffer = new buffer(message.buffer);
  5949. const readMessage = new buffer(messageBuffer.readUInt32LE(1));
  5950. LZ4.decodeBlock(messageBuffer.slice(5), readMessage);
  5951. return readMessage;
  5952. },
  5953. handleMessage(view) {
  5954. const encode = () => {
  5955. for (var text = '';;) {
  5956. const string = view.getUint8(offset++);
  5957. if (string == 0) {
  5958. break;
  5959. }
  5960. text += String.fromCharCode(string);
  5961. }
  5962. return text;
  5963. };
  5964. var offset = 0;
  5965. let opCode = view.getUint8(offset++);
  5966. if (opCode == 54) {
  5967. opCode = 53;
  5968. }
  5969. switch (opCode) {
  5970. case 5:
  5971. break;
  5972. case 17:
  5973. this.viewX = view.getFloat32(offset, true);
  5974. offset += 4;
  5975. this.viewY = view.getFloat32(offset, true);
  5976. offset += 4;
  5977. this.scale = view.getFloat32(offset, true);
  5978. break;
  5979. case 18:
  5980. if (this.protocolKey) {
  5981. this.protocolKey = this.shiftKey(this.protocolKey);
  5982. }
  5983. this.flushCellsData();
  5984. break;
  5985. case 32:
  5986. this.playerCellIDs.push(view.getUint32(offset, true));
  5987. if (!this.play) {
  5988. this.play = true;
  5989. application.hideMenu();
  5990. this.playerColor = null;
  5991. application.onPlayerSpawn();
  5992. window.user.isAlive = true
  5993. if(window.user.startedBots) window.connection.send(new Uint8Array([5, Number(window.user.isAlive)]).buffer)
  5994. }
  5995. break;
  5996. case 50:
  5997. this.pieChart = [];
  5998. const pieLength = view.getUint32(offset, true);
  5999. offset += 4;
  6000. for (var length = 0; length < pieLength; length++) {
  6001. this.pieChart.push(view.getFloat32(offset, true));
  6002. offset += 4;
  6003. }
  6004. drawRender.drawPieChart();
  6005. break;
  6006. case 53:
  6007. this.leaderboard = [];
  6008. this.playerPosition = 0;
  6009. if (view.getUint8(0) == 54) {
  6010. const pos = view.getUint16(offset, true);
  6011. offset += 2;
  6012. }
  6013. for (let position = 0; offset < view.byteLength;) {
  6014. var flags = view.getUint8(offset++);
  6015. let nick = '';
  6016. let id = 0;
  6017. let isFriend = false;
  6018. position++;
  6019. if (flags & 2) {
  6020. nick = window.decodeURIComponent(window.escape(encode()));
  6021. }
  6022. if (flags & 4) {
  6023. id = view.getUint32(offset, true);
  6024. offset += 4;
  6025. }
  6026. if (flags & 8) {
  6027. nick = this.playerNick;
  6028. id = `isPlayer`;
  6029. this.playerPosition = position;
  6030. }
  6031. if (flags & 16) {
  6032. isFriend = true;
  6033. }
  6034. this.leaderboard.push({
  6035. nick: nick,
  6036. id: id,
  6037. isFriend: isFriend
  6038. });
  6039. }
  6040. this.handleLeaderboard();
  6041. break;
  6042. case 54:
  6043. break;
  6044. case 69:
  6045. const cellLength = view.getUint16(offset, true);
  6046. offset += 2;
  6047. this.ghostCells = [];
  6048. for (var length = 0; length < cellLength; length++) {
  6049. offset += 8;
  6050. const mass = view.getUint32(offset, true);
  6051. offset += 5;
  6052. this.ghostCells.push({
  6053. mass: mass
  6054. });
  6055. }
  6056. break;
  6057. case 85:
  6058. console.log(`[OGARio by szymy] Captcha requested`);
  6059. if (window.master && window.master.recaptchaRequested) {
  6060. window.master.recaptchaRequested();
  6061. }
  6062. break;
  6063. case 102:
  6064. const node = new Node(view, offset);
  6065. var flags = node.readFlag();
  6066. if (flags == 1) {
  6067. node.setContentType();
  6068. }
  6069. flags = node.readFlag();
  6070. if (flags == 2) {
  6071. node.setUncompressedSize();
  6072. }
  6073. flags = node.readFlag();
  6074. if (flags == 1) {
  6075. const option = node.readUint32();
  6076. const response = node.readFlag();
  6077. const response_2 = node.readUint32();
  6078. switch (option) {
  6079. case 11:
  6080. console.log(`102 login response`, node.view.byteLength, node.contentType, node.uncompressedSize, option, response, response_2);
  6081. break;
  6082. case 62:
  6083. console.log('102 game over');
  6084. break;
  6085. default:
  6086. console.log('102 unknown', option, response);
  6087. }
  6088. }
  6089. if (view.byteLength < 20) {
  6090. this.loggedIn = false;
  6091. window.logout && window.logout();
  6092. }
  6093. break;
  6094. case 103:
  6095. this.accessTokenSent = true;
  6096. break;
  6097. case 114:
  6098. break;
  6099. case 161:
  6100. break;
  6101. case 176:
  6102. this.battleRoyale.startTime = view.getUint32(offset, true);
  6103. break;
  6104. case 177:
  6105. this.battleRoyale.joined = true;
  6106. break;
  6107. case 178:
  6108. this.battleRoyale.players = view.getUint16(offset, true);
  6109. offset += 2;
  6110. var flags = view.getUint16(offset, true);
  6111. offset += 2;
  6112. if (!flags) {
  6113. this.battleRoyale.state = 0;
  6114. this.battleRoyale.joined = false;
  6115. }
  6116. if (flags & 3) {
  6117. this.battleRoyale.state = view.getUint8(offset++);
  6118. this.battleRoyale.x = view.getInt32(offset, true);
  6119. offset += 4;
  6120. this.battleRoyale.y = view.getInt32(offset, true);
  6121. offset += 4;
  6122. this.battleRoyale.radius = view.getUint32(offset, true);
  6123. offset += 4;
  6124. this.battleRoyale.shrinkTime = view.getUint32(offset, true) * 1000;
  6125. offset += 4;
  6126. if (this.battleRoyale.shrinkTime) {
  6127. this.battleRoyale.timeLeft = ~~((this.battleRoyale.shrinkTime - Date.now() + this.serverTimeDiff) / 1000);
  6128. if (this.battleRoyale.timeLeft < 0) {
  6129. this.battleRoyale.timeLeft = 0;
  6130. }
  6131. }
  6132. }
  6133. if (flags & 2) {
  6134. this.battleRoyale.targetX = view.getInt32(offset, true);
  6135. offset += 4;
  6136. this.battleRoyale.targetY = view.getInt32(offset, true);
  6137. offset += 4;
  6138. this.battleRoyale.targetRadius = view.getUint32(offset, true);
  6139. }
  6140. break;
  6141. case 179:
  6142. var flags = view.getUint8(offset);
  6143. const string = window.decodeURIComponent(window.escape(encode()));
  6144. let test = null;
  6145. if (!flags) {
  6146. test = window.decodeURIComponent(window.escape(encode()));
  6147. }
  6148. break;
  6149. case 180:
  6150. this.battleRoyale.joined = false;
  6151. this.battleRoyale.rank = [];
  6152. this.battleRoyale.playerRank = view.getUint32(offset, true);
  6153. offset += 8;
  6154. const royaleLength = view.getUint16(offset, true);
  6155. offset += 2;
  6156. for (var length = 0; length < royaleLength; length++) {
  6157. const name = window.decodeURIComponent(window.escape(encode()));
  6158. const place = view.getUint32(offset, true);
  6159. offset += 4;
  6160. this.battleRoyale.rank.push({
  6161. place: place,
  6162. name: name
  6163. });
  6164. }
  6165. break;
  6166. case 226:
  6167. const ping = view.getUint16(1, true);
  6168. view = this.createView(3);
  6169. view.setUint8(0, 227);
  6170. view.setUint16(1, ping);
  6171. this.sendMessage(view);
  6172. break;
  6173. case 241:
  6174. this.protocolKey = view.getUint32(offset, true);
  6175. console.log('[OGARio by szymy] Received protocol key:', this.protocolKey);
  6176. const agarioReader = new Uint8Array(view.buffer, offset += 4);
  6177. this.clientKey = this.generateClientKey(this.ws, agarioReader);
  6178. if (window.master && window.master.login) {
  6179. window.master.login();
  6180. }
  6181. break;
  6182. case 242:
  6183. this.serverTime = view.getUint32(offset, true) * 1000;
  6184. this.serverTimeDiff = Date.now() - this.serverTime;
  6185. break;
  6186. case 255:
  6187. this.handleSubmessage(view);
  6188. break;
  6189. default:
  6190. console.log(`[OGARio by szymy] Unknown opcode:`, view.getUint8(0));
  6191. break;
  6192. }
  6193. },
  6194. handleSubmessage(message) {
  6195. message = this.decompressMessage(message);
  6196. let offset = 0;
  6197. switch (message.readUInt8(offset++)) {
  6198. case 16:
  6199. this.updateCells(message, offset);
  6200. break;
  6201. case 64:
  6202. this.viewMinX = message.readDoubleLE(offset);
  6203. offset += 8;
  6204. this.viewMinY = message.readDoubleLE(offset);
  6205. offset += 8;
  6206. this.viewMaxX = message.readDoubleLE(offset);
  6207. offset += 8;
  6208. this.viewMaxY = message.readDoubleLE(offset);
  6209. this.setMapOffset(this.viewMinX, this.viewMinY, this.viewMaxX, this.viewMaxY);
  6210. if(~~(this.viewMaxX - this.viewMinX) === 14142 && ~~(this.viewMaxY - this.viewMinY) === 14142){
  6211. window.user.offsetX = (this.viewMinX + this.viewMaxX) / 2
  6212. window.user.offsetY = (this.viewMinY + this.viewMaxY) / 2
  6213. }
  6214. break;
  6215. default:
  6216. console.log(`[OGARio by szymy] Unknown sub opcode:`, message.readUInt8(0));
  6217. break;
  6218. }
  6219. },
  6220. handleLeaderboard() {
  6221. let text = '';
  6222. let teamText = '';
  6223. for (var length = 0; length < this.leaderboard.length; length++) {
  6224. if (length == 10) {
  6225. break;
  6226. }
  6227. let html = '<span>';
  6228. if (this.leaderboard[length].id === `isPlayer`) {
  6229. html = `<span class="me">`;
  6230. } else {
  6231. if (mainProfile.clanTag.length && this.leaderboard[length].nick.indexOf(mainProfile.clanTag) == 0) {
  6232. html = `<span class="teammate">`;
  6233. }
  6234. }
  6235. text += `${html + (length + 1)}. ${application.escapeHTML(this.leaderboard[length].nick)}${`</span>`}`;
  6236. }
  6237. if (this.playerPosition > 10) {
  6238. text += `<span class="me">${this.playerPosition}. ${application.escapeHTML(this.playerNick)}${`</span>`}`;
  6239. }
  6240. if (gameOptionSettings.showLbData) {
  6241. for (var length = 0; length < this.ghostCells.length; length++) {
  6242. if (length == length) {
  6243. break;
  6244. }
  6245. teamText += '<span class="lb-data">';
  6246. teamText += `<span class="top5-mass-color">[` + application.shortMassFormat(this.ghostCells[length].mass) + `]</span>`;
  6247. teamText += `</span>`;
  6248. }
  6249. }
  6250. application.displayLeaderboard(text, teamText);
  6251. },
  6252. flushCellsData() {
  6253. this.indexedCells = {};
  6254. this.cells = [];
  6255. this.playerCells = [];
  6256. this.playerCellIDs = [];
  6257. this.ghostCells = [];
  6258. this.food = [];
  6259. this.viruses = [];
  6260. },
  6261. setMapOffset(left, top, right, bottom) {
  6262. if (right - left > 14000 && bottom - top > 14000) {
  6263. this.mapOffsetX = this.mapOffset - right;
  6264. this.mapOffsetY = this.mapOffset - bottom;
  6265. this.mapMinX = ~~(-this.mapOffset - this.mapOffsetX);
  6266. this.mapMinY = ~~(-this.mapOffset - this.mapOffsetY);
  6267. this.mapMaxX = ~~(this.mapOffset - this.mapOffsetX);
  6268. this.mapMaxY = ~~(this.mapOffset - this.mapOffsetY);
  6269. if (!this.mapOffsetFixed) {
  6270. this.viewX = (right + left) / 2;
  6271. this.viewY = (bottom + top) / 2;
  6272. }
  6273. this.mapOffsetFixed = true;
  6274. console.log(`[OGARio by szymy] Map offset fixed (x, y):`, this.mapOffsetX, this.mapOffsetY);
  6275. }
  6276. },
  6277. updateCells(view, offset) {
  6278. const encode = () => {
  6279. for (var text = '';;) {
  6280. const string = view.readUInt8(offset++);
  6281. if (string == 0) {
  6282. break;
  6283. }
  6284. text += String.fromCharCode(string);
  6285. }
  6286. return text;
  6287. };
  6288. this.time = Date.now();
  6289. this.removePlayerCell = false;
  6290. let eatEventsLength = view.readUInt16LE(offset);
  6291. offset += 2;
  6292. for (var length = 0; length < eatEventsLength; length++) {
  6293. const victimID = this.indexedCells[view.readUInt32LE(offset)];
  6294. const eaterID = this.indexedCells[view.readUInt32LE(offset + 4)];
  6295. offset += 8;
  6296. if (victimID && eaterID) {
  6297. eaterID.targetX = victimID.x;
  6298. eaterID.targetY = victimID.y;
  6299. eaterID.targetSize = eaterID.size;
  6300. eaterID.time = this.time;
  6301. eaterID.removeCell();
  6302. }
  6303. }
  6304. for (length = 0;;) {
  6305. var id = view.readUInt32LE(offset);
  6306. offset += 4;
  6307. if (id == 0) {
  6308. break;
  6309. }
  6310. const x = view.readInt32LE(offset);
  6311. offset += 4;
  6312. const y = view.readInt32LE(offset);
  6313. offset += 4;
  6314. const size = view.readUInt16LE(offset);
  6315. offset += 2;
  6316. const flags = view.readUInt8(offset++);
  6317. let extendedFlags = 0;
  6318. if (flags & 128) {
  6319. extendedFlags = view.readUInt8(offset++);
  6320. }
  6321. let color = null;
  6322. let skin = null;
  6323. let name = '';
  6324. let accountID = null;
  6325. if (flags & 2) {
  6326. const r = view.readUInt8(offset++);
  6327. const g = view.readUInt8(offset++);
  6328. const b = view.readUInt8(offset++);
  6329. color = this.rgb2Hex(~~(r * 0.9), ~~(g * 0.9), ~~(b * 0.9));
  6330. }
  6331. if (flags & 4) {
  6332. skin = encode();
  6333. }
  6334. if (flags & 8) {
  6335. name = window.decodeURIComponent(window.escape(encode()));
  6336. }
  6337. const isVirus = flags & 1;
  6338. const isFood = extendedFlags & 1;
  6339. var cell = null;
  6340. if (this.indexedCells.hasOwnProperty(id)) {
  6341. cell = this.indexedCells[id];
  6342. if (color) {
  6343. cell.color = color;
  6344. }
  6345. } else {
  6346. cell = new Cell(id, x, y, size, color, isFood, isVirus, false, gameOptionSettings.shortMass, gameOptionSettings.virMassShots);
  6347. cell.time = this.time;
  6348. if (!isFood) {
  6349. if (isVirus && gameOptionSettings.virusesRange) {
  6350. this.viruses.push(cell);
  6351. }
  6352. this.cells.push(cell);
  6353. if (this.playerCellIDs.indexOf(id) != -1 && this.playerCells.indexOf(cell) == -1) {
  6354. cell.isPlayerCell = true;
  6355. this.playerColor = color;
  6356. this.playerCells.push(cell);
  6357. }
  6358. } else {
  6359. this.food.push(cell);
  6360. }
  6361. this.indexedCells[id] = cell;
  6362. }
  6363. if (cell.isPlayerCell) {
  6364. name = this.playerNick;
  6365. }
  6366. if (name) {
  6367. cell.targetNick = name;
  6368. }
  6369. cell.targetX = x;
  6370. cell.targetY = y;
  6371. cell.targetSize = size;
  6372. cell.isFood = isFood;
  6373. cell.isVirus = isVirus;
  6374. if (skin) {
  6375. cell.skin = skin;
  6376. }
  6377. if (extendedFlags & 4) {
  6378. accountID = view.readUInt32LE(offset);
  6379. offset += 4;
  6380. }
  6381. }
  6382. eatEventsLength = view.readUInt16LE(offset);
  6383. offset += 2;
  6384. for (length = 0; length < eatEventsLength; length++) {
  6385. var id = view.readUInt32LE(offset);
  6386. offset += 4;
  6387. cell = this.indexedCells[id];
  6388. if (cell) {
  6389. cell.removeCell();
  6390. }
  6391. }
  6392. if (this.removePlayerCell && !this.playerCells.length) {
  6393. this.play = false;
  6394. application.onPlayerDeath();
  6395. application.showMenu(300);
  6396. window.user.isAlive = false
  6397. if(window.user.startedBots) window.connection.send(new Uint8Array([5, Number(window.user.isAlive)]).buffer)
  6398. }
  6399. },
  6400. color2Hex(number) {
  6401. const color = number.toString(16);
  6402. return color.length == 1 ? `0${color}` : color;
  6403. },
  6404. rgb2Hex(r, g, b) {
  6405. return `#${this.color2Hex(r)}${this.color2Hex(g)}${this.color2Hex(b)}`;
  6406. },
  6407. sortCells() {
  6408. this.cells.sort((row, conf) => row.size == conf.size ? row.id - conf.id : row.size - conf.size);
  6409. },
  6410. calculatePlayerMassAndPosition() {
  6411. let size = 0;
  6412. let targetSize = 0;
  6413. let x = 0;
  6414. let y = 0;
  6415. const playersLength = this.playerCells.length;
  6416. for (let length = 0; length < playersLength; length++) {
  6417. const currentPlayer = this.playerCells[length];
  6418. size += currentPlayer.size;
  6419. targetSize += currentPlayer.targetSize * currentPlayer.targetSize;
  6420. x += currentPlayer.x / playersLength;
  6421. y += currentPlayer.y / playersLength;
  6422. }
  6423. this.viewX = x;
  6424. this.viewY = y;
  6425. this.playerSize = size;
  6426. this.playerMass = ~~(targetSize / 100);
  6427. this.recalculatePlayerMass();
  6428. },
  6429. recalculatePlayerMass() {
  6430. this.playerScore = Math.max(this.playerScore, this.playerMass);
  6431. if (gameOptionSettings.virColors || gameOptionSettings.splitRange || gameOptionSettings.oppColors || gameOptionSettings.oppRings || gameOptionSettings.showStatsSTE) {
  6432. const cells = this.playerCells;
  6433. const CellLength = cells.length;
  6434. cells.sort((row, conf) => row.size == conf.size ? row.id - conf.id : row.size - conf.size);
  6435. this.playerMinMass = ~~(cells[0].size * cells[0].size / 100);
  6436. this.playerMaxMass = ~~(cells[CellLength - 1].size * cells[CellLength - 1].size / 100);
  6437. this.playerSplitCells = CellLength;
  6438. }
  6439. if (gameOptionSettings.showStatsSTE) {
  6440. const mass = this.selectBiggestCell ? this.playerMaxMass : this.playerMinMass;
  6441. if (mass > 35) {
  6442. this.STE = ~~(mass * (mass < 1000 ? 0.35 : 0.38));
  6443. } else {
  6444. this.STE = null;
  6445. }
  6446. }
  6447. },
  6448. compareCells() {
  6449. if (!this.play) {
  6450. return;
  6451. }
  6452. if (gameOptionSettings.oppColors || gameOptionSettings.oppRings || gameOptionSettings.splitRange) {
  6453. if (gameOptionSettings.oppRings || gameOptionSettings.splitRange) {
  6454. this.biggerSTECellsCache = [];
  6455. this.biggerCellsCache = [];
  6456. this.smallerCellsCache = [];
  6457. this.STECellsCache = [];
  6458. }
  6459.  
  6460. for (const cell of this.cells) {
  6461. if (cell.isVirus) {
  6462. continue;
  6463. }
  6464. const size = ~~(cell.size * cell.size / 100);
  6465. const mass = this.selectBiggestCell ? this.playerMaxMass : this.playerMinMass;
  6466. const fixMass = size / mass;
  6467. const smallMass = mass < 1000 ? 0.35 : 0.38;
  6468. if (gameOptionSettings.oppColors && !gameOptionSettings.oppRings) {
  6469. cell.oppColor = this.setCellOppColor(cell.isPlayerCell, fixMass, smallMass);
  6470. }
  6471. if (!cell.isPlayerCell && (gameOptionSettings.splitRange || gameOptionSettings.oppRings)) {
  6472. this.cacheCells(cell.x, cell.y, cell.size, fixMass, smallMass);
  6473. }
  6474. }
  6475. }
  6476. },
  6477. cacheCells(x, y, size, mass, smallMass) {
  6478. if (mass >= 2.5) {
  6479. this.biggerSTECellsCache.push({
  6480. x: x,
  6481. y: y,
  6482. size: size
  6483. });
  6484. return;
  6485. } else if (mass >= 1.25) {
  6486. this.biggerCellsCache.push({
  6487. x: x,
  6488. y: y,
  6489. size: size
  6490. });
  6491. return;
  6492. } else if (mass < 1.25 && mass > 0.75) {
  6493. return;
  6494. } else if (mass > smallMass) {
  6495. this.smallerCellsCache.push({
  6496. x: x,
  6497. y: y,
  6498. size: size
  6499. });
  6500. return;
  6501. } else {
  6502. this.STECellsCache.push({
  6503. x: x,
  6504. y: y,
  6505. size: size
  6506. });
  6507. return;
  6508. }
  6509. },
  6510. setCellOppColor(isPlayer, mass, smallMass) {
  6511. if (isPlayer) {
  6512. return mainProfile.color;
  6513. }
  6514. if (mass > 11) {
  6515. return `#FF008C`;
  6516. } else if (mass >= 2.5) {
  6517. return `#BE00FF`;
  6518. } else if (mass >= 1.25) {
  6519. return `#FF0A00`;
  6520. } else if (mass < 1.25 && mass > 0.75) {
  6521. return `#FFDC00`;
  6522. } else if (mass > smallMass) {
  6523. return `#00C8FF`;
  6524. } else {
  6525. return `#64FF00`;
  6526. }
  6527. },
  6528. getCursorPosition() {
  6529. this.cursorX = (this.clientX - this.canvasWidth / 2) / this.viewScale + this.viewX;
  6530. this.cursorY = (this.clientY - this.canvasHeight / 2) / this.viewScale + this.viewY;
  6531. },
  6532. setZoom(event) {
  6533. this.zoomValue *= gameOptionSettings.zoomSpeedValue ** (event.wheelDelta / -120 || event.detail || 0);
  6534. if (this.zoomValue > 4 / this.viewScale) {
  6535. this.zoomValue = 4 / this.viewScale;
  6536. }
  6537. },
  6538. setTargetPosition(x, y) {
  6539. this.targetX = x - this.mapOffsetX;
  6540. this.targetY = y - this.mapOffsetY;
  6541. this.targetDistance = Math.round(Math.sqrt((this.playerX - this.targetX) ** 2 + (this.playerY - this.targetY) ** 2));
  6542. },
  6543. resetTargetPosition() {
  6544. this.targetX = this.playerX;
  6545. this.targetY = this.playerY;
  6546. },
  6547. setKeys() {
  6548. const app = this;
  6549. document.onkeydown = event => {
  6550. const key = event.keyCode;
  6551. if (app.pressedKeys[key]) {
  6552. return;
  6553. }
  6554. switch (key) {
  6555. case 13:
  6556. app.sendNick('');
  6557. break;
  6558. case 32:
  6559. app.sendSplit();
  6560. break;
  6561. case 81:
  6562. app.sendFreeSpectate();
  6563. break;
  6564. case 83:
  6565. app.sendSpectate();
  6566. break;
  6567. case 87:
  6568. app.sendEject();
  6569. break;
  6570. }
  6571. };
  6572. document.onkeyup = event => {
  6573. app.pressedKeys[event.keyCode] = false;
  6574. };
  6575. },
  6576. init() {
  6577. const app = this;
  6578. if (/firefox/i .test(navigator.userAgent)) {
  6579. document.addEventListener(`DOMMouseScroll`, value => {
  6580. app.setZoom(value);
  6581. }, false);
  6582. } else {
  6583. document.body.onmousewheel = value => {
  6584. app.setZoom(value);
  6585. };
  6586. }
  6587. setInterval(() => {
  6588. app.sendPosition();
  6589. }, 40);
  6590. if (window.master && window.master.clientVersion) {
  6591. this.setClientVersion(window.master.clientVersion, window.master.clientVersionString);
  6592. }
  6593. }
  6594. };
  6595. window.sendAction = action => {
  6596. Connection.sendAction(action);
  6597. };
  6598. var drawRender = {
  6599. canvas: null,
  6600. ctx: null,
  6601. canvasWidth: 0,
  6602. canvasHeight: 0,
  6603. camX: 0,
  6604. camY: 0,
  6605. scale: 1,
  6606. fpsLastRequest: null,
  6607. renderedFrames: 0,
  6608. fps: 0,
  6609. pi2: 2 * Math.PI,
  6610. battleAreaMap: null,
  6611. battleAreaMapCtx: null,
  6612. pieChart: null,
  6613. pellet: null,
  6614. indicator: null,
  6615. setCanvas() {
  6616. this.canvas = document.getElementById(`canvas`);
  6617. this.ctx = this.canvas.getContext('2d');
  6618. this.canvas.onmousemove = event => {
  6619. Connection.clientX = event.clientX;
  6620. Connection.clientY = event.clientY;
  6621. Connection.getCursorPosition();
  6622. };
  6623. },
  6624. resizeCanvas() {
  6625. this.canvasWidth = window.innerWidth;
  6626. this.canvasHeight = window.innerHeight;
  6627. this.canvas.width = this.canvasWidth;
  6628. this.canvas.height = this.canvasHeight;
  6629. Connection.canvasWidth = this.canvasWidth;
  6630. Connection.canvasHeight = this.canvasHeight;
  6631. this.renderFrame();
  6632. },
  6633. setView() {
  6634. this.setScale();
  6635. if (Connection.playerCells.length) {
  6636. Connection.calculatePlayerMassAndPosition();
  6637. this.camX = (this.camX + Connection.viewX) / 2;
  6638. this.camY = (this.camY + Connection.viewY) / 2;
  6639. } else {
  6640. this.camX = (29 * this.camX + Connection.viewX) / 30;
  6641. this.camY = (29 * this.camY + Connection.viewY) / 30;
  6642. }
  6643. Connection.playerX = this.camX;
  6644. Connection.playerY = this.camY;
  6645. },
  6646. setScale() {
  6647. if (!Connection.autoZoom) {
  6648. this.scale = (9 * this.scale + this.getZoom()) / 10;
  6649. Connection.viewScale = this.scale;
  6650. return;
  6651. }
  6652. if (Connection.play) {
  6653. this.scale = (9 * this.scale + Math.min(64 / Connection.playerSize, 1) ** 0.4 * this.getZoom()) / 10;
  6654. } else {
  6655. this.scale = (9 * this.scale + Connection.scale * this.getZoom()) / 10;
  6656. }
  6657. Connection.viewScale = this.scale;
  6658. },
  6659. getZoom() {
  6660. return Math.max(this.canvasWidth / 1080, this.canvasHeight / 1920) * Connection.zoomValue;
  6661. },
  6662. renderFrame() {
  6663. Connection.time = Date.now();
  6664. for (length = 0; length < Connection.cells.length; length++) {
  6665. Connection.cells[length].moveCell();
  6666. }
  6667. this.setView();
  6668. Connection.getCursorPosition();
  6669. Connection.sortCells();
  6670. Connection.compareCells();
  6671. this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight);
  6672. if (gameOptionSettings.showGrid) {
  6673. this.drawGrid(this.ctx, this.canvasWidth, this.canvasHeight, this.scale, this.camX, this.camY);
  6674. }
  6675. this.ctx.save();
  6676. this.ctx.translate(this.canvasWidth / 2, this.canvasHeight / 2);
  6677. this.ctx.scale(this.scale, this.scale);
  6678. this.ctx.translate(-this.camX, -this.camY);
  6679. if (gameOptionSettings.showBgSectors) {
  6680. this.drawSectors(this.ctx, Connection.mapOffsetFixed, gameSetupTheme.sectorsX, gameSetupTheme.sectorsY, Connection.mapMinX, Connection.mapMinY, Connection.mapMaxX, Connection.mapMaxY, gameSetupTheme.gridColor, gameSetupTheme.sectorsColor, gameSetupTheme.sectorsWidth, true);
  6681. }
  6682. if (Connection.gameMode === ':battleroyale') {
  6683. this.drawBattleArea(this.ctx);
  6684. }
  6685. if (gameOptionSettings.showMapBorders) {
  6686. const borderWidth = gameSetupTheme.bordersWidth / 2;
  6687. this.drawMapBorders(this.ctx, Connection.mapOffsetFixed, Connection.mapMinX - borderWidth, Connection.mapMinY - borderWidth, Connection.mapMaxX + borderWidth, Connection.mapMaxY + borderWidth, gameSetupTheme.bordersColor, gameSetupTheme.bordersWidth);
  6688. }
  6689. if (gameOptionSettings.virusesRange) {
  6690. this.drawVirusesRange(this.ctx, Connection.viruses);
  6691. }
  6692. this.drawFood();
  6693. if (Connection.play) {
  6694. if (gameOptionSettings.splitRange) {
  6695. this.drawSplitRange(this.ctx, Connection.biggerSTECellsCache, Connection.playerCells, Connection.selectBiggestCell);
  6696. }
  6697. if (gameOptionSettings.oppRings) {
  6698. this.drawOppRings(this.ctx, this.scale, Connection.biggerSTECellsCache, Connection.biggerCellsCache, Connection.smallerCellsCache, Connection.STECellsCache);
  6699. }
  6700. if (gameOptionSettings.cursorTracking) {
  6701. this.drawCursorTracking(this.ctx, Connection.playerCells, Connection.cursorX, Connection.cursorY);
  6702. }
  6703. }
  6704. for (var length = 0; length < Connection.removedCells.length; length++) {
  6705. Connection.removedCells[length].draw(this.ctx, true);
  6706. }
  6707. for (length = 0; length < Connection.cells.length; length++) {
  6708. Connection.cells[length].draw(this.ctx);
  6709. }
  6710. this.ctx.restore();
  6711. if (Connection.gameMode === `:teams`) {
  6712. if (this.pieChart && this.pieChart.width) {
  6713. this.ctx.drawImage(this.pieChart, this.canvasWidth - this.pieChart.width - 10, 10);
  6714. }
  6715. }
  6716. },
  6717. drawGrid(ctx, width, heigth, scale, camX, camY) {
  6718. const reWidth = width / scale;
  6719. const reHeigth = heigth / scale;
  6720. let x = (-camX + reWidth / 2) % 50;
  6721. let y = (-camY + reHeigth / 2) % 50;
  6722. ctx.strokeStyle = gameSetupTheme.gridColor;
  6723. ctx.globalAlpha = 1 * scale;
  6724. ctx.beginPath();
  6725. for (; x < reWidth; x += 50) {
  6726. ctx.moveTo(x * scale - 0.5, 0);
  6727. ctx.lineTo(x * scale - 0.5, reHeigth * scale);
  6728. }
  6729. for (; y < reHeigth; y += 50) {
  6730. ctx.moveTo(0, y * scale - 0.5);
  6731. ctx.lineTo(reWidth * scale, y * scale - 0.5);
  6732. }
  6733. ctx.stroke();
  6734. ctx.globalAlpha = 1;
  6735. },
  6736. drawSectors(ctx, mapOffset, x, y, minX, minY, maxX, maxY, stroke, color, width, type) {
  6737. if (!mapOffset && type) {
  6738. return;
  6739. }
  6740. const posX = ~~((maxX - minX) / x);
  6741. const posY = ~~((maxY - minY) / y);
  6742. let rePosX = 0;
  6743. let rePosY = 0;
  6744. ctx.strokeStyle = stroke;
  6745. ctx.fillStyle = color;
  6746. ctx.lineWidth = width;
  6747. if (type || !type && gameOptionSettings.showMiniMapGrid) {
  6748. ctx.beginPath();
  6749. for (var length = 0; length < x + 1; length++) {
  6750. rePosX = minX + posX * length;
  6751. ctx.moveTo(length == x ? maxX : rePosX, minY);
  6752. ctx.lineTo(length == x ? maxX : rePosX, maxY);
  6753. }
  6754. for (var length = 0; length < y + 1; length++) {
  6755. rePosY = minY + posY * length;
  6756. ctx.moveTo(minX - width / 2, length == y ? maxY : rePosY);
  6757. ctx.lineTo(maxX + width / 2, length == y ? maxY : rePosY);
  6758. }
  6759. ctx.stroke();
  6760. } else {
  6761. this.drawMapBorders(ctx, mapOffset, minX, minY, maxX, maxY, stroke, width);
  6762. }
  6763. if (type) {
  6764. ctx.font = `${gameSetupTheme.sectorsFontWeight} ${gameSetupTheme.sectorsFontSize}${`px `}${gameSetupTheme.sectorsFontFamily}`;
  6765. } else {
  6766. ctx.font = `${gameSetupTheme.miniMapFontWeight} ${~~(0.4 * posY)}${`px `}${gameSetupTheme.miniMapFontFamily}`;
  6767. }
  6768. ctx.textAlign = 'center';
  6769. ctx.textBaseline = `middle`;
  6770. for (var length = 0; length < y; length++) {
  6771. for (let length_2 = 0; length_2 < x; length_2++) {
  6772. const text = String.fromCharCode(65 + length) + (length_2 + 1);
  6773. rePosX = ~~(minX + posX / 2 + length_2 * posX);
  6774. rePosY = ~~(minY + posY / 2 + length * posY);
  6775. ctx.fillText(text, rePosX, rePosY);
  6776. }
  6777. }
  6778. },
  6779. drawMapBorders(ctx, mapOffset, minX, minY, maxX, maxY, stroke, width) {
  6780. if (!mapOffset) {
  6781. return;
  6782. }
  6783. ctx.strokeStyle = stroke;
  6784. ctx.lineWidth = width;
  6785. ctx.beginPath();
  6786. ctx.moveTo(minX, minY);
  6787. ctx.lineTo(maxX, minY);
  6788. ctx.lineTo(maxX, maxY);
  6789. ctx.lineTo(minX, maxY);
  6790. ctx.closePath();
  6791. ctx.stroke();
  6792. },
  6793. drawVirusesRange(ctx, viruses, reset) {
  6794. if (!viruses.length) {
  6795. return;
  6796. }
  6797. ctx.beginPath();
  6798. for (let length = 0; length < viruses.length; length++) {
  6799. const x = viruses[length].x;
  6800. const y = viruses[length].y;
  6801. ctx.moveTo(x, y);
  6802. ctx.arc(x, y, viruses[length].size + 820, 0, this.pi2, false);
  6803. }
  6804. ctx.fillStyle = gameSetupTheme.virusColor;
  6805. ctx.globalAlpha = 0.1;
  6806. ctx.fill();
  6807. ctx.globalAlpha = 1;
  6808. if (reset) {
  6809. viruses = [];
  6810. }
  6811. },
  6812. drawFood() {
  6813. if (!Connection.showFood || gameOptionSettings.autoHideFoodOnZoom && this.scale < 0.2) {
  6814. return;
  6815. }
  6816. if (gameOptionSettings.autoHideFood && !Connection.foodIsHidden && Connection.playerMass > 1000) {
  6817. Connection.showFood = false;
  6818. Connection.foodIsHidden = true;
  6819. return;
  6820. }
  6821. if (!gameOptionSettings.rainbowFood) {
  6822. this.drawCachedFood(this.ctx, Connection.food, this.scale);
  6823. return;
  6824. }
  6825. for (let length = 0; length < Connection.food.length; length++) {
  6826. Connection.food[length].moveCell();
  6827. Connection.food[length].draw(this.ctx);
  6828. }
  6829. },
  6830. drawCachedFood(ctx, food, scale, reset) {
  6831. if (!food.length) {
  6832. return;
  6833. }
  6834. if (gameOptionSettings.optimizedFood && this.pellet) {
  6835. for (var length = 0; length < food.length; length++) {
  6836. var x = food[length].x - 10 - gameSetupTheme.foodSize;
  6837. var y = food[length].y - 10 - gameSetupTheme.foodSize;
  6838. ctx.drawImage(this.pellet, x, y);
  6839. }
  6840. } else {
  6841. ctx.beginPath();
  6842. for (var length = 0; length < food.length; length++) {
  6843. var x = food[length].x;
  6844. var y = food[length].y;
  6845. ctx.moveTo(x, y);
  6846. if (scale < 0.16) {
  6847. const size = food[length].size + gameSetupTheme.foodSize;
  6848. ctx.rect(x - size, y - size, 2 * size, 2 * size);
  6849. continue;
  6850. }
  6851. ctx.arc(x, y, food[length].size + gameSetupTheme.foodSize, 0, this.pi2, false);
  6852. }
  6853. ctx.fillStyle = gameSetupTheme.foodColor;
  6854. ctx.globalAlpha = 1;
  6855. ctx.fill();
  6856. }
  6857. if (reset) {
  6858. food = [];
  6859. }
  6860. },
  6861. drawSplitRange(ctx, biggestCell, players, currentBiggestCell, reset) {
  6862. this.drawCircles(ctx, biggestCell, 760, 4, 0.4, `#BE00FF`);
  6863. if (players.length) {
  6864. const current = currentBiggestCell ? players.length - 1 : 0;
  6865. ctx.lineWidth = 6;
  6866. ctx.globalAlpha = gameSetupTheme.darkTheme ? 0.7 : 0.35;
  6867. ctx.strokeStyle = gameSetupTheme.splitRangeColor;
  6868. ctx.beginPath();
  6869. ctx.arc(players[current].x, players[current].y, players[current].size + 760, 0, this.pi2, false);
  6870. ctx.closePath();
  6871. ctx.stroke();
  6872. }
  6873. ctx.globalAlpha = 1;
  6874. if (reset) {
  6875. biggestCell = [];
  6876. }
  6877. },
  6878. drawOppRings(ctx, scale, biggerSte, biggetCell, smallerCell, smallSte, reset) {
  6879. const width = 14 + 2 / scale;
  6880. const alpha = 12 + 1 / scale;
  6881. this.drawCircles(ctx, biggerSte, width, alpha, 0.75, `#BE00FF`);
  6882. this.drawCircles(ctx, biggetCell, width, alpha, 0.75, `#FF0A00`);
  6883. this.drawCircles(ctx, smallerCell, width, alpha, 0.75, '#00C8FF');
  6884. this.drawCircles(ctx, smallSte, width, alpha, 0.75, `#64FF00`);
  6885. if (reset) {
  6886. biggerSte = [];
  6887. biggetCell = [];
  6888. smallerCell = [];
  6889. smallSte = [];
  6890. }
  6891. },
  6892. drawCursorTracking(ctx, players, cursorX, cursorY) {
  6893. ctx.lineWidth = 4;
  6894. ctx.globalAlpha = gameSetupTheme.darkTheme ? 0.75 : 0.35;
  6895. ctx.strokeStyle = gameSetupTheme.cursorTrackingColor;
  6896. ctx.beginPath();
  6897. for (let length = 0; length < players.length; length++) {
  6898. ctx.moveTo(players[length].x, players[length].y);
  6899. ctx.lineTo(cursorX, cursorY);
  6900. }
  6901. ctx.stroke();
  6902. ctx.globalAlpha = 1;
  6903. },
  6904. drawCircles(ctx, players, scale, width, alpha, stroke) {
  6905. ctx.lineWidth = width;
  6906. ctx.globalAlpha = alpha;
  6907. ctx.strokeStyle = stroke;
  6908. for (let length = 0; length < players.length; length++) {
  6909. ctx.beginPath();
  6910. ctx.arc(players[length].x, players[length].y, players[length].size + scale, 0, this.pi2, false);
  6911. ctx.closePath();
  6912. ctx.stroke();
  6913. }
  6914. ctx.globalAlpha = 1;
  6915. },
  6916. drawDashedCircle(ctx, x, y, radius, times, width, color) {
  6917. const pi2 = this.pi2 / times;
  6918. ctx.lineWidth = width;
  6919. ctx.strokeStyle = color;
  6920. for (let length = 0; length < times; length += 2) {
  6921. ctx.beginPath();
  6922. ctx.arc(x, y, radius - width / 2, length * pi2, (length + 1) * pi2, false);
  6923. ctx.stroke();
  6924. }
  6925. },
  6926. drawTeammatesInd(ctx, x, y, size) {
  6927. if (!this.indicator) {
  6928. return;
  6929. }
  6930. ctx.drawImage(this.indicator, x - 45, y - size - 90);
  6931. },
  6932. drawPieChart() {
  6933. if (!this.pieChart) {
  6934. this.pieChart = document.createElement(`canvas`);
  6935. }
  6936. const ctx = this.pieChart.getContext('2d');
  6937. const mincanvasWidth = Math.min(200, 0.3 * this.canvasWidth) / 200;
  6938. this.pieChart.width = 200 * mincanvasWidth;
  6939. this.pieChart.height = 240 * mincanvasWidth;
  6940. ctx.scale(mincanvasWidth, mincanvasWidth);
  6941. const colors = [`#333333`, '#FF3333', '#33FF33', `#3333FF`];
  6942. for (let time = 0, length = 0; length < Connection.pieChart.length; length++) {
  6943. const currentPie = time + Connection.pieChart[length] * this.pi2;
  6944. ctx.fillStyle = colors[length + 1];
  6945. ctx.beginPath();
  6946. ctx.moveTo(100, 140);
  6947. ctx.arc(100, 140, 80, time, currentPie, false);
  6948. ctx.fill();
  6949. time = currentPie;
  6950. }
  6951. },
  6952. drawBattleArea(ctx) {
  6953. if (!Connection.battleRoyale.state) {
  6954. return;
  6955. }
  6956. this.drawDangerArea(ctx, Connection.battleRoyale.x, Connection.battleRoyale.y, Connection.battleRoyale.radius, Connection.mapMinX, Connection.mapMinY, Connection.mapMaxX - Connection.mapMinX, Connection.mapMaxY - Connection.mapMinY, gameSetupTheme.dangerAreaColor, 0.25);
  6957. this.drawSafeArea(ctx, Connection.battleRoyale.targetX, Connection.battleRoyale.targetY, Connection.battleRoyale.targetRadius, 40, gameSetupTheme.safeAreaColor);
  6958. },
  6959. drawBattleAreaOnMinimap(ctx, width, heigth, newWidth, offsetX, offsetY) {
  6960. if (!Connection.battleRoyale.state) {
  6961. return;
  6962. }
  6963. if (!this.battleAreaMap) {
  6964. this.battleAreaMap = document.createElement(`canvas`);
  6965. this.battleAreaMapCtx = this.battleAreaMap.getContext('2d');
  6966. }
  6967. if (this.battleAreaMap.width != width) {
  6968. this.battleAreaMap.width = width;
  6969. this.battleAreaMap.height = heigth;
  6970. } else {
  6971. this.battleAreaMapCtx.clearRect(0, 0, width, heigth);
  6972. }
  6973. let newX = (Connection.battleRoyale.x + offsetX) * newWidth;
  6974. let newY = (Connection.battleRoyale.y + offsetY) * newWidth;
  6975. let newRadius = Connection.battleRoyale.radius * newWidth;
  6976. this.drawDangerArea(this.battleAreaMapCtx, newX, newY, newRadius, 0, 0, width, heigth, gameSetupTheme.dangerAreaColor, 0.25);
  6977. newX = ~~((Connection.battleRoyale.targetX + offsetX) * newWidth);
  6978. newY = ~~((Connection.battleRoyale.targetY + offsetY) * newWidth);
  6979. newRadius = ~~(Connection.battleRoyale.targetRadius * newWidth);
  6980. this.drawSafeArea(this.battleAreaMapCtx, newX, newY, newRadius, 2, gameSetupTheme.safeAreaColor);
  6981. ctx.drawImage(this.battleAreaMap, 0, 0);
  6982. },
  6983. drawDangerArea(ctx, x, y, radius, minX, minY, maxX, maxY, color, aplha) {
  6984. if (Connection.battleRoyale.radius == Connection.battleRoyale.maxRadius || radius <= 0) {
  6985. return;
  6986. }
  6987. ctx.save();
  6988. ctx.globalAlpha = aplha;
  6989. ctx.fillStyle = color;
  6990. ctx.fillRect(minX, minY, maxX, maxY);
  6991. ctx.globalCompositeOperation = 'destination-out';
  6992. ctx.globalAlpha = 1;
  6993. ctx.beginPath();
  6994. ctx.arc(x, y, radius, 0, this.pi2, false);
  6995. ctx.fill();
  6996. ctx.restore();
  6997. },
  6998. drawSafeArea(ctx, targetX, targetY, radius, width, color) {
  6999. if (Connection.battleRoyale.state > 2 || radius <= 0) {
  7000. return;
  7001. }
  7002. this.drawDashedCircle(ctx, targetX, targetY, radius, 60, width, color);
  7003. },
  7004. drawGhostCells() {
  7005. if (!gameOptionSettings.showGhostCells) {
  7006. return;
  7007. }
  7008. const ghostsCells = Connection.ghostCells;
  7009. this.ctx.beginPath();
  7010. for (let length = 0; length < ghostsCells.length; length++) {
  7011. if (ghostsCells[length].inView) {
  7012. continue;
  7013. }
  7014. const x = ghostsCells[length].x;
  7015. const y = ghostsCells[length].y;
  7016. this.ctx.moveTo(x, y);
  7017. this.ctx.arc(x, y, ghostsCells[length].size, 0, this.pi2, false);
  7018. }
  7019. this.ctx.fillStyle = gameSetupTheme.ghostCellsColor;
  7020. this.ctx.globalAlpha = gameSetupTheme.ghostCellsAlpha;
  7021. this.ctx.shadowColor = gameSetupTheme.ghostCellsColor;
  7022. this.ctx.shadowBlur = 40;
  7023. this.ctx.shadowOffsetX = 0;
  7024. this.ctx.shadowOffsetY = 0;
  7025. this.ctx.fill();
  7026. this.ctx.globalAlpha = 1;
  7027. this.ctx.shadowBlur = 0;
  7028. },
  7029. preDrawPellet() {
  7030. this.pellet = null;
  7031. const size = 10 + gameSetupTheme.foodSize;
  7032. let canvas = document.createElement(`canvas`);
  7033. canvas.width = size * 2;
  7034. canvas.height = size * 2;
  7035. const ctx = canvas.getContext('2d');
  7036. ctx.arc(size, size, size, 0, this.pi2, false);
  7037. ctx.fillStyle = gameSetupTheme.foodColor;
  7038. ctx.fill();
  7039. this.pellet = new Image();
  7040. this.pellet.src = canvas.toDataURL();
  7041. canvas = null;
  7042. },
  7043. preDrawIndicator() {
  7044. this.indicator = null;
  7045. let canvas = document.createElement('canvas');
  7046. canvas.width = 90;
  7047. canvas.height = 50;
  7048. const ctx = canvas.getContext('2d');
  7049. ctx.lineWidth = 2;
  7050. ctx.fillStyle = gameSetupTheme.teammatesIndColor;
  7051. ctx.strokeStyle = `#000000`;
  7052. ctx.beginPath();
  7053. ctx.moveTo(0, 0);
  7054. ctx.lineTo(90, 0);
  7055. ctx.lineTo(45, 50);
  7056. ctx.closePath();
  7057. ctx.fill();
  7058. ctx.stroke();
  7059. this.indicator = new Image();
  7060. this.indicator.src = canvas.toDataURL();
  7061. canvas = null;
  7062. },
  7063. countFps() {
  7064. if (!gameOptionSettings.showStatsFPS) {
  7065. return;
  7066. }
  7067. const Time = Date.now();
  7068. if (!this.fpsLastRequest) {
  7069. this.fpsLastRequest = Time;
  7070. }
  7071. if (Time - this.fpsLastRequest >= 1000) {
  7072. this.fps = this.renderedFrames;
  7073. this.renderedFrames = 0;
  7074. this.fpsLastRequest = Time;
  7075. }
  7076. this.renderedFrames++;
  7077. },
  7078. render() {
  7079. drawRender.countFps();
  7080. drawRender.renderFrame();
  7081. window.requestAnimationFrame(drawRender.render);
  7082. },
  7083. init() {
  7084. this.setCanvas();
  7085. this.resizeCanvas();
  7086. this.preDrawPellet();
  7087. this.preDrawIndicator();
  7088. window.requestAnimationFrame(drawRender.render);
  7089. }
  7090. };
  7091. const keyBlind = {};
  7092. var hotkeys = {};
  7093. const hotkeysCommand = {
  7094. 'hk-bots-split': {
  7095. label: textLanguage[`hk-bots-split`],
  7096. defaultKey: 'T',
  7097. keyDown() {
  7098. if(window.user.startedBots && window.user.isAlive) window.connection.send(new Uint8Array([2]).buffer)
  7099. },
  7100. keyUp: null,
  7101. type: 'normal'
  7102. },
  7103. 'hk-bots-feed': {
  7104. label: textLanguage[`hk-bots-feed`],
  7105. defaultKey: 'A',
  7106. keyDown() {
  7107. if(window.user.startedBots && window.user.isAlive) window.connection.send(new Uint8Array([3]).buffer)
  7108. },
  7109. keyUp: null,
  7110. type: 'normal'
  7111. },
  7112. 'hk-bots-ai': {
  7113. label: textLanguage[`hk-bots-ai`],
  7114. defaultKey: 'F',
  7115. keyDown() {
  7116. if(window.user.startedBots && window.user.isAlive){
  7117. if(!window.bots.ai){
  7118. document.getElementById('botsAI').style.color = '#00C02E'
  7119. document.getElementById('botsAI').innerText = 'Enabled'
  7120. window.bots.ai = true
  7121. window.connection.send(new Uint8Array([4, Number(window.bots.ai)]).buffer)
  7122. }
  7123. else {
  7124. document.getElementById('botsAI').style.color = '#DA0A00'
  7125. document.getElementById('botsAI').innerText = 'Disabled'
  7126. window.bots.ai = false
  7127. window.connection.send(new Uint8Array([4, Number(window.bots.ai)]).buffer)
  7128. }
  7129. }
  7130. },
  7131. keyUp: null,
  7132. type: 'normal'
  7133. },
  7134. 'hk-feed': {
  7135. label: textLanguage[`hk-feed`],
  7136. defaultKey: 'W',
  7137. keyDown() {
  7138. application && application.feed();
  7139. },
  7140. keyUp: null,
  7141. type: 'normal'
  7142. },
  7143. 'hk-macroFeed': {
  7144. label: textLanguage[`hk-macroFeed`],
  7145. defaultKey: 'E',
  7146. keyDown() {
  7147. application && application.macroFeed(true);
  7148. },
  7149. keyUp() {
  7150. application && application.macroFeed(false);
  7151. },
  7152. type: `normal`
  7153. },
  7154. 'hk-split': {
  7155. label: textLanguage[`hk-split`],
  7156. defaultKey: 'SPACE',
  7157. keyDown() {
  7158. application && application.split();
  7159. },
  7160. keyUp: null,
  7161. type: `normal`
  7162. },
  7163. 'hk-doubleSplit': {
  7164. label: textLanguage[`hk-doubleSplit`],
  7165. defaultKey: 'Q',
  7166. keyDown() {
  7167. application && application.doubleSplit();
  7168. },
  7169. keyUp: null,
  7170. type: `normal`
  7171. },
  7172. 'hk-popSplit': {
  7173. label: `Popsplit`,
  7174. defaultKey: `ALT+Q`,
  7175. keyDown() {
  7176. application && application.popSplit();
  7177. },
  7178. keyUp: null,
  7179. type: 'normal'
  7180. },
  7181. 'hk-split16': {
  7182. label: textLanguage[`hk-split16`],
  7183. defaultKey: 'SHIFT',
  7184. keyDown() {
  7185. application && application.split16();
  7186. },
  7187. keyUp: null,
  7188. type: `normal`
  7189. },
  7190. 'hk-pause': {
  7191. label: textLanguage['hk-pause'],
  7192. defaultKey: 'R',
  7193. keyDown() {
  7194. application && application.setPause();
  7195. },
  7196. keyUp: null,
  7197. type: 'normal'
  7198. },
  7199. 'hk-showTop5': {
  7200. label: textLanguage[`hk-showTop5`],
  7201. defaultKey: 'V',
  7202. keyDown() {
  7203. application && application.setShowTop5();
  7204. },
  7205. keyUp: null,
  7206. type: `normal`
  7207. },
  7208. 'hk-showTime': {
  7209. label: textLanguage['hk-showTime'],
  7210. defaultKey: 'ALT+T',
  7211. keyDown() {
  7212. application && application.setShowTime();
  7213. },
  7214. keyUp: null,
  7215. type: `normal`
  7216. },
  7217. 'hk-showSplitRange': {
  7218. label: textLanguage[`hk-showSplitRange`],
  7219. defaultKey: 'U',
  7220. keyDown() {
  7221. application && application.setShowSplitRange();
  7222. },
  7223. keyUp: null,
  7224. type: `normal`
  7225. },
  7226. 'hk-showSplitInd': {
  7227. label: textLanguage[`hk-showSplitInd`],
  7228. defaultKey: 'I',
  7229. keyDown() {
  7230. application && application.setShowSplitInd();
  7231. },
  7232. keyUp: null,
  7233. type: `normal`
  7234. },
  7235. 'hk-showTeammatesInd': {
  7236. label: textLanguage[`hk-showTeammatesInd`],
  7237. defaultKey: `ALT+I`,
  7238. keyDown() {
  7239. application && application.setShowTeammatesInd();
  7240. },
  7241. keyUp: null,
  7242. type: 'normal'
  7243. },
  7244. 'hk-showOppColors': {
  7245. label: textLanguage[`hk-showOppColors`],
  7246. defaultKey: 'O',
  7247. keyDown() {
  7248. application && application.setShowOppColors();
  7249. },
  7250. keyUp: null,
  7251. type: `normal`
  7252. },
  7253. 'hk-toggleSkins': {
  7254. label: textLanguage['hk-toggleSkins'],
  7255. defaultKey: 'K',
  7256. keyDown() {
  7257. application && application.toggleSkins();
  7258. },
  7259. keyUp: null,
  7260. type: `normal`
  7261. },
  7262. 'hk-transparentSkins': {
  7263. label: textLanguage[`hk-transparentSkins`],
  7264. defaultKey: '',
  7265. keyDown() {
  7266. application && application.setTransparentSkins();
  7267. },
  7268. keyUp: null,
  7269. type: `normal`
  7270. },
  7271. 'hk-showSkins': {
  7272. label: textLanguage[`hk-showSkins`],
  7273. defaultKey: 'S',
  7274. keyDown() {
  7275. application && application.setShowSkins();
  7276. },
  7277. keyUp: null,
  7278. type: `normal`
  7279. },
  7280. 'hk-showStats': {
  7281. label: textLanguage[`hk-showStats`],
  7282. defaultKey: `ALT+S`,
  7283. keyDown() {
  7284. application && application.setShowStats();
  7285. },
  7286. keyUp: null,
  7287. type: `normal`
  7288. },
  7289. 'hk-toggleCells': {
  7290. label: textLanguage[`hk-toggleCells`],
  7291. defaultKey: 'D',
  7292. keyDown() {
  7293. application && application.toggleCells();
  7294. },
  7295. keyUp: null,
  7296. type: 'normal'
  7297. },
  7298. 'hk-showFood': {
  7299. label: textLanguage[`hk-showFood`],
  7300. defaultKey: 'X',
  7301. keyDown() {
  7302. application && application.setShowFood();
  7303. },
  7304. keyUp: null,
  7305. type: 'normal'
  7306. },
  7307. 'hk-showGrid': {
  7308. label: textLanguage[`hk-showGrid`],
  7309. defaultKey: 'G',
  7310. keyDown() {
  7311. application && application.setShowGrid();
  7312. },
  7313. keyUp: null,
  7314. type: `normal`
  7315. },
  7316. 'hk-showMiniMapGuides': {
  7317. label: textLanguage[`hk-showMiniMapGuides`],
  7318. defaultKey: `ALT+G`,
  7319. keyDown() {
  7320. application && application.setShowMiniMapGuides();
  7321. },
  7322. keyUp: null,
  7323. type: `normal`
  7324. },
  7325. 'hk-hideChat': {
  7326. label: textLanguage[`hk-hideChat`],
  7327. defaultKey: 'H',
  7328. keyDown() {
  7329. application && application.hideChat();
  7330. },
  7331. keyUp: null,
  7332. type: 'normal'
  7333. },
  7334. 'hk-showHUD': {
  7335. label: textLanguage['hk-showHUD'],
  7336. defaultKey: 'ALT+H',
  7337. keyDown() {
  7338. application && application.setShowHUD();
  7339. },
  7340. keyUp: null,
  7341. type: `normal`
  7342. },
  7343. 'hk-copyLb': {
  7344. label: textLanguage[`hk-copyLb`],
  7345. defaultKey: 'L',
  7346. keyDown() {
  7347. application && application.copyLb();
  7348. },
  7349. keyUp: null,
  7350. type: `normal`
  7351. },
  7352. 'hk-showLb': {
  7353. label: textLanguage[`hk-showLb`],
  7354. defaultKey: `ALT+L`,
  7355. keyDown() {
  7356. application && application.setShowLb();
  7357. },
  7358. keyUp: null,
  7359. type: `normal`
  7360. },
  7361. 'hk-toggleAutoZoom': {
  7362. label: textLanguage[`hk-toggleAutoZoom`],
  7363. defaultKey: '',
  7364. keyDown() {
  7365. application && application.toggleAutoZoom();
  7366. },
  7367. keyUp: null,
  7368. type: `normal`
  7369. },
  7370. 'hk-resetZoom': {
  7371. label: textLanguage[`hk-resetZoom`],
  7372. defaultKey: 'ALT+Z',
  7373. keyDown() {
  7374. application && application.resetZoom(true);
  7375. },
  7376. keyUp() {
  7377. application && application.resetZoom(false);
  7378. },
  7379. type: `normal`
  7380. },
  7381. 'hk-toggleDeath': {
  7382. label: textLanguage['hk-toggleDeath'],
  7383. defaultKey: 'Z',
  7384. keyDown() {
  7385. application && application.toggleDeath();
  7386. },
  7387. keyUp: null,
  7388. type: `normal`
  7389. },
  7390. 'hk-clearChat': {
  7391. label: textLanguage[`hk-clearChat`],
  7392. defaultKey: 'C',
  7393. keyDown() {
  7394. application && application.displayChatHistory(true);
  7395. },
  7396. keyUp() {
  7397. application && application.displayChatHistory(false);
  7398. },
  7399. type: `normal`
  7400. },
  7401. 'hk-showBgSectors': {
  7402. label: textLanguage[`hk-showBgSectors`],
  7403. defaultKey: 'B',
  7404. keyDown() {
  7405. application && application.setShowBgSectors();
  7406. },
  7407. keyUp: null,
  7408. type: `normal`
  7409. },
  7410. 'hk-hideBots': {
  7411. label: textLanguage[`hk-hideBots`],
  7412. defaultKey: 'ALT+B',
  7413. keyDown() {
  7414. application && application.setHideSmallBots();
  7415. },
  7416. keyUp: null,
  7417. type: `normal`
  7418. },
  7419. 'hk-showNames': {
  7420. label: textLanguage['hk-showNames'],
  7421. defaultKey: 'N',
  7422. keyDown() {
  7423. application && application.setShowNames();
  7424. },
  7425. keyUp: null,
  7426. type: `normal`
  7427. },
  7428. 'hk-hideTeammatesNames': {
  7429. label: textLanguage[`hk-hideTeammatesNames`],
  7430. defaultKey: '',
  7431. keyDown() {
  7432. application && application.setHideTeammatesNames();
  7433. },
  7434. keyUp: null,
  7435. type: 'normal'
  7436. },
  7437. 'hk-showMass': {
  7438. label: textLanguage[`hk-showMass`],
  7439. defaultKey: 'M',
  7440. keyDown() {
  7441. application && application.setShowMass();
  7442. },
  7443. keyUp: null,
  7444. type: `normal`
  7445. },
  7446. 'hk-showMiniMap': {
  7447. label: textLanguage[`hk-showMiniMap`],
  7448. defaultKey: `ALT+M`,
  7449. keyDown() {
  7450. application && application.setShowMiniMap();
  7451. },
  7452. keyUp: null,
  7453. type: `normal`
  7454. },
  7455. 'hk-chatMessage': {
  7456. label: textLanguage[`hk-chatMessage`],
  7457. defaultKey: `ENTER`,
  7458. keyDown() {
  7459. application && application.enterChatMessage();
  7460. },
  7461. keyUp: null,
  7462. type: `special`
  7463. },
  7464. 'hk-quickResp': {
  7465. label: textLanguage[`hk-quickResp`],
  7466. defaultKey: 'TILDE',
  7467. keyDown() {
  7468. application && application.quickResp();
  7469. },
  7470. keyUp: null,
  7471. type: `normal`
  7472. },
  7473. 'hk-autoResp': {
  7474. label: textLanguage[`hk-autoResp`],
  7475. defaultKey: '',
  7476. keyDown() {
  7477. application && application.toggleAutoResp();
  7478. },
  7479. keyUp: null,
  7480. type: `normal`
  7481. },
  7482. 'hk-zoom1': {
  7483. label: `${textLanguage[`hk-zoomLevel`]} 1`,
  7484. defaultKey: `ALT+1`,
  7485. keyDown() {
  7486. application && application.setZoom(0.5);
  7487. },
  7488. keyUp: null,
  7489. type: `normal`
  7490. },
  7491. 'hk-zoom2': {
  7492. label: `${textLanguage[`hk-zoomLevel`]} 2`,
  7493. defaultKey: `ALT+2`,
  7494. keyDown() {
  7495. application && application.setZoom(0.25);
  7496. },
  7497. keyUp: null,
  7498. type: `normal`
  7499. },
  7500. 'hk-zoom3': {
  7501. label: `${textLanguage[`hk-zoomLevel`]} 3`,
  7502. defaultKey: `ALT+3`,
  7503. keyDown() {
  7504. application && application.setZoom(0.125);
  7505. },
  7506. keyUp: null,
  7507. type: `normal`
  7508. },
  7509. 'hk-zoom4': {
  7510. label: `${textLanguage[`hk-zoomLevel`]} 4`,
  7511. defaultKey: `ALT+4`,
  7512. keyDown() {
  7513. application && application.setZoom(0.075);
  7514. },
  7515. keyUp: null,
  7516. type: `normal`
  7517. },
  7518. 'hk-zoom5': {
  7519. label: `${textLanguage[`hk-zoomLevel`]} 5`,
  7520. defaultKey: `ALT+5`,
  7521. keyDown() {
  7522. application && application.setZoom(0.05);
  7523. },
  7524. keyUp: null,
  7525. type: `normal`
  7526. },
  7527. 'hk-switchServerMode': {
  7528. label: textLanguage[`hk-switchServerMode`],
  7529. defaultKey: '=',
  7530. keyDown() {
  7531. application && application.switchServerMode();
  7532. },
  7533. keyUp: null,
  7534. type: `normal`
  7535. },
  7536. 'hk-showTargeting': {
  7537. label: textLanguage[`hk-showTargeting`],
  7538. defaultKey: '',
  7539. keyDown() {
  7540. application && application.setShowTargeting();
  7541. },
  7542. keyUp: null,
  7543. type: 'normal'
  7544. },
  7545. 'hk-setTargeting': {
  7546. label: textLanguage['hk-setTargeting'],
  7547. defaultKey: '',
  7548. keyDown() {
  7549. application && application.setTargeting();
  7550. },
  7551. keyUp: null,
  7552. type: 'normal'
  7553. },
  7554. 'hk-cancelTargeting': {
  7555. label: textLanguage['hk-cancelTargeting'],
  7556. defaultKey: '',
  7557. keyDown() {
  7558. application && application.cancelTargeting();
  7559. },
  7560. keyUp: null,
  7561. type: `normal`
  7562. },
  7563. 'hk-changeTarget': {
  7564. label: textLanguage[`hk-changeTarget`],
  7565. defaultKey: '',
  7566. keyDown() {
  7567. application && application.changeTarget();
  7568. },
  7569. keyUp: null,
  7570. type: `normal`
  7571. },
  7572. 'hk-privateMiniMap': {
  7573. label: textLanguage[`hk-privateMiniMap`],
  7574. defaultKey: '',
  7575. keyDown() {
  7576. application && application.setPrivateMiniMap();
  7577. },
  7578. keyUp: null,
  7579. type: `normal`
  7580. },
  7581. 'hk-showQuest': {
  7582. label: textLanguage[`hk-showQuest`],
  7583. defaultKey: '',
  7584. keyDown() {
  7585. application && application.setShowQuest();
  7586. },
  7587. keyUp: null,
  7588. type: `normal`
  7589. },
  7590. 'hk-comm1': {
  7591. label: chatCommand.comm1,
  7592. defaultKey: '1',
  7593. keyDown() {
  7594. application && application.sendCommand(1);
  7595. },
  7596. keyUp: null,
  7597. type: `command`
  7598. },
  7599. 'hk-comm2': {
  7600. label: chatCommand.comm2,
  7601. defaultKey: '2',
  7602. keyDown() {
  7603. application && application.sendCommand(2);
  7604. },
  7605. keyUp: null,
  7606. type: `command`
  7607. },
  7608. 'hk-comm3': {
  7609. label: chatCommand.comm3,
  7610. defaultKey: '3',
  7611. keyDown() {
  7612. application && application.sendCommand(3);
  7613. },
  7614. keyUp: null,
  7615. type: `command`
  7616. },
  7617. 'hk-comm4': {
  7618. label: chatCommand.comm4,
  7619. defaultKey: '4',
  7620. keyDown() {
  7621. application && application.sendCommand(4);
  7622. },
  7623. keyUp: null,
  7624. type: `command`
  7625. },
  7626. 'hk-comm5': {
  7627. label: chatCommand.comm5,
  7628. defaultKey: '5',
  7629. keyDown() {
  7630. application && application.sendCommand(5);
  7631. },
  7632. keyUp: null,
  7633. type: `command`
  7634. },
  7635. 'hk-comm6': {
  7636. label: chatCommand.comm6,
  7637. defaultKey: '6',
  7638. keyDown() {
  7639. application && application.sendCommand(6);
  7640. },
  7641. keyUp: null,
  7642. type: `command`
  7643. },
  7644. 'hk-comm7': {
  7645. label: chatCommand.comm7,
  7646. defaultKey: '7',
  7647. keyDown() {
  7648. application && application.sendCommand(7);
  7649. },
  7650. keyUp: null,
  7651. type: `command`
  7652. },
  7653. 'hk-comm8': {
  7654. label: chatCommand.comm8,
  7655. defaultKey: '8',
  7656. keyDown() {
  7657. application && application.sendCommand(8);
  7658. },
  7659. keyUp: null,
  7660. type: 'command'
  7661. },
  7662. 'hk-comm9': {
  7663. label: chatCommand.comm9,
  7664. defaultKey: '9',
  7665. keyDown() {
  7666. application && application.sendCommand(9);
  7667. },
  7668. keyUp: null,
  7669. type: `command`
  7670. },
  7671. 'hk-comm0': {
  7672. label: chatCommand.comm0,
  7673. defaultKey: '0',
  7674. keyDown() {
  7675. application && application.sendCommand(0);
  7676. },
  7677. keyUp: null,
  7678. type: `command`
  7679. },
  7680. 'hk-comm10': {
  7681. label: chatCommand.comm10,
  7682. defaultKey: `MOUSE WHEEL`,
  7683. keyDown() {
  7684. application && application.sendCommand(10);
  7685. },
  7686. keyUp: null,
  7687. type: 'command'
  7688. },
  7689. 'hk-comm11': {
  7690. label: chatCommand.comm11,
  7691. defaultKey: `LEFT`,
  7692. keyDown() {
  7693. application && application.sendCommand(11);
  7694. },
  7695. keyUp: null,
  7696. type: 'command'
  7697. },
  7698. 'hk-comm12': {
  7699. label: chatCommand.comm12,
  7700. defaultKey: 'UP',
  7701. keyDown() {
  7702. application && application.sendCommand(12);
  7703. },
  7704. keyUp: null,
  7705. type: `command`
  7706. },
  7707. 'hk-comm13': {
  7708. label: chatCommand.comm13,
  7709. defaultKey: 'RIGHT',
  7710. keyDown() {
  7711. application && application.sendCommand(13);
  7712. },
  7713. keyUp: null,
  7714. type: `command`
  7715. },
  7716. 'hk-comm14': {
  7717. label: chatCommand.comm14,
  7718. defaultKey: 'DOWN',
  7719. keyDown() {
  7720. application && application.sendCommand(14);
  7721. },
  7722. keyUp: null,
  7723. type: `command`
  7724. }
  7725. };
  7726. const hotkeysSetup = {
  7727. lastPressedKey: '',
  7728. lastKeyId: '',
  7729. defaultMessageKey: `ENTER`,
  7730. inputClassName: 'custom-key-in form-control input-sm',
  7731. loadDefaultHotkeys() {
  7732. hotkeys = {};
  7733. for (const command in hotkeysCommand) {
  7734. if (hotkeysCommand.hasOwnProperty(command)) {
  7735. hotkeys[hotkeysCommand[command].defaultKey] = command;
  7736. }
  7737. }
  7738. hotkeys[`spec-messageKey`] = this.defaultMessageKey;
  7739. },
  7740. loadHotkeys() {
  7741. if (window.localStorage.getItem(`ogarioHotkeys`) !== null) {
  7742. hotkeys = JSON.parse(window.localStorage.getItem('ogarioHotkeys'));
  7743. } else {
  7744. this.loadDefaultHotkeys();
  7745. }
  7746. if (window.localStorage.getItem(`ogarioCommands`) !== null) {
  7747. chatCommand = JSON.parse(window.localStorage.getItem('ogarioCommands'));
  7748. }
  7749. },
  7750. saveHotkeys() {
  7751. window.localStorage.setItem('ogarioHotkeys', JSON.stringify(hotkeys));
  7752. this.saveCommands();
  7753. },
  7754. saveCommands() {
  7755. JQuery('#hotkeys .command-in').each(function() {
  7756. const element = JQuery(this);
  7757. const id = element.attr('id');
  7758. if (chatCommand.hasOwnProperty(id)) {
  7759. chatCommand[id] = element.val();
  7760. }
  7761. });
  7762. window.localStorage.setItem(`ogarioCommands`, JSON.stringify(chatCommand));
  7763. },
  7764. resetHotkeys() {
  7765. this.loadDefaultHotkeys();
  7766. JQuery('#hotkeys-cfg .custom-key-in').each(function() {
  7767. const id = JQuery(this).attr('id');
  7768. if (hotkeysCommand[id]) {
  7769. JQuery(this).val(hotkeysCommand[id].defaultKey);
  7770. }
  7771. });
  7772. },
  7773. setHotkeysMenu() {
  7774. const setup = this;
  7775. JQuery('body').append(`<div id="hotkeys"><div id="hotkeys-menu"><button id="reset-hotkeys" class="btn btn-primary">${textLanguage.restoreSettings}${`</button> <button id="save-hotkeys" class="btn btn-success">`}${textLanguage.saveSett}</button> <button id="close-hotkeys" class="btn btn-danger">${textLanguage.close}${`</button></div><div id="hotkeys-cfg"></div><div id="hotkeys-inst"><ul><li>`}${textLanguage['hk-inst-assign']}${`</li><li>`}${textLanguage[`hk-inst-delete`]}</li><li>${textLanguage[`hk-inst-keys`]}</li></ul></div></div>`);
  7776. for (const command in hotkeysCommand) {
  7777. if (hotkeysCommand.hasOwnProperty(command)) {
  7778. const currentCommand = hotkeysCommand[command];
  7779. let text = '';
  7780. for (const key in hotkeys) {
  7781. if (hotkeys.hasOwnProperty(key) && hotkeys[key] === command) {
  7782. text = key;
  7783. break;
  7784. }
  7785. }
  7786. if (command === `hk-switchServerMode` && application && !application.privateIP) {
  7787. continue;
  7788. }
  7789. if (currentCommand.type === `command`) {
  7790. const replaceHk = command.replace(`hk-`, '');
  7791. JQuery(`#hotkeys-cfg`).append(`${`<div class="row"><div class="key-label"><input id="` + replaceHk + `" class="command-in form-control input-sm" value="` + chatCommand[replaceHk] + `" maxlength="80" /></div><div class="default-key">` + currentCommand.defaultKey + `</div><div class="custom-key"><input id="` + command + `" class="custom-key-in form-control input-sm" value="` + text}" /></div></div>`);
  7792. } else {
  7793. JQuery('#hotkeys-cfg').append(`<div class="row"><div class="key-label">${currentCommand.label}</div><div class="default-key">${currentCommand.defaultKey}</div><div class="custom-key"><input id="${command}${`" class="custom-key-in form-control input-sm" value="`}${text}" /></div></div>`);
  7794. }
  7795. }
  7796. }
  7797. JQuery(document).on('click', `#reset-hotkeys`, event => {
  7798. event.preventDefault();
  7799. setup.resetHotkeys();
  7800. });
  7801. JQuery(document).on(`click`, `#save-hotkeys`, event => {
  7802. event.preventDefault();
  7803. setup.saveHotkeys();
  7804. JQuery('#hotkeys').fadeOut(500);
  7805. });
  7806. JQuery(document).on(`click`, `#close-hotkeys`, event => {
  7807. event.preventDefault();
  7808. JQuery('#hotkeys').fadeOut(500);
  7809. });
  7810. JQuery(document).on(`click`, `.hotkeys-link`, event => {
  7811. JQuery(`#hotkeys`).fadeIn(500);
  7812. JQuery(`#hotkeys-cfg`).perfectScrollbar(`update`);
  7813. resetonkeydown();
  7814. });
  7815. JQuery(`#hotkeys-cfg`).perfectScrollbar();
  7816. OgarioSettings && OgarioSettings.setMenuBg();
  7817. },
  7818. getPressedKey(key) {
  7819. let specialKey = '';
  7820. let normalKey = '';
  7821. if (key.ctrlKey || key.keyCode == 17) {
  7822. specialKey = 'CTRL';
  7823. } else if (key.altKey || key.keyCode == 18) {
  7824. specialKey = `ALT`;
  7825. }
  7826. switch (key.keyCode) {
  7827. case 9:
  7828. normalKey = `TAB`;
  7829. break;
  7830. case 13:
  7831. normalKey = `ENTER`;
  7832. break;
  7833. case 16:
  7834. normalKey = 'SHIFT';
  7835. break;
  7836. case 17:
  7837. break;
  7838. case 18:
  7839. break;
  7840. case 27:
  7841. normalKey = `ESC`;
  7842. break;
  7843. case 32:
  7844. normalKey = 'SPACE';
  7845. break;
  7846. case 37:
  7847. normalKey = `LEFT`;
  7848. break;
  7849. case 38:
  7850. normalKey = 'UP';
  7851. break;
  7852. case 39:
  7853. normalKey = `RIGHT`;
  7854. break;
  7855. case 40:
  7856. normalKey = `DOWN`;
  7857. break;
  7858. case 46:
  7859. normalKey = `DEL`;
  7860. break;
  7861. case 61:
  7862. normalKey = '=';
  7863. break;
  7864. case 187:
  7865. normalKey = '=';
  7866. break;
  7867. case 192:
  7868. normalKey = `TILDE`;
  7869. break;
  7870. default:
  7871. normalKey = String.fromCharCode(key.keyCode);
  7872. break;
  7873. }
  7874. if (specialKey !== '') {
  7875. if (normalKey !== '') {
  7876. return `${specialKey}+${normalKey}`;
  7877. }
  7878. return specialKey;
  7879. }
  7880. return normalKey;
  7881. },
  7882. deleteHotkey(name, id) {
  7883. delete hotkeys[name];
  7884. JQuery(`#${id}`).val('');
  7885. },
  7886. setDefaultHotkey(id) {
  7887. let key = false;
  7888. if (hotkeysCommand[id] && !hotkeys.hasOwnProperty(hotkeysCommand[id].defaultKey)) {
  7889. key = hotkeysCommand[id].defaultKey;
  7890. hotkeys[key] = id;
  7891. return key;
  7892. }
  7893. return key;
  7894. },
  7895. setHotkey(key, id) {
  7896. if (!id || this.lastPressedKey === key && this.lastKeyId === id) {
  7897. return;
  7898. }
  7899. const value = JQuery(`#${id}`).val();
  7900. this.deleteHotkey(value, id);
  7901. if (key === 'DEL') {
  7902. return;
  7903. }
  7904. if (hotkeys[key] && hotkeys[key] !== id) {
  7905. const hotkey = hotkeys[key];
  7906. const defaultKey = this.setDefaultHotkey(hotkey);
  7907. if (defaultKey) {
  7908. hotkeys[defaultKey] = hotkey;
  7909. JQuery(`#${hotkey}`).val(defaultKey);
  7910. } else {
  7911. this.deleteHotkey(key, hotkey);
  7912. }
  7913. }
  7914. hotkeys[key] = id;
  7915. JQuery(`#${id}`).val(key);
  7916. if (id === 'hk-chatMessage') {
  7917. hotkeys[`spec-messageKey`] = key;
  7918. }
  7919. this.lastPressedKey = key;
  7920. this.lastKeyId = id;
  7921. },
  7922. init() {
  7923. this.loadHotkeys();
  7924. this.setHotkeysMenu();
  7925. }
  7926. };
  7927. document.onkeydown = event => {
  7928. const pressKey = hotkeysSetup.getPressedKey(event);
  7929. if (event.target.tagName === `INPUT` && event.target.className !== hotkeysSetup.inputClassName && pressKey !== hotkeys['spec-messageKey']) {
  7930. return;
  7931. }
  7932. if (pressKey !== '' && !keyBlind[pressKey]) {
  7933. keyBlind[pressKey] = true;
  7934. if (pressKey === `ESC`) {
  7935. event.preventDefault();
  7936. application && application.showMenu();
  7937. return;
  7938. }
  7939. if (event.target.className === hotkeysSetup.inputClassName) {
  7940. event.preventDefault();
  7941. hotkeysSetup.setHotkey(pressKey, event.target.id);
  7942. return;
  7943. }
  7944. if (hotkeys[pressKey]) {
  7945. event.preventDefault();
  7946. const key = hotkeys[pressKey];
  7947. if (key !== '' && hotkeysCommand[key]) {
  7948. if (hotkeysCommand[key].keyDown) {
  7949. hotkeysCommand[key].keyDown();
  7950. }
  7951. }
  7952. }
  7953. }
  7954. };
  7955. document.onkeyup = event => {
  7956. const pressedKey = hotkeysSetup.getPressedKey(event);
  7957. if (pressedKey !== '') {
  7958. if (hotkeys[pressedKey]) {
  7959. const key = hotkeys[pressedKey];
  7960. if (key !== '' && hotkeysCommand[key]) {
  7961. if (hotkeysCommand[key].keyUp) {
  7962. hotkeysCommand[key].keyUp();
  7963. }
  7964. }
  7965. }
  7966. keyBlind[pressedKey] = false;
  7967. }
  7968. };
  7969. window.onmousedown = event => {
  7970. if (!JQuery(`#overlays`).is(`:visible`)) {
  7971. if (event.which == 2) {
  7972. event.preventDefault();
  7973. application && application.sendCommand(10);
  7974. } else {
  7975. if (gameOptionSettings.mouseSplit) {
  7976. if (event.which == 1 && !gameOptionSettings.mouseInvert || event.which == 3 && gameOptionSettings.mouseInvert) {
  7977. event.preventDefault();
  7978. application && application.split();
  7979. }
  7980. }
  7981. if (gameOptionSettings.mouseFeed) {
  7982. if (event.which == 3 && !gameOptionSettings.mouseInvert || event.which == 1 && gameOptionSettings.mouseInvert) {
  7983. event.preventDefault();
  7984. application && application.macroFeed(true);
  7985. }
  7986. }
  7987. }
  7988. }
  7989. };
  7990. window.onmouseup = event => {
  7991. if (gameOptionSettings.mouseFeed) {
  7992. if (event.which == 3 && !gameOptionSettings.mouseInvert || event.which == 1 && gameOptionSettings.mouseInvert) {
  7993. application && application.macroFeed(false);
  7994. }
  7995. }
  7996. };
  7997. window.onbeforeunload = event => {
  7998. if (ogario.play) {
  7999. return textLanguage.exit;
  8000. } else {
  8001. return;
  8002. }
  8003. };
  8004.  
  8005. function changeHistory(value) {
  8006. if (window.history && window.history.replaceState) {
  8007. window.history.replaceState({}, window.document.title, value);
  8008. }
  8009. }
  8010.  
  8011. function changeUrl() {
  8012. if (window.location.pathname === `/ogario`) {
  8013. changeHistory(`/${window.location.hash}`);
  8014. }
  8015. }
  8016.  
  8017. function spectateBlind() {
  8018. window.onkeydown = event => {
  8019. 81 == event.keyCode && window.core.specialOn && window.core.specialOn();
  8020. };
  8021. window.onkeyup = event => {};
  8022. }
  8023.  
  8024. function menuScale() {
  8025. const innerWidth = window.innerWidth;
  8026. const innerHeigth = window.innerHeight;
  8027. const helloContainer = JQuery('#helloContainer');
  8028. let helloContainerWidth = helloContainer.innerHeight();
  8029. if (helloContainerWidth > 0) {
  8030. ogario.menuHeight = helloContainerWidth;
  8031. } else {
  8032. helloContainerWidth = ogario.menuHeight || 618;
  8033. }
  8034. const scale = Math.min(1, innerHeigth / helloContainerWidth);
  8035. const top = helloContainerWidth * scale;
  8036. const resizeTop = Math.round(innerHeigth / 2 - 0.5 * top);
  8037. const transform = `${`translate(-50%, 0%) scale(` + scale})`;
  8038. helloContainer.css('transform', transform);
  8039. helloContainer.css('-ms-transform', transform);
  8040. helloContainer.css('-webkit-transform', transform);
  8041. helloContainer.css('top', `${resizeTop}px`);
  8042. ogario.innerW = innerWidth;
  8043. ogario.innerH = innerHeigth;
  8044. }
  8045.  
  8046. function resetonkeydown() {
  8047. if (application.protocolMode) {
  8048. return;
  8049. }
  8050. window.onkeydown = event => {};
  8051. }
  8052.  
  8053. function start() {
  8054. window.core = {
  8055. connect(url) {
  8056. Connection.connect(url);
  8057. },
  8058. disconnect() {},
  8059. sendNick(nick) {
  8060. Connection.sendNick(nick);
  8061. },
  8062. sendSpectate() {
  8063. Connection.sendSpectate();
  8064. },
  8065. eject() {
  8066. Connection.sendEject();
  8067. },
  8068. split() {
  8069. Connection.sendSplit();
  8070. },
  8071. specialOn() {
  8072. Connection.sendFreeSpectate();
  8073. },
  8074. specialOff() {
  8075. Connection.sendFreeSpectate();
  8076. },
  8077. sendFbToken(token) {
  8078. Connection.sendFbToken(token);
  8079. },
  8080. sendGplusToken(token) {
  8081. Connection.sendGplusToken(token);
  8082. },
  8083. recaptchaResponse(token) {
  8084. Connection.sendRecaptcha(token);
  8085. },
  8086. setClientVersion(version, strVersion) {
  8087. Connection.setClientVersion(version, strVersion);
  8088. },
  8089. proxyMobileData(data = []) {
  8090. if (!Array.isArray(data)) {
  8091. console.log('ProxyMobileData ERROR: Array data required.');
  8092. return;
  8093. }
  8094. if (data[0] == 8) {
  8095. data.unshift(102);
  8096. }
  8097. data = new Uint8Array(data);
  8098. Connection.sendMessage(new DataView(data.buffer));
  8099. }
  8100. };
  8101. }
  8102.  
  8103. function setGUI(){
  8104. document.getElementById('quick-menu').innerHTML = `
  8105. <h2 id="botsInfo">
  8106. <a href="https://discord.gg/SDMNEcJ" target="_blank">Bots</a>
  8107. </h2>
  8108. <h5 id="botsAuthor">
  8109. Developed by <a href="https://www.youtube.com/channel/UCZo9WmnFPWw38q65Llu5Lug" target="_blank">👑Nel👑</a>
  8110. </h5>
  8111. <span id="statusText">Status: <b id="userStatus">Disconnected</b></span>
  8112. <br>
  8113. <br>
  8114. <span id="aiText">Bots AI: <b id="botsAI">Disabled</b></span>
  8115. <br>
  8116. <input type="text" id="botsName" placeholder="Bots Name" maxlength="15" spellcheck="false">
  8117. <input type="number" id="botsAmount" placeholder="Bots Amount" min="10" max="300" spellcheck="false">
  8118. <button id="connect" class="btn-primary">Connect</button>
  8119. <br>
  8120. <button id="startBots" class="btn-warning" disabled>Start Bots</button>
  8121. <button id="stopBots" class="btn-warning">Stop Bots</button>
  8122. <br>
  8123. <br>
  8124. <input type="text" id="serverHost" placeholder="Server Host/IP" value="localhost" spellcheck="false">
  8125. <input type="text" id="serverPort" placeholder="Server Port" value="8083" maxlength="5" spellcheck="false">
  8126. `
  8127. if(localStorage.getItem('localStoredBotsName') !== null){
  8128. window.bots.name = localStorage.getItem('localStoredBotsName')
  8129. document.getElementById('botsName').value = window.bots.name
  8130. }
  8131. if(localStorage.getItem('localStoredBotsAmount') !== null){
  8132. window.bots.amount = JSON.parse(localStorage.getItem('localStoredBotsAmount'))
  8133. document.getElementById('botsAmount').value = String(window.bots.amount)
  8134. }
  8135. if(localStorage.getItem('localStoredServerHost') !== null){
  8136. window.server.host = localStorage.getItem('localStoredServerHost')
  8137. document.getElementById('serverHost').value = window.server.host
  8138. }
  8139. if(localStorage.getItem('localStoredServerPort') !== null){
  8140. window.server.port = JSON.parse(localStorage.getItem('localStoredServerPort'))
  8141. document.getElementById('serverPort').value = String(window.server.port)
  8142. }
  8143. }
  8144.  
  8145. function setGUIStyle(){
  8146. document.getElementsByTagName('head')[0].innerHTML += `
  8147. <style type="text/css">
  8148. #quick-menu {
  8149. width: 280px !important;
  8150. height: 580px !important;
  8151. }
  8152. #botsInfo > a, #botsAuthor > a {
  8153. color: #fff;
  8154. text-decoration: none;
  8155. }
  8156. #botsAuthor {
  8157. margin-top: -15px;
  8158. letter-spacing: 1px;
  8159. }
  8160. #statusText, #aiText {
  8161. font-weight: bold;
  8162. position: absolute;
  8163. left: -5px;
  8164. }
  8165. #userStatus, #botsAI {
  8166. color: #DA0A00;
  8167. }
  8168. #botsName, #botsAmount, #serverHost, #serverPort {
  8169. margin-top: 15px;
  8170. width: 144px;
  8171. padding: 8px;
  8172. font-size: 14.5px;
  8173. outline: none;
  8174. margin-left: 60px;
  8175. }
  8176. #connect, #startBots, #stopBots {
  8177. color: white;
  8178. border: none;
  8179. padding: 7px;
  8180. width: 160px;
  8181. font-size: 18px;
  8182. outline: none;
  8183. margin-top: 15px;
  8184. letter-spacing: 1px;
  8185. margin-left: 50px;
  8186. }
  8187. #connect {
  8188. display: inline;
  8189. background-color: #0074C0;
  8190. }
  8191. #startBots {
  8192. display: inline;
  8193. background-color: #00C02E;
  8194. }
  8195. #stopBots {
  8196. display: none;
  8197. background-color: #DA0A00;
  8198. }
  8199. #connect:active {
  8200. background-color: #004E82;
  8201. }
  8202. #startBots:active {
  8203. background-color: #009A25;
  8204. }
  8205. #stopBots:active {
  8206. background-color: #9A1B00;
  8207. }
  8208. </style>
  8209. `
  8210. }
  8211.  
  8212. function loadUI(){
  8213. $('#overlays-hud').append(`
  8214. <div id="botClient" class="hud-b hud-text-center" style="text-align: center; color: #fff; position: fixed; pointer-events: none; font-size: 75%; white-space: nowrap; padding: 0; top: 42%; display: block; width: 200px; right: 10px;">
  8215. <div style="margin: 6px;"><b>Bot Count</b>: <span id="botCount" class="label hud-main-color pull-right" style="margin: 0.55em 0 0 0; padding: 0 0.55em 0 0;">Waiting</span></div>
  8216. <b><div style="padding: 0 10px 6px;"><b>ServerSlots</b>: <span id="slots" class="label hud-main-color pull-right" style="margin: 0.55em 0 0 0;">Waiting</span></div>
  8217. </b></div>`);
  8218.  
  8219. }
  8220.  
  8221. function setGUIEvents(){
  8222. document.getElementById('botsAmount').addEventListener('keypress', e => {
  8223. e.preventDefault()
  8224. })
  8225. document.getElementById('botsName').addEventListener('change', function(){
  8226. window.bots.name = this.value
  8227. localStorage.setItem('localStoredBotsName', window.bots.name)
  8228. })
  8229. document.getElementById('botsAmount').addEventListener('change', function(){
  8230. window.bots.amount = Number(this.value)
  8231. localStorage.setItem('localStoredBotsAmount', window.bots.amount)
  8232. })
  8233. document.getElementById('connect').addEventListener('click', () => {
  8234. if(!window.connection.ws || window.connection.ws.readyState !== WebSocket.OPEN) window.connection.connect()
  8235. })
  8236. document.getElementById('startBots').addEventListener('click', () => {
  8237. if(window.game.url && window.game.protocolVersion && window.game.clientVersion && !window.user.startedBots){
  8238. if(window.bots.name && window.bots.amount && window.getComputedStyle(document.getElementsByClassName('btn-login-play')[0]).getPropertyValue('display') === 'none') window.connection.send(window.buffers.startBots(window.game.url, window.game.protocolVersion, window.game.clientVersion, window.user.isAlive, window.bots.name, window.bots.amount))
  8239. else alert('Bots name and amount are required before starting the bots, also you need to be logged in to your agar.io account in order to start the bots')
  8240. }
  8241. })
  8242. document.getElementById('stopBots').addEventListener('click', () => {
  8243. if(window.user.startedBots) window.connection.send(new Uint8Array([1]).buffer)
  8244. })
  8245. document.getElementById('serverHost').addEventListener('change', function(){
  8246. window.server.host = this.value
  8247. localStorage.setItem('localStoredServerHost', window.server.host)
  8248. })
  8249. document.getElementById('serverPort').addEventListener('change', function(){
  8250. window.server.port = Number(this.value)
  8251. localStorage.setItem('localStoredServerPort', window.server.port)
  8252. })
  8253. }
  8254.  
  8255. function resize() {
  8256. window.onresize = () => {
  8257. drawRender.resizeCanvas();
  8258. menuScale();
  8259. };
  8260. }((() => {
  8261. ogario = Connection;
  8262. changeUrl();
  8263. resize();
  8264. spectateBlind();
  8265. start();
  8266. window.master.getClientVersion();
  8267. OgarioSettings.init();
  8268. application.init();
  8269. application.getDefaultSettings();
  8270. application.connect();
  8271. hotkeysSetup.init();
  8272. Connection.init();
  8273. drawRender.init();
  8274. window.master.init();
  8275. menuScale();
  8276. setTimeout(() => {
  8277. setGUI()
  8278. setGUIStyle()
  8279. setGUIEvents()
  8280. loadUI()
  8281. }, 3500)
  8282. })());
  8283. }
  8284.  
  8285. init(window, window.ogario, window.jQuery);
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!