API tools faq
paste
Ribang

script deface Tyrex fix

Ribang
Jun 21st, 2017
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 121.20 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3.  
  4. <head>
  5. <title>HaCkeD By FirewalL21</title>
  6. <meta name="description" content="FirewalL21">
  7. <meta property="og:title" content="FirewalL21">
  8. <meta property="og:type" content="FirewalL21">
  9. <meta property="og:url" content="FirewalL21">
  10. <meta property="og:image" content="FirewalL21">
  11. <meta property="og:site_name" content="FirewalL21">
  12. <meta property="og:description" content="FirewalL21">
  13.  
  14. <meta name="twitter:card" content="FirewalL21">
  15. <meta name="twitter:site" content="FirewalL21">
  16. <meta name="twitter:creator" content="FirewalL21">
  17. <meta name="twitter:title" content="FirewalL21">
  18. <meta name="twitter:description" content="FirewalL21">
  19. <meta name="twitter:image:src" content="FirewalL21">
  20. <script src="https://apis.google.com/js/platform.js" async defer></script>
  21.  
  22. <!--script type="text/javascript" src="a.js"></script-->
  23. <script type="text/javascript">
  24. function hideClass(name) {
  25. var myClasses = document.querySelectorAll(name),
  26. i = 0,
  27. l = myClasses.length;
  28.  
  29. for (i; i < l; i++) {
  30. myClasses[i].style.display = 'none';
  31. }
  32. }
  33. // Copyright (c) 2014 The Chromium Authors. All rights reserved.
  34. // Use of this source code is governed by a BSD-style license that can be
  35. // found in the LICENSE file.
  36. (function() {
  37. 'use strict';
  38. /**
  39. * T-Rex runner.
  40. * @param {string} outerContainerId Outer containing element id.
  41. * @param {object} opt_config
  42. * @constructor
  43. * @export
  44. */
  45. function Runner(outerContainerId, opt_config) {
  46. // Singleton
  47. if (Runner.instance_) {
  48. return Runner.instance_;
  49. }
  50. Runner.instance_ = this;
  51. this.outerContainerEl = document.querySelector(outerContainerId);
  52. this.containerEl = null;
  53. this.detailsButton = this.outerContainerEl.querySelector('#details-button');
  54. this.config = opt_config || Runner.config;
  55. this.dimensions = Runner.defaultDimensions;
  56. this.canvas = null;
  57. this.canvasCtx = null;
  58. this.tRex = null;
  59. this.distanceMeter = null;
  60. this.distanceRan = 0;
  61. this.highestScore = 0;
  62. this.time = 0;
  63. this.runningTime = 0;
  64. this.msPerFrame = 1000 / FPS;
  65. this.currentSpeed = this.config.SPEED;
  66. this.obstacles = [];
  67. this.started = false;
  68. this.activated = false;
  69. this.crashed = false;
  70. this.paused = false;
  71. this.resizeTimerId_ = null;
  72. this.playCount = 0;
  73. // Sound FX.
  74. this.audioBuffer = null;
  75. this.soundFx = {};
  76. // Global web audio context for playing sounds.
  77. this.audioContext = null;
  78. // Images.
  79. this.images = {};
  80. this.imagesLoaded = 0;
  81. this.loadImages();
  82. }
  83. window['Runner'] = Runner;
  84. /**
  85. * Default game width.
  86. * @const
  87. */
  88. var DEFAULT_WIDTH = 600;
  89. /**
  90. * Frames per second.
  91. * @const
  92. */
  93. var FPS = 60;
  94. /** @const */
  95. var IS_HIDPI = window.devicePixelRatio > 1;
  96. /** @const */
  97. var IS_IOS =
  98. window.navigator.userAgent.indexOf('UIWebViewForStaticFileContent') > -1;
  99. /** @const */
  100. var IS_MOBILE = window.navigator.userAgent.indexOf('Mobi') > -1 || IS_IOS;
  101. /** @const */
  102. var IS_TOUCH_ENABLED = 'ontouchstart' in window;
  103. /**
  104. * Default game configuration.
  105. * @enum {number}
  106. */
  107. Runner.config = {
  108. ACCELERATION: 0.001,
  109. BG_CLOUD_SPEED: 0.2,
  110. BOTTOM_PAD: 10,
  111. CLEAR_TIME: 3000,
  112. CLOUD_FREQUENCY: 0.5,
  113. GAMEOVER_CLEAR_TIME: 750,
  114. GAP_COEFFICIENT: 0.6,
  115. GRAVITY: 0.6,
  116. INITIAL_JUMP_VELOCITY: 12,
  117. MAX_CLOUDS: 6,
  118. MAX_OBSTACLE_LENGTH: 3,
  119. MAX_SPEED: 12,
  120. MIN_JUMP_HEIGHT: 35,
  121. MOBILE_SPEED_COEFFICIENT: 1.2,
  122. RESOURCE_TEMPLATE_ID: 'audio-resources',
  123. SPEED: 6,
  124. SPEED_DROP_COEFFICIENT: 3
  125. };
  126. /**
  127. * Default dimensions.
  128. * @enum {string}
  129. */
  130. Runner.defaultDimensions = {
  131. WIDTH: DEFAULT_WIDTH,
  132. HEIGHT: 150
  133. };
  134. /**
  135. * CSS class names.
  136. * @enum {string}
  137. */
  138. Runner.classes = {
  139. CANVAS: 'runner-canvas',
  140. CONTAINER: 'runner-container',
  141. CRASHED: 'crashed',
  142. ICON: 'icon-offline',
  143. TOUCH_CONTROLLER: 'controller'
  144. };
  145. /**
  146. * Image source urls.
  147. * @enum {array.<object>}
  148. */
  149. Runner.imageSources = {
  150. LDPI: [
  151. {name: 'CACTUS_LARGE', id: '1x-obstacle-large'},
  152. {name: 'CACTUS_SMALL', id: '1x-obstacle-small'},
  153. {name: 'CLOUD', id: '1x-cloud'},
  154. {name: 'HORIZON', id: '1x-horizon'},
  155. {name: 'RESTART', id: '1x-restart'},
  156. {name: 'TEXT_SPRITE', id: '1x-text'},
  157. {name: 'TREX', id: '1x-trex'}
  158. ],
  159. HDPI: [
  160. {name: 'CACTUS_LARGE', id: '2x-obstacle-large'},
  161. {name: 'CACTUS_SMALL', id: '2x-obstacle-small'},
  162. {name: 'CLOUD', id: '2x-cloud'},
  163. {name: 'HORIZON', id: '2x-horizon'},
  164. {name: 'RESTART', id: '2x-restart'},
  165. {name: 'TEXT_SPRITE', id: '2x-text'},
  166. {name: 'TREX', id: '2x-trex'}
  167. ]
  168. };
  169. /**
  170. * Sound FX. Reference to the ID of the audio tag on interstitial page.
  171. * @enum {string}
  172. */
  173. Runner.sounds = {
  174. BUTTON_PRESS: 'offline-sound-press',
  175. HIT: 'offline-sound-hit',
  176. SCORE: 'offline-sound-reached'
  177. };
  178. /**
  179. * Key code mapping.
  180. * @enum {object}
  181. */
  182. Runner.keycodes = {
  183. JUMP: {'38': 1, '32': 1}, // Up, spacebar
  184. DUCK: {'40': 1}, // Down
  185. RESTART: {'13': 1} // Enter
  186. };
  187. /**
  188. * Runner event names.
  189. * @enum {string}
  190. */
  191. Runner.events = {
  192. ANIM_END: 'webkitAnimationEnd',
  193. CLICK: 'click',
  194. KEYDOWN: 'keydown',
  195. KEYUP: 'keyup',
  196. MOUSEDOWN: 'mousedown',
  197. MOUSEUP: 'mouseup',
  198. RESIZE: 'resize',
  199. TOUCHEND: 'touchend',
  200. TOUCHSTART: 'touchstart',
  201. VISIBILITY: 'visibilitychange',
  202. BLUR: 'blur',
  203. FOCUS: 'focus',
  204. LOAD: 'load'
  205. };
  206. Runner.prototype = {
  207. /**
  208. * Setting individual settings for debugging.
  209. * @param {string} setting
  210. * @param {*} value
  211. */
  212. updateConfigSetting: function(setting, value) {
  213. if (setting in this.config && value != undefined) {
  214. this.config[setting] = value;
  215. switch (setting) {
  216. case 'GRAVITY':
  217. case 'MIN_JUMP_HEIGHT':
  218. case 'SPEED_DROP_COEFFICIENT':
  219. this.tRex.config[setting] = value;
  220. break;
  221. case 'INITIAL_JUMP_VELOCITY':
  222. this.tRex.setJumpVelocity(value);
  223. break;
  224. case 'SPEED':
  225. this.setSpeed(value);
  226. break;
  227. }
  228. }
  229. },
  230. /**
  231. * Load and cache the image assets from the page.
  232. */
  233. loadImages: function() {
  234. var imageSources = IS_HIDPI ? Runner.imageSources.HDPI :
  235. Runner.imageSources.LDPI;
  236. var numImages = imageSources.length;
  237. for (var i = numImages - 1; i >= 0; i--) {
  238. var imgSource = imageSources[i];
  239. this.images[imgSource.name] = document.getElementById(imgSource.id);
  240. }
  241. this.init();
  242. },
  243. /**
  244. * Load and decode base 64 encoded sounds.
  245. */
  246. loadSounds: function() {
  247. if (!IS_IOS) {
  248. this.audioContext = new AudioContext();
  249. var resourceTemplate =
  250. document.getElementById(this.config.RESOURCE_TEMPLATE_ID).content;
  251. for (var sound in Runner.sounds) {
  252. var soundSrc =
  253. resourceTemplate.getElementById(Runner.sounds[sound]).src;
  254. soundSrc = soundSrc.substr(soundSrc.indexOf(',') + 1);
  255. var buffer = decodeBase64ToArrayBuffer(soundSrc);
  256. // Async, so no guarantee of order in array.
  257. this.audioContext.decodeAudioData(buffer, function(index, audioData) {
  258. this.soundFx[index] = audioData;
  259. }.bind(this, sound));
  260. }
  261. }
  262. },
  263. /**
  264. * Sets the game speed. Adjust the speed accordingly if on a smaller screen.
  265. * @param {number} opt_speed
  266. */
  267. setSpeed: function(opt_speed) {
  268. var speed = opt_speed || this.currentSpeed;
  269. // Reduce the speed on smaller mobile screens.
  270. if (this.dimensions.WIDTH < DEFAULT_WIDTH) {
  271. var mobileSpeed = speed * this.dimensions.WIDTH / DEFAULT_WIDTH *
  272. this.config.MOBILE_SPEED_COEFFICIENT;
  273. this.currentSpeed = mobileSpeed > speed ? speed : mobileSpeed;
  274. } else if (opt_speed) {
  275. this.currentSpeed = opt_speed;
  276. }
  277. },
  278. /**
  279. * Game initialiser.
  280. */
  281. init: function() {
  282. // Hide the static icon.
  283. //document.querySelector('.' + Runner.classes.ICON).style.visibility = 'hidden';
  284. this.adjustDimensions();
  285. this.setSpeed();
  286. this.containerEl = document.createElement('div');
  287. this.containerEl.className = Runner.classes.CONTAINER;
  288. // Player canvas container.
  289. this.canvas = createCanvas(this.containerEl, this.dimensions.WIDTH,
  290. this.dimensions.HEIGHT, Runner.classes.PLAYER);
  291. this.canvasCtx = this.canvas.getContext('2d');
  292. this.canvasCtx.fillStyle = '#f7f7f7';
  293. this.canvasCtx.fill();
  294. Runner.updateCanvasScaling(this.canvas);
  295. // Horizon contains clouds, obstacles and the ground.
  296. this.horizon = new Horizon(this.canvas, this.images, this.dimensions,
  297. this.config.GAP_COEFFICIENT);
  298. // Distance meter
  299. this.distanceMeter = new DistanceMeter(this.canvas,
  300. this.images.TEXT_SPRITE, this.dimensions.WIDTH);
  301. // Draw t-rex
  302. this.tRex = new Trex(this.canvas, this.images.TREX);
  303. this.outerContainerEl.appendChild(this.containerEl);
  304. if (IS_MOBILE) {
  305. this.createTouchController();
  306. }
  307. this.startListening();
  308. this.update();
  309. window.addEventListener(Runner.events.RESIZE,
  310. this.debounceResize.bind(this));
  311. },
  312. /**
  313. * Create the touch controller. A div that covers whole screen.
  314. */
  315. createTouchController: function() {
  316. this.touchController = document.createElement('div');
  317. this.touchController.className = Runner.classes.TOUCH_CONTROLLER;
  318. },
  319. /**
  320. * Debounce the resize event.
  321. */
  322. debounceResize: function() {
  323. if (!this.resizeTimerId_) {
  324. this.resizeTimerId_ =
  325. setInterval(this.adjustDimensions.bind(this), 250);
  326. }
  327. },
  328. /**
  329. * Adjust game space dimensions on resize.
  330. */
  331. adjustDimensions: function() {
  332. clearInterval(this.resizeTimerId_);
  333. this.resizeTimerId_ = null;
  334. var boxStyles = window.getComputedStyle(this.outerContainerEl);
  335. var padding = Number(boxStyles.paddingLeft.substr(0,
  336. boxStyles.paddingLeft.length - 2));
  337. this.dimensions.WIDTH = this.outerContainerEl.offsetWidth - padding * 2;
  338. // Redraw the elements back onto the canvas.
  339. if (this.canvas) {
  340. this.canvas.width = this.dimensions.WIDTH;
  341. this.canvas.height = this.dimensions.HEIGHT;
  342. Runner.updateCanvasScaling(this.canvas);
  343. this.distanceMeter.calcXPos(this.dimensions.WIDTH);
  344. this.clearCanvas();
  345. this.horizon.update(0, 0, true);
  346. this.tRex.update(0);
  347. // Outer container and distance meter.
  348. if (this.activated || this.crashed) {
  349. this.containerEl.style.width = this.dimensions.WIDTH + 'px';
  350. this.containerEl.style.height = this.dimensions.HEIGHT + 'px';
  351. this.distanceMeter.update(0, Math.ceil(this.distanceRan));
  352. this.stop();
  353. } else {
  354. this.tRex.draw(0, 0);
  355. }
  356. // Game over panel.
  357. if (this.crashed && this.gameOverPanel) {
  358. this.gameOverPanel.updateDimensions(this.dimensions.WIDTH);
  359. this.gameOverPanel.draw();
  360. }
  361. }
  362. },
  363. /**
  364. * Play the game intro.
  365. * Canvas container width expands out to the full width.
  366. */
  367. playIntro: function() {
  368. if (!this.started && !this.crashed) {
  369. this.playingIntro = true;
  370. this.tRex.playingIntro = true;
  371. // CSS animation definition.
  372. var keyframes = '@-webkit-keyframes intro { ' +
  373. 'from { width:' + Trex.config.WIDTH + 'px }' +
  374. 'to { width: ' + this.dimensions.WIDTH + 'px }' +
  375. '}';
  376. document.styleSheets[0].insertRule(keyframes, 0);
  377. this.containerEl.addEventListener(Runner.events.ANIM_END,
  378. this.startGame.bind(this));
  379. this.containerEl.style.webkitAnimation = 'intro .4s ease-out 1 both';
  380. this.containerEl.style.width = this.dimensions.WIDTH + 'px';
  381. if (this.touchController) {
  382. this.outerContainerEl.appendChild(this.touchController);
  383. }
  384. this.activated = true;
  385. this.started = true;
  386. } else if (this.crashed) {
  387. this.restart();
  388. }
  389. },
  390. /**
  391. * Update the game status to started.
  392. */
  393. startGame: function() {
  394. this.runningTime = 0;
  395. this.playingIntro = false;
  396. this.tRex.playingIntro = false;
  397. this.containerEl.style.webkitAnimation = '';
  398. this.playCount++;
  399. // Handle tabbing off the page. Pause the current game.
  400. window.addEventListener(Runner.events.VISIBILITY,
  401. this.onVisibilityChange.bind(this));
  402. window.addEventListener(Runner.events.BLUR,
  403. this.onVisibilityChange.bind(this));
  404. window.addEventListener(Runner.events.FOCUS,
  405. this.onVisibilityChange.bind(this));
  406. },
  407. clearCanvas: function() {
  408. this.canvasCtx.clearRect(0, 0, this.dimensions.WIDTH,
  409. this.dimensions.HEIGHT);
  410. },
  411. /**
  412. * Update the game frame.
  413. */
  414. update: function() {
  415. this.drawPending = false;
  416. var now = getTimeStamp();
  417. var deltaTime = now - (this.time || now);
  418. this.time = now;
  419. if (this.activated) {
  420. this.clearCanvas();
  421. if (this.tRex.jumping) {
  422. this.tRex.updateJump(deltaTime, this.config);
  423. }
  424. this.runningTime += deltaTime;
  425. var hasObstacles = this.runningTime > this.config.CLEAR_TIME;
  426. // First jump triggers the intro.
  427. if (this.tRex.jumpCount == 1 && !this.playingIntro) {
  428. this.playIntro();
  429. }
  430. // The horizon doesn't move until the intro is over.
  431. if (this.playingIntro) {
  432. this.horizon.update(0, this.currentSpeed, hasObstacles);
  433. } else {
  434. deltaTime = !this.started ? 0 : deltaTime;
  435. this.horizon.update(deltaTime, this.currentSpeed, hasObstacles);
  436. }
  437. // Check for collisions.
  438. var collision = hasObstacles &&
  439. checkForCollision(this.horizon.obstacles[0], this.tRex);
  440. if (!collision) {
  441. this.distanceRan += this.currentSpeed * deltaTime / this.msPerFrame;
  442. if (this.currentSpeed < this.config.MAX_SPEED) {
  443. this.currentSpeed += this.config.ACCELERATION;
  444. }
  445. } else {
  446. this.gameOver();
  447. }
  448. if (this.distanceMeter.getActualDistance(this.distanceRan) >
  449. this.distanceMeter.maxScore) {
  450. this.distanceRan = 0;
  451. }
  452. var playAcheivementSound = this.distanceMeter.update(deltaTime,
  453. Math.ceil(this.distanceRan));
  454. if (playAcheivementSound) {
  455. this.playSound(this.soundFx.SCORE);
  456. }
  457. }
  458. if (!this.crashed) {
  459. this.tRex.update(deltaTime);
  460. this.raq();
  461. }
  462. },
  463. /**
  464. * Event handler.
  465. */
  466. handleEvent: function(e) {
  467. return (function(evtType, events) {
  468. switch (evtType) {
  469. case events.KEYDOWN:
  470. case events.TOUCHSTART:
  471. case events.MOUSEDOWN:
  472. this.onKeyDown(e);
  473. break;
  474. case events.KEYUP:
  475. case events.TOUCHEND:
  476. case events.MOUSEUP:
  477. this.onKeyUp(e);
  478. break;
  479. }
  480. }.bind(this))(e.type, Runner.events);
  481. },
  482. /**
  483. * Bind relevant key / mouse / touch listeners.
  484. */
  485. startListening: function() {
  486. // Keys.
  487. document.addEventListener(Runner.events.KEYDOWN, this);
  488. document.addEventListener(Runner.events.KEYUP, this);
  489. if (IS_MOBILE) {
  490. // Mobile only touch devices.
  491. this.touchController.addEventListener(Runner.events.TOUCHSTART, this);
  492. this.touchController.addEventListener(Runner.events.TOUCHEND, this);
  493. this.containerEl.addEventListener(Runner.events.TOUCHSTART, this);
  494. } else {
  495. // Mouse.
  496. document.addEventListener(Runner.events.MOUSEDOWN, this);
  497. document.addEventListener(Runner.events.MOUSEUP, this);
  498. }
  499. },
  500. /**
  501. * Remove all listeners.
  502. */
  503. stopListening: function() {
  504. document.removeEventListener(Runner.events.KEYDOWN, this);
  505. document.removeEventListener(Runner.events.KEYUP, this);
  506. if (IS_MOBILE) {
  507. this.touchController.removeEventListener(Runner.events.TOUCHSTART, this);
  508. this.touchController.removeEventListener(Runner.events.TOUCHEND, this);
  509. this.containerEl.removeEventListener(Runner.events.TOUCHSTART, this);
  510. } else {
  511. document.removeEventListener(Runner.events.MOUSEDOWN, this);
  512. document.removeEventListener(Runner.events.MOUSEUP, this);
  513. }
  514. },
  515. /**
  516. * Process keydown.
  517. * @param {Event} e
  518. */
  519. onKeyDown: function(e) {
  520. if (e.target != this.detailsButton) {
  521. if (!this.crashed && (Runner.keycodes.JUMP[String(e.keyCode)] ||
  522. e.type == Runner.events.TOUCHSTART)) {
  523. if (!this.activated) {
  524. this.loadSounds();
  525. this.activated = true;
  526. }
  527. if (!this.tRex.jumping) {
  528. this.playSound(this.soundFx.BUTTON_PRESS);
  529. this.tRex.startJump();
  530. }
  531. }
  532. if (this.crashed && e.type == Runner.events.TOUCHSTART &&
  533. e.currentTarget == this.containerEl) {
  534. this.restart();
  535. }
  536. }
  537. // Speed drop, activated only when jump key is not pressed.
  538. if (Runner.keycodes.DUCK[e.keyCode] && this.tRex.jumping) {
  539. e.preventDefault();
  540. this.tRex.setSpeedDrop();
  541. }
  542. },
  543. /**
  544. * Process key up.
  545. * @param {Event} e
  546. */
  547. onKeyUp: function(e) {
  548. var keyCode = String(e.keyCode);
  549. var isjumpKey = Runner.keycodes.JUMP[keyCode] ||
  550. e.type == Runner.events.TOUCHEND ||
  551. e.type == Runner.events.MOUSEDOWN;
  552. if (this.isRunning() && isjumpKey) {
  553. this.tRex.endJump();
  554. } else if (Runner.keycodes.DUCK[keyCode]) {
  555. this.tRex.speedDrop = false;
  556. } else if (this.crashed) {
  557. // Check that enough time has elapsed before allowing jump key to restart.
  558. var deltaTime = getTimeStamp() - this.time;
  559. if (Runner.keycodes.RESTART[keyCode] ||
  560. (e.type == Runner.events.MOUSEUP && e.target == this.canvas) ||
  561. (deltaTime >= this.config.GAMEOVER_CLEAR_TIME &&
  562. Runner.keycodes.JUMP[keyCode])) {
  563. this.restart();
  564. }
  565. } else if (this.paused && isjumpKey) {
  566. this.play();
  567. }
  568. },
  569. /**
  570. * RequestAnimationFrame wrapper.
  571. */
  572. raq: function() {
  573. if (!this.drawPending) {
  574. this.drawPending = true;
  575. this.raqId = requestAnimationFrame(this.update.bind(this));
  576. }
  577. },
  578. /**
  579. * Whether the game is running.
  580. * @return {boolean}
  581. */
  582. isRunning: function() {
  583. return !!this.raqId;
  584. },
  585. /**
  586. * Game over state.
  587. */
  588. gameOver: function() {
  589. this.playSound(this.soundFx.HIT);
  590. vibrate(200);
  591. this.stop();
  592. this.crashed = true;
  593. this.distanceMeter.acheivement = false;
  594. this.tRex.update(100, Trex.status.CRASHED);
  595. // Game over panel.
  596. if (!this.gameOverPanel) {
  597. this.gameOverPanel = new GameOverPanel(this.canvas,
  598. this.images.TEXT_SPRITE, this.images.RESTART,
  599. this.dimensions);
  600. } else {
  601. this.gameOverPanel.draw();
  602. }
  603. // Update the high score.
  604. if (this.distanceRan > this.highestScore) {
  605. this.highestScore = Math.ceil(this.distanceRan);
  606. this.distanceMeter.setHighScore(this.highestScore);
  607. }
  608. // Reset the time clock.
  609. this.time = getTimeStamp();
  610. },
  611. stop: function() {
  612. this.activated = false;
  613. this.paused = true;
  614. cancelAnimationFrame(this.raqId);
  615. this.raqId = 0;
  616. },
  617. play: function() {
  618. if (!this.crashed) {
  619. this.activated = true;
  620. this.paused = false;
  621. this.tRex.update(0, Trex.status.RUNNING);
  622. this.time = getTimeStamp();
  623. this.update();
  624. }
  625. },
  626. restart: function() {
  627. if (!this.raqId) {
  628. this.playCount++;
  629. this.runningTime = 0;
  630. this.activated = true;
  631. this.crashed = false;
  632. this.distanceRan = 0;
  633. this.setSpeed(this.config.SPEED);
  634. this.time = getTimeStamp();
  635. this.containerEl.classList.remove(Runner.classes.CRASHED);
  636. this.clearCanvas();
  637. this.distanceMeter.reset(this.highestScore);
  638. this.horizon.reset();
  639. this.tRex.reset();
  640. this.playSound(this.soundFx.BUTTON_PRESS);
  641. this.update();
  642. }
  643. },
  644. /**
  645. * Pause the game if the tab is not in focus.
  646. */
  647. onVisibilityChange: function(e) {
  648. if (document.hidden || document.webkitHidden || e.type == 'blur') {
  649. this.stop();
  650. } else {
  651. this.play();
  652. }
  653. },
  654. /**
  655. * Play a sound.
  656. * @param {SoundBuffer} soundBuffer
  657. */
  658. playSound: function(soundBuffer) {
  659. if (soundBuffer) {
  660. var sourceNode = this.audioContext.createBufferSource();
  661. sourceNode.buffer = soundBuffer;
  662. sourceNode.connect(this.audioContext.destination);
  663. sourceNode.start(0);
  664. }
  665. }
  666. };
  667. /**
  668. * Updates the canvas size taking into
  669. * account the backing store pixel ratio and
  670. * the device pixel ratio.
  671. *
  672. * See article by Paul Lewis:
  673. * http://www.html5rocks.com/en/tutorials/canvas/hidpi/
  674. *
  675. * @param {HTMLCanvasElement} canvas
  676. * @param {number} opt_width
  677. * @param {number} opt_height
  678. * @return {boolean} Whether the canvas was scaled.
  679. */
  680. Runner.updateCanvasScaling = function(canvas, opt_width, opt_height) {
  681. var context = canvas.getContext('2d');
  682. // Query the various pixel ratios
  683. var devicePixelRatio = Math.floor(window.devicePixelRatio) || 1;
  684. var backingStoreRatio = Math.floor(context.webkitBackingStorePixelRatio) || 1;
  685. var ratio = devicePixelRatio / backingStoreRatio;
  686. // Upscale the canvas if the two ratios don't match
  687. if (devicePixelRatio !== backingStoreRatio) {
  688. var oldWidth = opt_width || canvas.width;
  689. var oldHeight = opt_height || canvas.height;
  690. canvas.width = oldWidth * ratio;
  691. canvas.height = oldHeight * ratio;
  692. canvas.style.width = oldWidth + 'px';
  693. canvas.style.height = oldHeight + 'px';
  694. // Scale the context to counter the fact that we've manually scaled
  695. // our canvas element.
  696. context.scale(ratio, ratio);
  697. return true;
  698. }
  699. return false;
  700. };
  701. /**
  702. * Get random number.
  703. * @param {number} min
  704. * @param {number} max
  705. * @param {number}
  706. */
  707. function getRandomNum(min, max) {
  708. return Math.floor(Math.random() * (max - min + 1)) + min;
  709. }
  710. /**
  711. * Vibrate on mobile devices.
  712. * @param {number} duration Duration of the vibration in milliseconds.
  713. */
  714. function vibrate(duration) {
  715. if (IS_MOBILE && window.navigator.vibrate) {
  716. window.navigator.vibrate(duration);
  717. }
  718. }
  719. /**
  720. * Create canvas element.
  721. * @param {HTMLElement} container Element to append canvas to.
  722. * @param {number} width
  723. * @param {number} height
  724. * @param {string} opt_classname
  725. * @return {HTMLCanvasElement}
  726. */
  727. function createCanvas(container, width, height, opt_classname) {
  728. var canvas = document.createElement('canvas');
  729. canvas.className = opt_classname ? Runner.classes.CANVAS + ' ' +
  730. opt_classname : Runner.classes.CANVAS;
  731. canvas.width = width;
  732. canvas.height = height;
  733. container.appendChild(canvas);
  734. return canvas;
  735. }
  736. /**
  737. * Decodes the base 64 audio to ArrayBuffer used by Web Audio.
  738. * @param {string} base64String
  739. */
  740. function decodeBase64ToArrayBuffer(base64String) {
  741. var len = (base64String.length / 4) * 3;
  742. var str = atob(base64String);
  743. var arrayBuffer = new ArrayBuffer(len);
  744. var bytes = new Uint8Array(arrayBuffer);
  745. for (var i = 0; i < len; i++) {
  746. bytes[i] = str.charCodeAt(i);
  747. }
  748. return bytes.buffer;
  749. }
  750. /**
  751. * Return the current timestamp.
  752. * @return {number}
  753. */
  754. function getTimeStamp() {
  755. return IS_IOS ? new Date().getTime() : performance.now();
  756. }
  757. //******************************************************************************
  758. /**
  759. * Game over panel.
  760. * @param {!HTMLCanvasElement} canvas
  761. * @param {!HTMLImage} textSprite
  762. * @param {!HTMLImage} restartImg
  763. * @param {!Object} dimensions Canvas dimensions.
  764. * @constructor
  765. */
  766. function GameOverPanel(canvas, textSprite, restartImg, dimensions) {
  767. this.canvas = canvas;
  768. this.canvasCtx = canvas.getContext('2d');
  769. this.canvasDimensions = dimensions;
  770. this.textSprite = textSprite;
  771. this.restartImg = restartImg;
  772. this.draw();
  773. };
  774. /**
  775. * Dimensions used in the panel.
  776. * @enum {number}
  777. */
  778. GameOverPanel.dimensions = {
  779. TEXT_X: 0,
  780. TEXT_Y: 13,
  781. TEXT_WIDTH: 191,
  782. TEXT_HEIGHT: 11,
  783. RESTART_WIDTH: 36,
  784. RESTART_HEIGHT: 32
  785. };
  786. GameOverPanel.prototype = {
  787. /**
  788. * Update the panel dimensions.
  789. * @param {number} width New canvas width.
  790. * @param {number} opt_height Optional new canvas height.
  791. */
  792. updateDimensions: function(width, opt_height) {
  793. this.canvasDimensions.WIDTH = width;
  794. if (opt_height) {
  795. this.canvasDimensions.HEIGHT = opt_height;
  796. }
  797. },
  798. /**
  799. * Draw the panel.
  800. */
  801. draw: function() {
  802. var dimensions = GameOverPanel.dimensions;
  803. var centerX = this.canvasDimensions.WIDTH / 2;
  804. // Game over text.
  805. var textSourceX = dimensions.TEXT_X;
  806. var textSourceY = dimensions.TEXT_Y;
  807. var textSourceWidth = dimensions.TEXT_WIDTH;
  808. var textSourceHeight = dimensions.TEXT_HEIGHT;
  809. var textTargetX = Math.round(centerX - (dimensions.TEXT_WIDTH / 2));
  810. var textTargetY = Math.round((this.canvasDimensions.HEIGHT - 25) / 3);
  811. var textTargetWidth = dimensions.TEXT_WIDTH;
  812. var textTargetHeight = dimensions.TEXT_HEIGHT;
  813. var restartSourceWidth = dimensions.RESTART_WIDTH;
  814. var restartSourceHeight = dimensions.RESTART_HEIGHT;
  815. var restartTargetX = centerX - (dimensions.RESTART_WIDTH / 2);
  816. var restartTargetY = this.canvasDimensions.HEIGHT / 2;
  817. if (IS_HIDPI) {
  818. textSourceY *= 2;
  819. textSourceX *= 2;
  820. textSourceWidth *= 2;
  821. textSourceHeight *= 2;
  822. restartSourceWidth *= 2;
  823. restartSourceHeight *= 2;
  824. }
  825. // Game over text from sprite.
  826. this.canvasCtx.drawImage(this.textSprite,
  827. textSourceX, textSourceY, textSourceWidth, textSourceHeight,
  828. textTargetX, textTargetY, textTargetWidth, textTargetHeight);
  829. // Restart button.
  830. this.canvasCtx.drawImage(this.restartImg, 0, 0,
  831. restartSourceWidth, restartSourceHeight,
  832. restartTargetX, restartTargetY, dimensions.RESTART_WIDTH,
  833. dimensions.RESTART_HEIGHT);
  834. }
  835. };
  836. //******************************************************************************
  837. /**
  838. * Check for a collision.
  839. * @param {!Obstacle} obstacle
  840. * @param {!Trex} tRex T-rex object.
  841. * @param {HTMLCanvasContext} opt_canvasCtx Optional canvas context for drawing
  842. * collision boxes.
  843. * @return {Array.<CollisionBox>}
  844. */
  845. function checkForCollision(obstacle, tRex, opt_canvasCtx) {
  846. var obstacleBoxXPos = Runner.defaultDimensions.WIDTH + obstacle.xPos;
  847. // Adjustments are made to the bounding box as there is a 1 pixel white
  848. // border around the t-rex and obstacles.
  849. var tRexBox = new CollisionBox(
  850. tRex.xPos + 1,
  851. tRex.yPos + 1,
  852. tRex.config.WIDTH - 2,
  853. tRex.config.HEIGHT - 2);
  854. var obstacleBox = new CollisionBox(
  855. obstacle.xPos + 1,
  856. obstacle.yPos + 1,
  857. obstacle.typeConfig.width * obstacle.size - 2,
  858. obstacle.typeConfig.height - 2);
  859. // Debug outer box
  860. if (opt_canvasCtx) {
  861. drawCollisionBoxes(opt_canvasCtx, tRexBox, obstacleBox);
  862. }
  863. // Simple outer bounds check.
  864. if (boxCompare(tRexBox, obstacleBox)) {
  865. var collisionBoxes = obstacle.collisionBoxes;
  866. var tRexCollisionBoxes = Trex.collisionBoxes;
  867. // Detailed axis aligned box check.
  868. for (var t = 0; t < tRexCollisionBoxes.length; t++) {
  869. for (var i = 0; i < collisionBoxes.length; i++) {
  870. // Adjust the box to actual positions.
  871. var adjTrexBox =
  872. createAdjustedCollisionBox(tRexCollisionBoxes[t], tRexBox);
  873. var adjObstacleBox =
  874. createAdjustedCollisionBox(collisionBoxes[i], obstacleBox);
  875. var crashed = boxCompare(adjTrexBox, adjObstacleBox);
  876. // Draw boxes for debug.
  877. if (opt_canvasCtx) {
  878. drawCollisionBoxes(opt_canvasCtx, adjTrexBox, adjObstacleBox);
  879. }
  880. if (crashed) {
  881. return [adjTrexBox, adjObstacleBox];
  882. }
  883. }
  884. }
  885. }
  886. return false;
  887. };
  888. /**
  889. * Adjust the collision box.
  890. * @param {!CollisionBox} box The original box.
  891. * @param {!CollisionBox} adjustment Adjustment box.
  892. * @return {CollisionBox} The adjusted collision box object.
  893. */
  894. function createAdjustedCollisionBox(box, adjustment) {
  895. return new CollisionBox(
  896. box.x + adjustment.x,
  897. box.y + adjustment.y,
  898. box.width,
  899. box.height);
  900. };
  901. /**
  902. * Draw the collision boxes for debug.
  903. */
  904. function drawCollisionBoxes(canvasCtx, tRexBox, obstacleBox) {
  905. canvasCtx.save();
  906. canvasCtx.strokeStyle = '#f00';
  907. canvasCtx.strokeRect(tRexBox.x, tRexBox.y,
  908. tRexBox.width, tRexBox.height);
  909. canvasCtx.strokeStyle = '#0f0';
  910. canvasCtx.strokeRect(obstacleBox.x, obstacleBox.y,
  911. obstacleBox.width, obstacleBox.height);
  912. canvasCtx.restore();
  913. };
  914. /**
  915. * Compare two collision boxes for a collision.
  916. * @param {CollisionBox} tRexBox
  917. * @param {CollisionBox} obstacleBox
  918. * @return {boolean} Whether the boxes intersected.
  919. */
  920. function boxCompare(tRexBox, obstacleBox) {
  921. var crashed = false;
  922. var tRexBoxX = tRexBox.x;
  923. var tRexBoxY = tRexBox.y;
  924. var obstacleBoxX = obstacleBox.x;
  925. var obstacleBoxY = obstacleBox.y;
  926. // Axis-Aligned Bounding Box method.
  927. if (tRexBox.x < obstacleBoxX + obstacleBox.width &&
  928. tRexBox.x + tRexBox.width > obstacleBoxX &&
  929. tRexBox.y < obstacleBox.y + obstacleBox.height &&
  930. tRexBox.height + tRexBox.y > obstacleBox.y) {
  931. crashed = true;
  932. }
  933. return crashed;
  934. };
  935. //******************************************************************************
  936. /**
  937. * Collision box object.
  938. * @param {number} x X position.
  939. * @param {number} y Y Position.
  940. * @param {number} w Width.
  941. * @param {number} h Height.
  942. */
  943. function CollisionBox(x, y, w, h) {
  944. this.x = x;
  945. this.y = y;
  946. this.width = w;
  947. this.height = h;
  948. };
  949. //******************************************************************************
  950. /**
  951. * Obstacle.
  952. * @param {HTMLCanvasCtx} canvasCtx
  953. * @param {Obstacle.type} type
  954. * @param {image} obstacleImg Image sprite.
  955. * @param {Object} dimensions
  956. * @param {number} gapCoefficient Mutipler in determining the gap.
  957. * @param {number} speed
  958. */
  959. function Obstacle(canvasCtx, type, obstacleImg, dimensions,
  960. gapCoefficient, speed) {
  961. this.canvasCtx = canvasCtx;
  962. this.image = obstacleImg;
  963. this.typeConfig = type;
  964. this.gapCoefficient = gapCoefficient;
  965. this.size = getRandomNum(1, Obstacle.MAX_OBSTACLE_LENGTH);
  966. this.dimensions = dimensions;
  967. this.remove = false;
  968. this.xPos = 0;
  969. this.yPos = this.typeConfig.yPos;
  970. this.width = 0;
  971. this.collisionBoxes = [];
  972. this.gap = 0;
  973. this.init(speed);
  974. };
  975. /**
  976. * Coefficient for calculating the maximum gap.
  977. * @const
  978. */
  979. Obstacle.MAX_GAP_COEFFICIENT = 1.5;
  980. /**
  981. * Maximum obstacle grouping count.
  982. * @const
  983. */
  984. Obstacle.MAX_OBSTACLE_LENGTH = 3,
  985. Obstacle.prototype = {
  986. /**
  987. * Initialise the DOM for the obstacle.
  988. * @param {number} speed
  989. */
  990. init: function(speed) {
  991. this.cloneCollisionBoxes();
  992. // Only allow sizing if we're at the right speed.
  993. if (this.size > 1 && this.typeConfig.multipleSpeed > speed) {
  994. this.size = 1;
  995. }
  996. this.width = this.typeConfig.width * this.size;
  997. this.xPos = this.dimensions.WIDTH - this.width;
  998. this.draw();
  999. // Make collision box adjustments,
  1000. // Central box is adjusted to the size as one box.
  1001. // ____ ______ ________
  1002. // _| |-| _| |-| _| |-|
  1003. // | |<->| | | |<--->| | | |<----->| |
  1004. // | | 1 | | | | 2 | | | | 3 | |
  1005. // |_|___|_| |_|_____|_| |_|_______|_|
  1006. //
  1007. if (this.size > 1) {
  1008. this.collisionBoxes[1].width = this.width - this.collisionBoxes[0].width -
  1009. this.collisionBoxes[2].width;
  1010. this.collisionBoxes[2].x = this.width - this.collisionBoxes[2].width;
  1011. }
  1012. this.gap = this.getGap(this.gapCoefficient, speed);
  1013. },
  1014. /**
  1015. * Draw and crop based on size.
  1016. */
  1017. draw: function() {
  1018. var sourceWidth = this.typeConfig.width;
  1019. var sourceHeight = this.typeConfig.height;
  1020. if (IS_HIDPI) {
  1021. sourceWidth = sourceWidth * 2;
  1022. sourceHeight = sourceHeight * 2;
  1023. }
  1024. // Sprite
  1025. var sourceX = (sourceWidth * this.size) * (0.5 * (this.size - 1));
  1026. this.canvasCtx.drawImage(this.image,
  1027. sourceX, 0,
  1028. sourceWidth * this.size, sourceHeight,
  1029. this.xPos, this.yPos,
  1030. this.typeConfig.width * this.size, this.typeConfig.height);
  1031. },
  1032. /**
  1033. * Obstacle frame update.
  1034. * @param {number} deltaTime
  1035. * @param {number} speed
  1036. */
  1037. update: function(deltaTime, speed) {
  1038. if (!this.remove) {
  1039. this.xPos -= Math.floor((speed * FPS / 1000) * deltaTime);
  1040. this.draw();
  1041. if (!this.isVisible()) {
  1042. this.remove = true;
  1043. }
  1044. }
  1045. },
  1046. /**
  1047. * Calculate a random gap size.
  1048. * - Minimum gap gets wider as speed increses
  1049. * @param {number} gapCoefficient
  1050. * @param {number} speed
  1051. * @return {number} The gap size.
  1052. */
  1053. getGap: function(gapCoefficient, speed) {
  1054. var minGap = Math.round(this.width * speed +
  1055. this.typeConfig.minGap * gapCoefficient);
  1056. var maxGap = Math.round(minGap * Obstacle.MAX_GAP_COEFFICIENT);
  1057. return getRandomNum(minGap, maxGap);
  1058. },
  1059. /**
  1060. * Check if obstacle is visible.
  1061. * @return {boolean} Whether the obstacle is in the game area.
  1062. */
  1063. isVisible: function() {
  1064. return this.xPos + this.width > 0;
  1065. },
  1066. /**
  1067. * Make a copy of the collision boxes, since these will change based on
  1068. * obstacle type and size.
  1069. */
  1070. cloneCollisionBoxes: function() {
  1071. var collisionBoxes = this.typeConfig.collisionBoxes;
  1072. for (var i = collisionBoxes.length - 1; i >= 0; i--) {
  1073. this.collisionBoxes[i] = new CollisionBox(collisionBoxes[i].x,
  1074. collisionBoxes[i].y, collisionBoxes[i].width,
  1075. collisionBoxes[i].height);
  1076. }
  1077. }
  1078. };
  1079. /**
  1080. * Obstacle definitions.
  1081. * minGap: minimum pixel space betweeen obstacles.
  1082. * multipleSpeed: Speed at which multiples are allowed.
  1083. */
  1084. Obstacle.types = [
  1085. {
  1086. type: 'CACTUS_SMALL',
  1087. className: ' cactus cactus-small ',
  1088. width: 17,
  1089. height: 35,
  1090. yPos: 105,
  1091. multipleSpeed: 3,
  1092. minGap: 120,
  1093. collisionBoxes: [
  1094. new CollisionBox(0, 7, 5, 27),
  1095. new CollisionBox(4, 0, 6, 34),
  1096. new CollisionBox(10, 4, 7, 14)
  1097. ]
  1098. },
  1099. {
  1100. type: 'CACTUS_LARGE',
  1101. className: ' cactus cactus-large ',
  1102. width: 25,
  1103. height: 50,
  1104. yPos: 90,
  1105. multipleSpeed: 6,
  1106. minGap: 120,
  1107. collisionBoxes: [
  1108. new CollisionBox(0, 12, 7, 38),
  1109. new CollisionBox(8, 0, 7, 49),
  1110. new CollisionBox(13, 10, 10, 38)
  1111. ]
  1112. }
  1113. ];
  1114. //******************************************************************************
  1115. /**
  1116. * T-rex game character.
  1117. * @param {HTMLCanvas} canvas
  1118. * @param {HTMLImage} image Character image.
  1119. * @constructor
  1120. */
  1121. function Trex(canvas, image) {
  1122. this.canvas = canvas;
  1123. this.canvasCtx = canvas.getContext('2d');
  1124. this.image = image;
  1125. this.xPos = 0;
  1126. this.yPos = 0;
  1127. // Position when on the ground.
  1128. this.groundYPos = 0;
  1129. this.currentFrame = 0;
  1130. this.currentAnimFrames = [];
  1131. this.blinkDelay = 0;
  1132. this.animStartTime = 0;
  1133. this.timer = 0;
  1134. this.msPerFrame = 1000 / FPS;
  1135. this.config = Trex.config;
  1136. // Current status.
  1137. this.status = Trex.status.WAITING;
  1138. this.jumping = false;
  1139. this.jumpVelocity = 0;
  1140. this.reachedMinHeight = false;
  1141. this.speedDrop = false;
  1142. this.jumpCount = 0;
  1143. this.jumpspotX = 0;
  1144. this.init();
  1145. };
  1146. /**
  1147. * T-rex player config.
  1148. * @enum {number}
  1149. */
  1150. Trex.config = {
  1151. DROP_VELOCITY: -5,
  1152. GRAVITY: 0.6,
  1153. HEIGHT: 47,
  1154. INIITAL_JUMP_VELOCITY: -10,
  1155. INTRO_DURATION: 1500,
  1156. MAX_JUMP_HEIGHT: 30,
  1157. MIN_JUMP_HEIGHT: 30,
  1158. SPEED_DROP_COEFFICIENT: 3,
  1159. SPRITE_WIDTH: 262,
  1160. START_X_POS: 50,
  1161. WIDTH: 44
  1162. };
  1163. /**
  1164. * Used in collision detection.
  1165. * @type {Array.<CollisionBox>}
  1166. */
  1167. Trex.collisionBoxes = [
  1168. new CollisionBox(1, -1, 30, 26),
  1169. new CollisionBox(32, 0, 8, 16),
  1170. new CollisionBox(10, 35, 14, 8),
  1171. new CollisionBox(1, 24, 29, 5),
  1172. new CollisionBox(5, 30, 21, 4),
  1173. new CollisionBox(9, 34, 15, 4)
  1174. ];
  1175. /**
  1176. * Animation states.
  1177. * @enum {string}
  1178. */
  1179. Trex.status = {
  1180. CRASHED: 'CRASHED',
  1181. JUMPING: 'JUMPING',
  1182. RUNNING: 'RUNNING',
  1183. WAITING: 'WAITING'
  1184. };
  1185. /**
  1186. * Blinking coefficient.
  1187. * @const
  1188. */
  1189. Trex.BLINK_TIMING = 7000;
  1190. /**
  1191. * Animation config for different states.
  1192. * @enum {object}
  1193. */
  1194. Trex.animFrames = {
  1195. WAITING: {
  1196. frames: [44, 0],
  1197. msPerFrame: 1000 / 3
  1198. },
  1199. RUNNING: {
  1200. frames: [88, 132],
  1201. msPerFrame: 1000 / 12
  1202. },
  1203. CRASHED: {
  1204. frames: [220],
  1205. msPerFrame: 1000 / 60
  1206. },
  1207. JUMPING: {
  1208. frames: [0],
  1209. msPerFrame: 1000 / 60
  1210. }
  1211. };
  1212. Trex.prototype = {
  1213. /**
  1214. * T-rex player initaliser.
  1215. * Sets the t-rex to blink at random intervals.
  1216. */
  1217. init: function() {
  1218. this.blinkDelay = this.setBlinkDelay();
  1219. this.groundYPos = Runner.defaultDimensions.HEIGHT - this.config.HEIGHT -
  1220. Runner.config.BOTTOM_PAD;
  1221. this.yPos = this.groundYPos;
  1222. this.minJumpHeight = this.groundYPos - this.config.MIN_JUMP_HEIGHT;
  1223. this.draw(0, 0);
  1224. this.update(0, Trex.status.WAITING);
  1225. },
  1226. /**
  1227. * Setter for the jump velocity.
  1228. * The approriate drop velocity is also set.
  1229. */
  1230. setJumpVelocity: function(setting) {
  1231. this.config.INIITAL_JUMP_VELOCITY = -setting;
  1232. this.config.DROP_VELOCITY = -setting / 2;
  1233. },
  1234. /**
  1235. * Set the animation status.
  1236. * @param {!number} deltaTime
  1237. * @param {Trex.status} status Optional status to switch to.
  1238. */
  1239. update: function(deltaTime, opt_status) {
  1240. this.timer += deltaTime;
  1241. // Update the status.
  1242. if (opt_status) {
  1243. this.status = opt_status;
  1244. this.currentFrame = 0;
  1245. this.msPerFrame = Trex.animFrames[opt_status].msPerFrame;
  1246. this.currentAnimFrames = Trex.animFrames[opt_status].frames;
  1247. if (opt_status == Trex.status.WAITING) {
  1248. this.animStartTime = getTimeStamp();
  1249. this.setBlinkDelay();
  1250. }
  1251. }
  1252. // Game intro animation, T-rex moves in from the left.
  1253. if (this.playingIntro && this.xPos < this.config.START_X_POS) {
  1254. this.xPos += Math.round((this.config.START_X_POS /
  1255. this.config.INTRO_DURATION) * deltaTime);
  1256. }
  1257. if (this.status == Trex.status.WAITING) {
  1258. this.blink(getTimeStamp());
  1259. } else {
  1260. this.draw(this.currentAnimFrames[this.currentFrame], 0);
  1261. }
  1262. // Update the frame position.
  1263. if (this.timer >= this.msPerFrame) {
  1264. this.currentFrame = this.currentFrame ==
  1265. this.currentAnimFrames.length - 1 ? 0 : this.currentFrame + 1;
  1266. this.timer = 0;
  1267. }
  1268. },
  1269. /**
  1270. * Draw the t-rex to a particular position.
  1271. * @param {number} x
  1272. * @param {number} y
  1273. */
  1274. draw: function(x, y) {
  1275. var sourceX = x;
  1276. var sourceY = y;
  1277. var sourceWidth = this.config.WIDTH;
  1278. var sourceHeight = this.config.HEIGHT;
  1279. if (IS_HIDPI) {
  1280. sourceX *= 2;
  1281. sourceY *= 2;
  1282. sourceWidth *= 2;
  1283. sourceHeight *= 2;
  1284. }
  1285. this.canvasCtx.drawImage(this.image, sourceX, sourceY,
  1286. sourceWidth, sourceHeight,
  1287. this.xPos, this.yPos,
  1288. this.config.WIDTH, this.config.HEIGHT);
  1289. },
  1290. /**
  1291. * Sets a random time for the blink to happen.
  1292. */
  1293. setBlinkDelay: function() {
  1294. this.blinkDelay = Math.ceil(Math.random() * Trex.BLINK_TIMING);
  1295. },
  1296. /**
  1297. * Make t-rex blink at random intervals.
  1298. * @param {number} time Current time in milliseconds.
  1299. */
  1300. blink: function(time) {
  1301. var deltaTime = time - this.animStartTime;
  1302. if (deltaTime >= this.blinkDelay) {
  1303. this.draw(this.currentAnimFrames[this.currentFrame], 0);
  1304. if (this.currentFrame == 1) {
  1305. // Set new random delay to blink.
  1306. this.setBlinkDelay();
  1307. this.animStartTime = time;
  1308. }
  1309. }
  1310. },
  1311. /**
  1312. * Initialise a jump.
  1313. */
  1314. startJump: function() {
  1315. if (!this.jumping) {
  1316. this.update(0, Trex.status.JUMPING);
  1317. this.jumpVelocity = this.config.INIITAL_JUMP_VELOCITY;
  1318. this.jumping = true;
  1319. this.reachedMinHeight = false;
  1320. this.speedDrop = false;
  1321. }
  1322. },
  1323. /**
  1324. * Jump is complete, falling down.
  1325. */
  1326. endJump: function() {
  1327. if (this.reachedMinHeight &&
  1328. this.jumpVelocity < this.config.DROP_VELOCITY) {
  1329. this.jumpVelocity = this.config.DROP_VELOCITY;
  1330. }
  1331. },
  1332. /**
  1333. * Update frame for a jump.
  1334. * @param {number} deltaTime
  1335. */
  1336. updateJump: function(deltaTime) {
  1337. var msPerFrame = Trex.animFrames[this.status].msPerFrame;
  1338. var framesElapsed = deltaTime / msPerFrame;
  1339. // Speed drop makes Trex fall faster.
  1340. if (this.speedDrop) {
  1341. this.yPos += Math.round(this.jumpVelocity *
  1342. this.config.SPEED_DROP_COEFFICIENT * framesElapsed);
  1343. } else {
  1344. this.yPos += Math.round(this.jumpVelocity * framesElapsed);
  1345. }
  1346. this.jumpVelocity += this.config.GRAVITY * framesElapsed;
  1347. // Minimum height has been reached.
  1348. if (this.yPos < this.minJumpHeight || this.speedDrop) {
  1349. this.reachedMinHeight = true;
  1350. }
  1351. // Reached max height
  1352. if (this.yPos < this.config.MAX_JUMP_HEIGHT || this.speedDrop) {
  1353. this.endJump();
  1354. }
  1355. // Back down at ground level. Jump completed.
  1356. if (this.yPos > this.groundYPos) {
  1357. this.reset();
  1358. this.jumpCount++;
  1359. }
  1360. this.update(deltaTime);
  1361. },
  1362. /**
  1363. * Set the speed drop. Immediately cancels the current jump.
  1364. */
  1365. setSpeedDrop: function() {
  1366. this.speedDrop = true;
  1367. this.jumpVelocity = 1;
  1368. },
  1369. /**
  1370. * Reset the t-rex to running at start of game.
  1371. */
  1372. reset: function() {
  1373. this.yPos = this.groundYPos;
  1374. this.jumpVelocity = 0;
  1375. this.jumping = false;
  1376. this.update(0, Trex.status.RUNNING);
  1377. this.midair = false;
  1378. this.speedDrop = false;
  1379. this.jumpCount = 0;
  1380. }
  1381. };
  1382. //******************************************************************************
  1383. /**
  1384. * Handles displaying the distance meter.
  1385. * @param {!HTMLCanvasElement} canvas
  1386. * @param {!HTMLImage} spriteSheet Image sprite.
  1387. * @param {number} canvasWidth
  1388. * @constructor
  1389. */
  1390. function DistanceMeter(canvas, spriteSheet, canvasWidth) {
  1391. this.canvas = canvas;
  1392. this.canvasCtx = canvas.getContext('2d');
  1393. this.image = spriteSheet;
  1394. this.x = 0;
  1395. this.y = 5;
  1396. this.currentDistance = 0;
  1397. this.maxScore = 0;
  1398. this.highScore = 0;
  1399. this.container = null;
  1400. this.digits = [];
  1401. this.acheivement = false;
  1402. this.defaultString = '';
  1403. this.flashTimer = 0;
  1404. this.flashIterations = 0;
  1405. this.config = DistanceMeter.config;
  1406. this.init(canvasWidth);
  1407. };
  1408. /**
  1409. * @enum {number}
  1410. */
  1411. DistanceMeter.dimensions = {
  1412. WIDTH: 10,
  1413. HEIGHT: 13,
  1414. DEST_WIDTH: 11
  1415. };
  1416. /**
  1417. * Y positioning of the digits in the sprite sheet.
  1418. * X position is always 0.
  1419. * @type {array.<number>}
  1420. */
  1421. DistanceMeter.yPos = [0, 13, 27, 40, 53, 67, 80, 93, 107, 120];
  1422. /**
  1423. * Distance meter config.
  1424. * @enum {number}
  1425. */
  1426. DistanceMeter.config = {
  1427. // Number of digits.
  1428. MAX_DISTANCE_UNITS: 5,
  1429. // Distance that causes achievement animation.
  1430. ACHIEVEMENT_DISTANCE: 100,
  1431. // Used for conversion from pixel distance to a scaled unit.
  1432. COEFFICIENT: 0.025,
  1433. // Flash duration in milliseconds.
  1434. FLASH_DURATION: 1000 / 4,
  1435. // Flash iterations for achievement animation.
  1436. FLASH_ITERATIONS: 3
  1437. };
  1438. DistanceMeter.prototype = {
  1439. /**
  1440. * Initialise the distance meter to '00000'.
  1441. * @param {number} width Canvas width in px.
  1442. */
  1443. init: function(width) {
  1444. var maxDistanceStr = '';
  1445. this.calcXPos(width);
  1446. this.maxScore = this.config.MAX_DISTANCE_UNITS;
  1447. for (var i = 0; i < this.config.MAX_DISTANCE_UNITS; i++) {
  1448. this.draw(i, 0);
  1449. this.defaultString += '0';
  1450. maxDistanceStr += '9';
  1451. }
  1452. this.maxScore = parseInt(maxDistanceStr);
  1453. },
  1454. /**
  1455. * Calculate the xPos in the canvas.
  1456. * @param {number} canvasWidth
  1457. */
  1458. calcXPos: function(canvasWidth) {
  1459. this.x = canvasWidth - (DistanceMeter.dimensions.DEST_WIDTH *
  1460. (this.config.MAX_DISTANCE_UNITS + 1));
  1461. },
  1462. /**
  1463. * Draw a digit to canvas.
  1464. * @param {number} digitPos Position of the digit.
  1465. * @param {number} value Digit value 0-9.
  1466. * @param {boolean} opt_highScore Whether drawing the high score.
  1467. */
  1468. draw: function(digitPos, value, opt_highScore) {
  1469. var sourceWidth = DistanceMeter.dimensions.WIDTH;
  1470. var sourceHeight = DistanceMeter.dimensions.HEIGHT;
  1471. var sourceX = DistanceMeter.dimensions.WIDTH * value;
  1472. var targetX = digitPos * DistanceMeter.dimensions.DEST_WIDTH;
  1473. var targetY = this.y;
  1474. var targetWidth = DistanceMeter.dimensions.WIDTH;
  1475. var targetHeight = DistanceMeter.dimensions.HEIGHT;
  1476. // For high DPI we 2x source values.
  1477. if (IS_HIDPI) {
  1478. sourceWidth *= 2;
  1479. sourceHeight *= 2;
  1480. sourceX *= 2;
  1481. }
  1482. this.canvasCtx.save();
  1483. if (opt_highScore) {
  1484. // Left of the current score.
  1485. var highScoreX = this.x - (this.config.MAX_DISTANCE_UNITS * 2) *
  1486. DistanceMeter.dimensions.WIDTH;
  1487. this.canvasCtx.translate(highScoreX, this.y);
  1488. } else {
  1489. this.canvasCtx.translate(this.x, this.y);
  1490. }
  1491. this.canvasCtx.drawImage(this.image, sourceX, 0,
  1492. sourceWidth, sourceHeight,
  1493. targetX, targetY,
  1494. targetWidth, targetHeight
  1495. );
  1496. this.canvasCtx.restore();
  1497. },
  1498. /**
  1499. * Covert pixel distance to a 'real' distance.
  1500. * @param {number} distance Pixel distance ran.
  1501. * @return {number} The 'real' distance ran.
  1502. */
  1503. getActualDistance: function(distance) {
  1504. return distance ?
  1505. Math.round(distance * this.config.COEFFICIENT) : 0;
  1506. },
  1507. /**
  1508. * Update the distance meter.
  1509. * @param {number} deltaTime
  1510. * @param {number} distance
  1511. * @return {boolean} Whether the acheivement sound fx should be played.
  1512. */
  1513. update: function(deltaTime, distance) {
  1514. var paint = true;
  1515. var playSound = false;
  1516. if (!this.acheivement) {
  1517. distance = this.getActualDistance(distance);
  1518. if (distance > 0) {
  1519. // Acheivement unlocked
  1520. if (distance % this.config.ACHIEVEMENT_DISTANCE == 0) {
  1521. // Flash score and play sound.
  1522. this.acheivement = true;
  1523. this.flashTimer = 0;
  1524. playSound = true;
  1525. }
  1526. // Create a string representation of the distance with leading 0.
  1527. var distanceStr = (this.defaultString +
  1528. distance).substr(-this.config.MAX_DISTANCE_UNITS);
  1529. this.digits = distanceStr.split('');
  1530. } else {
  1531. this.digits = this.defaultString.split('');
  1532. }
  1533. } else {
  1534. // Control flashing of the score on reaching acheivement.
  1535. if (this.flashIterations <= this.config.FLASH_ITERATIONS) {
  1536. this.flashTimer += deltaTime;
  1537. if (this.flashTimer < this.config.FLASH_DURATION) {
  1538. paint = false;
  1539. } else if (this.flashTimer >
  1540. this.config.FLASH_DURATION * 2) {
  1541. this.flashTimer = 0;
  1542. this.flashIterations++;
  1543. }
  1544. } else {
  1545. this.acheivement = false;
  1546. this.flashIterations = 0;
  1547. this.flashTimer = 0;
  1548. }
  1549. }
  1550. // Draw the digits if not flashing.
  1551. if (paint) {
  1552. for (var i = this.digits.length - 1; i >= 0; i--) {
  1553. this.draw(i, parseInt(this.digits[i]));
  1554. }
  1555. }
  1556. this.drawHighScore();
  1557. return playSound;
  1558. },
  1559. /**
  1560. * Draw the high score.
  1561. */
  1562. drawHighScore: function() {
  1563. this.canvasCtx.save();
  1564. this.canvasCtx.globalAlpha = .8;
  1565. for (var i = this.highScore.length - 1; i >= 0; i--) {
  1566. this.draw(i, parseInt(this.highScore[i], 10), true);
  1567. }
  1568. this.canvasCtx.restore();
  1569. },
  1570. /**
  1571. * Set the highscore as a array string.
  1572. * Position of char in the sprite: H - 10, I - 11.
  1573. * @param {number} distance Distance ran in pixels.
  1574. */
  1575. setHighScore: function(distance) {
  1576. distance = this.getActualDistance(distance);
  1577. var highScoreStr = (this.defaultString +
  1578. distance).substr(-this.config.MAX_DISTANCE_UNITS);
  1579. this.highScore = ['10', '11', ''].concat(highScoreStr.split(''));
  1580. },
  1581. /**
  1582. * Reset the distance meter back to '00000'.
  1583. */
  1584. reset: function() {
  1585. this.update(0);
  1586. this.acheivement = false;
  1587. }
  1588. };
  1589. //******************************************************************************
  1590. /**
  1591. * Cloud background item.
  1592. * Similar to an obstacle object but without collision boxes.
  1593. * @param {HTMLCanvasElement} canvas Canvas element.
  1594. * @param {Image} cloudImg
  1595. * @param {number} containerWidth
  1596. */
  1597. function Cloud(canvas, cloudImg, containerWidth) {
  1598. this.canvas = canvas;
  1599. this.canvasCtx = this.canvas.getContext('2d');
  1600. this.image = cloudImg;
  1601. this.containerWidth = containerWidth;
  1602. this.xPos = containerWidth;
  1603. this.yPos = 0;
  1604. this.remove = false;
  1605. this.cloudGap = getRandomNum(Cloud.config.MIN_CLOUD_GAP,
  1606. Cloud.config.MAX_CLOUD_GAP);
  1607. this.init();
  1608. };
  1609. /**
  1610. * Cloud object config.
  1611. * @enum {number}
  1612. */
  1613. Cloud.config = {
  1614. HEIGHT: 14,
  1615. MAX_CLOUD_GAP: 400,
  1616. MAX_SKY_LEVEL: 30,
  1617. MIN_CLOUD_GAP: 100,
  1618. MIN_SKY_LEVEL: 71,
  1619. WIDTH: 46
  1620. };
  1621. Cloud.prototype = {
  1622. /**
  1623. * Initialise the cloud. Sets the Cloud height.
  1624. */
  1625. init: function() {
  1626. this.yPos = getRandomNum(Cloud.config.MAX_SKY_LEVEL,
  1627. Cloud.config.MIN_SKY_LEVEL);
  1628. this.draw();
  1629. },
  1630. /**
  1631. * Draw the cloud.
  1632. */
  1633. draw: function() {
  1634. this.canvasCtx.save();
  1635. var sourceWidth = Cloud.config.WIDTH;
  1636. var sourceHeight = Cloud.config.HEIGHT;
  1637. if (IS_HIDPI) {
  1638. sourceWidth = sourceWidth * 2;
  1639. sourceHeight = sourceHeight * 2;
  1640. }
  1641. this.canvasCtx.drawImage(this.image, 0, 0,
  1642. sourceWidth, sourceHeight,
  1643. this.xPos, this.yPos,
  1644. Cloud.config.WIDTH, Cloud.config.HEIGHT);
  1645. this.canvasCtx.restore();
  1646. },
  1647. /**
  1648. * Update the cloud position.
  1649. * @param {number} speed
  1650. */
  1651. update: function(speed) {
  1652. if (!this.remove) {
  1653. this.xPos -= Math.ceil(speed);
  1654. this.draw();
  1655. // Mark as removeable if no longer in the canvas.
  1656. if (!this.isVisible()) {
  1657. this.remove = true;
  1658. }
  1659. }
  1660. },
  1661. /**
  1662. * Check if the cloud is visible on the stage.
  1663. * @return {boolean}
  1664. */
  1665. isVisible: function() {
  1666. return this.xPos + Cloud.config.WIDTH > 0;
  1667. }
  1668. };
  1669. //******************************************************************************
  1670. /**
  1671. * Horizon Line.
  1672. * Consists of two connecting lines. Randomly assigns a flat / bumpy horizon.
  1673. * @param {HTMLCanvasElement} canvas
  1674. * @param {HTMLImage} bgImg Horizon line sprite.
  1675. * @constructor
  1676. */
  1677. function HorizonLine(canvas, bgImg) {
  1678. this.image = bgImg;
  1679. this.canvas = canvas;
  1680. this.canvasCtx = canvas.getContext('2d');
  1681. this.sourceDimensions = {};
  1682. this.dimensions = HorizonLine.dimensions;
  1683. this.sourceXPos = [0, this.dimensions.WIDTH];
  1684. this.xPos = [];
  1685. this.yPos = 0;
  1686. this.bumpThreshold = 0.5;
  1687. this.setSourceDimensions();
  1688. this.draw();
  1689. };
  1690. /**
  1691. * Horizon line dimensions.
  1692. * @enum {number}
  1693. */
  1694. HorizonLine.dimensions = {
  1695. WIDTH: 600,
  1696. HEIGHT: 12,
  1697. YPOS: 127
  1698. };
  1699. HorizonLine.prototype = {
  1700. /**
  1701. * Set the source dimensions of the horizon line.
  1702. */
  1703. setSourceDimensions: function() {
  1704. for (var dimension in HorizonLine.dimensions) {
  1705. if (IS_HIDPI) {
  1706. if (dimension != 'YPOS') {
  1707. this.sourceDimensions[dimension] =
  1708. HorizonLine.dimensions[dimension] * 2;
  1709. }
  1710. } else {
  1711. this.sourceDimensions[dimension] =
  1712. HorizonLine.dimensions[dimension];
  1713. }
  1714. this.dimensions[dimension] = HorizonLine.dimensions[dimension];
  1715. }
  1716. this.xPos = [0, HorizonLine.dimensions.WIDTH];
  1717. this.yPos = HorizonLine.dimensions.YPOS;
  1718. },
  1719. /**
  1720. * Return the crop x position of a type.
  1721. */
  1722. getRandomType: function() {
  1723. return Math.random() > this.bumpThreshold ? this.dimensions.WIDTH : 0;
  1724. },
  1725. /**
  1726. * Draw the horizon line.
  1727. */
  1728. draw: function() {
  1729. this.canvasCtx.drawImage(this.image, this.sourceXPos[0], 0,
  1730. this.sourceDimensions.WIDTH, this.sourceDimensions.HEIGHT,
  1731. this.xPos[0], this.yPos,
  1732. this.dimensions.WIDTH, this.dimensions.HEIGHT);
  1733. this.canvasCtx.drawImage(this.image, this.sourceXPos[1], 0,
  1734. this.sourceDimensions.WIDTH, this.sourceDimensions.HEIGHT,
  1735. this.xPos[1], this.yPos,
  1736. this.dimensions.WIDTH, this.dimensions.HEIGHT);
  1737. },
  1738. /**
  1739. * Update the x position of an indivdual piece of the line.
  1740. * @param {number} pos Line position.
  1741. * @param {number} increment
  1742. */
  1743. updateXPos: function(pos, increment) {
  1744. var line1 = pos;
  1745. var line2 = pos == 0 ? 1 : 0;
  1746. this.xPos[line1] -= increment;
  1747. this.xPos[line2] = this.xPos[line1] + this.dimensions.WIDTH;
  1748. if (this.xPos[line1] <= -this.dimensions.WIDTH) {
  1749. this.xPos[line1] += this.dimensions.WIDTH * 2;
  1750. this.xPos[line2] = this.xPos[line1] - this.dimensions.WIDTH;
  1751. this.sourceXPos[line1] = this.getRandomType();
  1752. }
  1753. },
  1754. /**
  1755. * Update the horizon line.
  1756. * @param {number} deltaTime
  1757. * @param {number} speed
  1758. */
  1759. update: function(deltaTime, speed) {
  1760. var increment = Math.floor(speed * (FPS / 1000) * deltaTime);
  1761. if (this.xPos[0] <= 0) {
  1762. this.updateXPos(0, increment);
  1763. } else {
  1764. this.updateXPos(1, increment);
  1765. }
  1766. this.draw();
  1767. },
  1768. /**
  1769. * Reset horizon to the starting position.
  1770. */
  1771. reset: function() {
  1772. this.xPos[0] = 0;
  1773. this.xPos[1] = HorizonLine.dimensions.WIDTH;
  1774. }
  1775. };
  1776. //******************************************************************************
  1777. /**
  1778. * Horizon background class.
  1779. * @param {HTMLCanvasElement} canvas
  1780. * @param {Array.<HTMLImageElement>} images
  1781. * @param {object} dimensions Canvas dimensions.
  1782. * @param {number} gapCoefficient
  1783. * @constructor
  1784. */
  1785. function Horizon(canvas, images, dimensions, gapCoefficient) {
  1786. this.canvas = canvas;
  1787. this.canvasCtx = this.canvas.getContext('2d');
  1788. this.config = Horizon.config;
  1789. this.dimensions = dimensions;
  1790. this.gapCoefficient = gapCoefficient;
  1791. this.obstacles = [];
  1792. this.horizonOffsets = [0, 0];
  1793. this.cloudFrequency = this.config.CLOUD_FREQUENCY;
  1794. // Cloud
  1795. this.clouds = [];
  1796. this.cloudImg = images.CLOUD;
  1797. this.cloudSpeed = this.config.BG_CLOUD_SPEED;
  1798. // Horizon
  1799. this.horizonImg = images.HORIZON;
  1800. this.horizonLine = null;
  1801. // Obstacles
  1802. this.obstacleImgs = {
  1803. CACTUS_SMALL: images.CACTUS_SMALL,
  1804. CACTUS_LARGE: images.CACTUS_LARGE
  1805. };
  1806. this.init();
  1807. };
  1808. /**
  1809. * Horizon config.
  1810. * @enum {number}
  1811. */
  1812. Horizon.config = {
  1813. BG_CLOUD_SPEED: 0.2,
  1814. BUMPY_THRESHOLD: .3,
  1815. CLOUD_FREQUENCY: .5,
  1816. HORIZON_HEIGHT: 16,
  1817. MAX_CLOUDS: 6
  1818. };
  1819. Horizon.prototype = {
  1820. /**
  1821. * Initialise the horizon. Just add the line and a cloud. No obstacles.
  1822. */
  1823. init: function() {
  1824. this.addCloud();
  1825. this.horizonLine = new HorizonLine(this.canvas, this.horizonImg);
  1826. },
  1827. /**
  1828. * @param {number} deltaTime
  1829. * @param {number} currentSpeed
  1830. * @param {boolean} updateObstacles Used as an override to prevent
  1831. * the obstacles from being updated / added. This happens in the
  1832. * ease in section.
  1833. */
  1834. update: function(deltaTime, currentSpeed, updateObstacles) {
  1835. this.runningTime += deltaTime;
  1836. this.horizonLine.update(deltaTime, currentSpeed);
  1837. this.updateClouds(deltaTime, currentSpeed);
  1838. if (updateObstacles) {
  1839. this.updateObstacles(deltaTime, currentSpeed);
  1840. }
  1841. },
  1842. /**
  1843. * Update the cloud positions.
  1844. * @param {number} deltaTime
  1845. * @param {number} currentSpeed
  1846. */
  1847. updateClouds: function(deltaTime, speed) {
  1848. var cloudSpeed = this.cloudSpeed / 1000 * deltaTime * speed;
  1849. var numClouds = this.clouds.length;
  1850. if (numClouds) {
  1851. for (var i = numClouds - 1; i >= 0; i--) {
  1852. this.clouds[i].update(cloudSpeed);
  1853. }
  1854. var lastCloud = this.clouds[numClouds - 1];
  1855. // Check for adding a new cloud.
  1856. if (numClouds < this.config.MAX_CLOUDS &&
  1857. (this.dimensions.WIDTH - lastCloud.xPos) > lastCloud.cloudGap &&
  1858. this.cloudFrequency > Math.random()) {
  1859. this.addCloud();
  1860. }
  1861. // Remove expired clouds.
  1862. this.clouds = this.clouds.filter(function(obj) {
  1863. return !obj.remove;
  1864. });
  1865. }
  1866. },
  1867. /**
  1868. * Update the obstacle positions.
  1869. * @param {number} deltaTime
  1870. * @param {number} currentSpeed
  1871. */
  1872. updateObstacles: function(deltaTime, currentSpeed) {
  1873. // Obstacles, move to Horizon layer.
  1874. var updatedObstacles = this.obstacles.slice(0);
  1875. for (var i = 0; i < this.obstacles.length; i++) {
  1876. var obstacle = this.obstacles[i];
  1877. obstacle.update(deltaTime, currentSpeed);
  1878. // Clean up existing obstacles.
  1879. if (obstacle.remove) {
  1880. updatedObstacles.shift();
  1881. }
  1882. }
  1883. this.obstacles = updatedObstacles;
  1884. if (this.obstacles.length > 0) {
  1885. var lastObstacle = this.obstacles[this.obstacles.length - 1];
  1886. if (lastObstacle && !lastObstacle.followingObstacleCreated &&
  1887. lastObstacle.isVisible() &&
  1888. (lastObstacle.xPos + lastObstacle.width + lastObstacle.gap) <
  1889. this.dimensions.WIDTH) {
  1890. this.addNewObstacle(currentSpeed);
  1891. lastObstacle.followingObstacleCreated = true;
  1892. }
  1893. } else {
  1894. // Create new obstacles.
  1895. this.addNewObstacle(currentSpeed);
  1896. }
  1897. },
  1898. /**
  1899. * Add a new obstacle.
  1900. * @param {number} currentSpeed
  1901. */
  1902. addNewObstacle: function(currentSpeed) {
  1903. var obstacleTypeIndex =
  1904. getRandomNum(0, Obstacle.types.length - 1);
  1905. var obstacleType = Obstacle.types[obstacleTypeIndex];
  1906. var obstacleImg = this.obstacleImgs[obstacleType.type];
  1907. this.obstacles.push(new Obstacle(this.canvasCtx, obstacleType,
  1908. obstacleImg, this.dimensions, this.gapCoefficient, currentSpeed));
  1909. },
  1910. /**
  1911. * Reset the horizon layer.
  1912. * Remove existing obstacles and reposition the horizon line.
  1913. */
  1914. reset: function() {
  1915. this.obstacles = [];
  1916. this.horizonLine.reset();
  1917. },
  1918. /**
  1919. * Update the canvas width and scaling.
  1920. * @param {number} width Canvas width.
  1921. * @param {number} height Canvas height.
  1922. */
  1923. resize: function(width, height) {
  1924. this.canvas.width = width;
  1925. this.canvas.height = height;
  1926. },
  1927. /**
  1928. * Add a new cloud to the horizon.
  1929. */
  1930. addCloud: function() {
  1931. this.clouds.push(new Cloud(this.canvas, this.cloudImg,
  1932. this.dimensions.WIDTH));
  1933. }
  1934. };
  1935. })();
  1936.  
  1937.  
  1938. </script>
  1939.  
  1940.  
  1941. <style>/* Copyright 2014 The Chromium Authors. All rights reserved.
  1942. Use of this source code is governed by a BSD-style license that can be
  1943. found in the LICENSE file. */
  1944.  
  1945. a {
  1946. color: #585858;
  1947. }
  1948.  
  1949. body {
  1950. background-color: 000000;
  1951. color: #585858;
  1952. font-size: 125%;
  1953. }
  1954.  
  1955. body.safe-browsing {
  1956. background-color: rgb(206, 52, 38);
  1957. color: white;
  1958. }
  1959.  
  1960. button {
  1961. background: rgb(76, 142, 250);
  1962. border: 0;
  1963. border-radius: 2px;
  1964. box-sizing: border-box;
  1965. color: #fff;
  1966. cursor: pointer;
  1967. float: right;
  1968. font-size: .875em;
  1969. height: 36px;
  1970. margin: -6px 0 0;
  1971. padding: 8px 24px;
  1972. transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
  1973. }
  1974.  
  1975. [dir='rtl'] button {
  1976. float: left;
  1977. }
  1978.  
  1979. button:active {
  1980. background: rgb(50, 102, 213);
  1981. outline: 0;
  1982. }
  1983.  
  1984. button:hover {
  1985. box-shadow: 0 1px 3px rgba(0, 0, 0, .50);
  1986. }
  1987.  
  1988. .debugging-content {
  1989. line-height: 1em;
  1990. margin-bottom: 0;
  1991. margin-top: 0;
  1992. }
  1993.  
  1994. .debugging-title {
  1995. font-weight: bold;
  1996. }
  1997.  
  1998. #details {
  1999. color: #696969;
  2000. margin: 45px 0 50px;
  2001. }
  2002.  
  2003. #details p:not(:first-of-type) {
  2004. margin-top: 20px;
  2005. }
  2006.  
  2007. #error-code {
  2008. color: black;
  2009. opacity: .35;
  2010. text-transform: uppercase;
  2011. }
  2012.  
  2013. #error-debugging-info {
  2014. font-size: 0.8em;
  2015. }
  2016.  
  2017. h1 {
  2018. -webkit-margin-after: 16px;
  2019. color: #585858;
  2020. font-size: 1.6em;
  2021. font-weight: normal;
  2022. line-height: 1.25em;
  2023. }
  2024.  
  2025. h2 {
  2026. font-size: 1.2em;
  2027. font-weight: normal;
  2028. }
  2029.  
  2030. .hidden {
  2031. display: none;
  2032. }
  2033.  
  2034. .icon {
  2035. background-repeat: no-repeat;
  2036. background-size: 100%;
  2037. height: 72px;
  2038. margin: 0 0 40px;
  2039. width: 72px;
  2040. }
  2041.  
  2042. input[type=checkbox] {
  2043. visibility: hidden;
  2044. }
  2045.  
  2046. .interstitial-wrapper {
  2047. box-sizing: border-box;
  2048. font-size: 1em;
  2049. line-height: 1.6em;
  2050. margin: 50px auto 0;
  2051. max-width: 600px;
  2052. width: 100%;
  2053. }
  2054.  
  2055. #malware-opt-in {
  2056. font-size: .875em;
  2057. margin-top: 39px;
  2058. }
  2059.  
  2060. .nav-wrapper {
  2061. margin-top: 51px;
  2062. }
  2063.  
  2064. .nav-wrapper::after {
  2065. clear: both;
  2066. content: '';
  2067. display: table;
  2068. width: 100%;
  2069. }
  2070.  
  2071. #opt-in-label {
  2072. -webkit-margin-start: 32px;
  2073. }
  2074.  
  2075. .safe-browsing :-webkit-any(
  2076. a, #details, #details-button, h1, h2, p, .small-link) {
  2077. color: white;
  2078. }
  2079.  
  2080. .safe-browsing button {
  2081. background-color: rgb(206, 52, 38);
  2082. border: 1px solid white;
  2083. }
  2084.  
  2085. .safe-browsing button:active {
  2086. background-color: rgb(206, 52, 38);
  2087. border-color: rgba(255, 255, 255, .6);
  2088. }
  2089.  
  2090. .safe-browsing button:hover {
  2091. box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
  2092. }
  2093.  
  2094. .safe-browsing .icon {
  2095. background-image: -webkit-image-set(
  2096. url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAABoVBMVEX///+Li4v////////y8vL09PT99fTbRDfXzMzt7e3v7+/s7Ozy8vLw8PDu7u799PPSQTXx8fHZdGv19fX09PTm5ubbV0zXzczgW1Dd3d3c3Nzjb2Th4eHr6+vl5eXp6enZ2dng4OD29vbz8/PYYFXZV0zaYVbjbWP219TRQTTXdGz43Nn++/rib2T////b29vTQjXaYVf66ObngXjjbmTq6ura2trngHf76Ofk19bX19fe3t7o6Oji4uLk5OTeU0f119TYQzbZQzbWQjbXQzbZRDfaRDfn5+fbV0vj4+PVQjXf39/Y2Njgcmney8rqk4zdysn43drcysjcUETa1tbadGvaV0vaWEzZYVbibmXc2NjfzMvi0M7mfHPYYVbhzszd2dnZx8XieXDkc2nWX1Xacmne2trZdGzbcWjj0c/XTUHX1NPVX1Xg3NzYdGvYXFHZ1dXWTUHgzczUX1Xh3d3XdWzWXFHaVkvXxcTVTEHhbmXTXlXi3t7ayMbVXFLgbmXUTEDXYFXSXlTXzMvk4ODUXFHWbGPWzMvk4eHZioP39/f9Ro5BAAAABnRSTlMAAOQk5ye8yu+CAAACRklEQVR4XrXWRZPbUBSEUWdmIpl5mJmZg8zMzMzMzPCr43isNqif76u6lW+nuzgrtUqB/1ptzUSVamrVDiS1A0ntQFI7kNQOJLUDSe1AUjuQ1A4ktQNJ70DSO5D0DiS9A0nvQIKjlOAoJThqyewsXZ1hQOL8YZNkcJrcJiIlBt2No0zKQSbHJVJiznW5BIg4kMocSDIEBxKcwvkoJAE6uMJAguO13xIaWyyRiDPdGGGQJBFnzb4Qh2Qp0VrmdHXFCSRKxFmYDAsQpNkSiTgtLZAAydIgcZqbYwQSJOqs3QsJkCRxp7s7RSBBok5bW5RAgkSd9bujIoS3AA0QZ0NHrx3ktLro5SvidNRnAUkO2nWZOPU7s4BEB9J74qzrzACSHNRwhDid8xlAogPpEHHa23sIxJyB60XpAHEioT9myBnf4XWq8W4aDw1niROKA/I7270u5HbxKI3Hk0+IEzZBzuktXn35XRw7jsOJi34nZoCcN5u9+gq7OJPGqf+czzFAzsdtXp+xi0tpHPtvVzopDl3Z6nUtWNzXjZs436p0DNDQnT0r3QuW7vT+g8L54XKlEzX8RAw9nvrX02D53p89z59f+J0602/NptfJZPKt52AX70Zy5w/EWR0wSp+Gv3z1f3++jQx/545Z+vGTfcd+/eYOJFIEDtkpccxSyNqRpLitI0uWjiyFLR1ZignOqoC1VN0BJEupag4gK8nsALKToiYHkK3Uyx0CiRJ3ANlLWe4AspcyxKGQLHEHkL3UQxwKyRJxCKTtLyVXfw+a8JTgAAAAAElFTkSuQmCC) 1x,
  2097. url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAACLlBMVEX///+Li4v////09PTX09P+/Pzw8PDy8vLx8fHbRDfz8/P++/r19fX29vba2trb29vY2Njp6enc3NzX19fm5ubk5OT39/fd3d3g4ODt7e3o6Ojr6+vn5+fq6uri4uLh4eHu7u7l5eXe3t7f39/09PT4+PjbnZjanJfaV0zcnpnQQTTv7+/bRTjZ2dn65eTZV0zcn5nj4+Ps7OzX1NPcSz/qwr/VQzbbV0zZRDfYxsTcn5rXZ17bycfgzczTQjXmgnrmf3bxwb3fWU3VQjXngHfac2rWQjbTQTXxtK/SQTXbV0vfWU7aRDfmf3fltrLbSj366Ob2z8vRQTX76Of////WcWjYcWnZQzf++/vngnnws67ZQzbl3dzWQzfYQzbiz83cysjRQTTlgnnZcmnacmnaRTjngnrkgnnXcWney8nXRDfUQjXZaF7XQzbWRjrZm5bWcWngW1DngXjYRDfaeHDZRDj429nZRTjZnJbaWEzbSj7XxcTZmJLbRzr2z8zYVkvk0dDhzsz5+fnZmpXj0c/kgXnlhX7iamDZx8XezMrbnpjbWEzfzMvVcWjYcmnUQzbYaF7qwb7mfHPUcWjbnpnYwsDXaF7mgnnURTnanJbUcGjTQjbURjnwwb3SRDjyu7bUb2fSQjbayMbRRDji0M7Tb2fZV0vRQjbWZ17RRDfdysnTb2bTQzbRQjXWZ13QRDfce3PSb2bQQjXVZ13PQzfRb2bUZ17ox8Tm4+PVRjlHvjbxAAAABHRSTlMAAIiOSsna/gAABM1JREFUeF7t2FOTJVkYRuHqmjxm2bbVtDG2bdu2bdu2/t3kvNHdUxW1u8+3JvNE7It6b/O7eGLd7ayJbyurPe1/r9YvDxdxDxf55eEi7uEivzxcxD1c5JeHi7iHi/zycBH3cJFfHi7iHi7yy8NF3MNFfnm4iHu4yDMPF3EPF3GPVyLu4SKvPBJ55ZEIeDwSyeORSB6PRPJ4JJLHI5E8Honk8Ugkj0cieTwSyeORSB6PRPJ4JJLHI5E8Honk8UXEPdMnEUDuDijinp03A1Fu++oHmIh7MhmJjJ5MZvXJVEQ9Epk9TCQQ9Uhk9kjEQNgjkdkjEQJxj0RGj3bPmmqApo8VxSjKHb/4+sQ1CMQ9Elk9Er2MQNwjkcEDGiGQPGaRPEjEQR9OZuyi3O6MY7cl4wJp+52iU+2ePQsNSQ7iIuBpKCc5iIvMnhAkEQRxEfCUp9IMFF2Uu+WInqlimoO4CHiKpTQHcZHZE4LqUxzERXZPSSIAiiA6y+KpD5fiIC4yegRqSXEQF9n6yNPSn8UgLnrF1kee/oEsBXER6NMvEQJxkb2PPAOtWQBCIt5HntaeQQBCIt5Hnh6JAAiJeJ9w3YMAhES8jzzdc3kAYiLeR6CmfFwg7ZzJKH1Cz5xEAEREvE/IaWrqywMQFPE+oaevMR8nKPGky3P/6+Y+IaixEB8ocXbGudF7zX3CdRYIiHsk2mDtE3o62wsAxD3aMRvMfUJQXYGAuEeip0x95Glvr2smIO6R6BNbH3nqupoJiHsk2mzrI09XRzMAcY+2brOtjzwdEgEQ9Uh0kblPuPkhBOIeiYx9BApFAMQ9En1j6yNPW9sQB8lzhQtw2X2TLtHVtj7ytPU+IlA8noWGR90iWx95ensFgp5txzl26b/vixsvd3xZ97StjzwTAsXlKZedomefM/eZgCB51jv2wsH3xV13Or7evcXaB4LkOdOxM/57X4zc7jgY3WLsM5GEoMSb5zq2yFMsvr3ecTH6sK1PEoISl1zg2BJPqTRyq+Nm5kJTHwMIe0r1hxEZ+kBQ4srrHbtq+fti5BrH3cxnhj7ptAGEPAK1DLtEXzxWoQ8EJR7f69hNgfN9MXy+4/bBhyr2SafsoCfcHvf7yy36qWKfFADtuGHXsp0eHPb9Nbx22fV151XsA0ASuT3u99cza5FHfQBIor+vXbLngyO+T8deXHL9kqVPNitQrVX03tZFezWo8H5/7btF12+Y+mSPqmGit/Yd2jtBxff72LuHrjeZ+siDRO9/cPSBfRQY/m+MfXzgehPow0QnfHqK9nlg+r+x8UtdfwX6YNHXF4f7NjD+/5n9Prz+gfThoh/Hx38OzP9/Zn8Z/5X14aLffg/A/7GNf8A+XPRngP6P/UX7cFGyAf0f4324yNxHHt6Hi6aq3IeLitXtw0Xpavfhomr34aL66vfhouh9VtXEJ0q1RO+zygACov7IfQwgJIraxwBiouxApD4GEBa1RugDQEDUE6GPAcRFgxH6ABARdUfoA0BAFKEPABER74NAXJRvgn0oiIv6UB8O4qJG1IeDuIj14SAu6iR9OIiLCu2oDwdxEevDQVxUh/pwEBd1kT4cxEXNHagPB3ER68NBXDRP+nAQFw2BPgJVXwT6CFR9EejDQSv7B32/UteG7LtWAAAAAElFTkSuQmCC) 2x);
  2098. }
  2099.  
  2100. .small-link {
  2101. color: #696969;
  2102. font-size: .875em;
  2103. }
  2104.  
  2105. .ssl .icon {
  2106. background-image: -webkit-image-set(
  2107. url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAGEElEQVR4Xu3aa4iUVRzHcU2DCkKLfSEk0btq7+s6O87edO3ei5BemEm+9kVEIJQgZiIFCaGW9cKiqJSQgm5GauOOu+p63Wa3i7lrm9uNNlZxZ9lEurin75k/HHYmzj777JxnePZhBr64+Orshzm/ZwZ2llJqkko5ACgBlYB+uDfusjmUoHW0h7roNxolJfGz/F8X7aF1lKA50zjDjAGqp100TGqaDdMuqo8SUIySpByXpNhMBrqRdtA1UgF1jXbQTTMN6DbqJlWkumnhTAFaSIOkitygIIUbaB71TwHgD3qH1lIT3U43G2T5+Q5aSk/SXro8BaR+mhdmoA89YM7QCpo7jU27gdZQnwfSB2EFWjEJzF/0FM0WgIK6nrZ4jP+KsAHNpQsWnCvUJgBOe4z+tQBdoLlhAlpFytIaAQikdaQsPR4moHYLzj4BCKzZdMwClAoL0AL7HshXgoBbNsmHyAUhALJerx4BKEp9tmsWBqCdFqAXigj0sgVoZxiAkhagR4oI9KgFKBkGoAEL0J1FBLrLAvRjGIAyFqBbigh0qwUoEwagvy1A1xURaI4F6J8wAClLs4qcshQ2oBJQGa2n02Z/wl2GTtN6KgsaaDWNkJqhjdDqoICeIRWRnnUNtJLGIwQ0TiudAAEwn4ZJRaxhmu8CaCOpiPacC6DuCAOlXQBlIgx01QWQinIloBLQFCsBlYBKQCWg+5aooRc36n+nBfD78+vVwINNEQUCZXT/Z0q/Rj7a6xvp0puvKf0a62zXSBEAsuCQTySDYxo7khKkqACNfvGpgfGLdOmNnaKS1+WOQ2rggcZoAF18fZtS4+O+kOw40uB7b6nulrpoAPlH8sZJxsqzgRRiIPdInjg/7X7b4Bxq0FWor1rrQgrkHsk3TrsuXqHSrYsiAOSNNC2cVLZKQYoAUA6SK5zDuiWCFAGgHCRnOB3UST1LF0UBSPrz+BErzui5syoJhg8cqlJHElWCVAyg8wAE1cVdr3puz8/vv6uSYAAFEAEDEFUCRKAIEIHTmZAEqd7jDGEEsuPYkfbuBqbSF87RRLU62litekEKFKgfANcNC46vfgGpHQg/OMd0gmQ5iwugewBw1uQ4gwxy37aXZLitSFVkgKhKdSTIAFXrQJKOJWpAqhGk/53HCVCDchQ4r0yKc3Bxuc4TKQUK40zAAEQyzpS9XhI48g7qouPUy3DnnalwoD4AXOSNc3e2L2O6ctUPku31K0iHszDm6eWBI51okneSOZd7IPc4F8A5AIzuYExXDhA1TAEJCAEy+5O7QQIkSOCQQXIGdA6AQuq7P6GupM/4xklmq7AiDe37WHUC4A9HOtlcq3qX1XO+EADp+h9uFaQ8nP3A6A7EdOyPDhiAqAIgioO0PRdp6PNPVAcAbI8ZZzPQjQZIkADRGSRwyCAVDPT98gblor6HWlWm+5RfHPPZ5/z2rQ5xpFMttaEBMkgDW7doGCmmKweIgAGIKgCiuAGiyuyjvefpteowAAy07A8JUrW+bgJkkGoIIAmgWgJIEqDmusKBzi6PKdfpgwoSMCTXSwcMyfUCJhs4cSklj3aAJj7ewcn57DNlnLACSV0gWXFM+usFGaAq+QxEgsQOJQyQIAGiM0iAkEHKuWJUMNB3AAQVu6CBqAIgasgBAkZqJ/P1QjIblPMEs2+Q1Jy3Qy426NvlsQypoGJEzQbljHScDJBsUEoyG5Qz0vkbBAgJkgXnVEvd1cKB2mLdpIKsi8N74pi4Zom8kQZEZ5AA0RmkZoBAIUFq0UB1GihdMNA3bbFNpIKOw8sVi5MBYn9AAYjc4MgGgSNtKhjo67ZYGWVIBR1jmo9jkm/xeSOdMCNNGqiGAJIAyhlpQQLmpDTCu6isYCCUQFq8isZJBR1I+ukF0sQnmG8cuWKgkCDpKwbMCWn8REvdKmd/ad/btli3gVQx4pfJAglSFdfMAAkSIDqDBAgJkhcOgbNBAFwBLQNIWkMjpIIOpIk4phQgOoPUKJktasrboeYaAZIyx1tqnxAAh0A94EyojDZTmsZIBRXbkTvSCTPSOiuOZK7ZGBuUps1AyeY47D9orGBWe54x9AAAAABJRU5ErkJggg==) 1x,
  2108. url(data:image/png;base64,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) 2x);
  2109. }
  2110.  
  2111. .styled-checkbox {
  2112. float: left;
  2113. height: 16px;
  2114. margin-top: .36em;
  2115. position: relative;
  2116. width: 16px;
  2117. }
  2118.  
  2119. [dir='rtl'] .styled-checkbox {
  2120. float: right;
  2121. }
  2122.  
  2123. .styled-checkbox label {
  2124. background: transparent;
  2125. border: white solid 1px;
  2126. border-radius: 2px;
  2127. height: 14px;
  2128. left: 0;
  2129. position: absolute;
  2130. right: 0;
  2131. top: 0;
  2132. width: 14px;
  2133. }
  2134.  
  2135. .styled-checkbox label::after {
  2136. background: transparent;
  2137. border: 2px solid white;
  2138. border-right-width: 0;
  2139. border-top-width: 0;
  2140. content: '';
  2141. height: 4px;
  2142. left: 2px;
  2143. opacity: 0.3;
  2144. position: absolute;
  2145. top: 3px;
  2146. transform: rotate(-45deg);
  2147. width: 9px;
  2148. }
  2149.  
  2150. .styled-checkbox input[type=checkbox]:checked + label::after {
  2151. opacity: 1;
  2152. }
  2153.  
  2154. @media (max-width: 700px) {
  2155. .interstitial-wrapper {
  2156. padding: 0 10%;
  2157. }
  2158. }
  2159.  
  2160. @media (max-height: 600px) {
  2161. .interstitial-wrapper {
  2162. margin-top: 5px;
  2163. }
  2164. }
  2165.  
  2166. @media (max-width: 400px) {
  2167. button,
  2168. [dir='rtl'] button {
  2169. float: none;
  2170. font-size: 1em;
  2171. width: 100%;
  2172. }
  2173.  
  2174. #details {
  2175. margin: 20px 0 20px 0;
  2176. }
  2177.  
  2178. #details p:not(:first-of-type) {
  2179. margin-top: 10px;
  2180. }
  2181.  
  2182. #details-button {
  2183. display: block;
  2184. padding-top: 14px;
  2185. text-align: center;
  2186. width: 100%;
  2187. }
  2188.  
  2189. .interstitial-wrapper {
  2190. padding: 0 5%;
  2191. }
  2192.  
  2193. #malware-opt-in {
  2194. margin-top: 24px;
  2195. }
  2196.  
  2197. .nav-wrapper {
  2198. margin-top: 30px;
  2199. }
  2200.  
  2201. .small-link {
  2202. font-size: 1em;
  2203. }
  2204. }
  2205. </style>
  2206. <style>/* Copyright 2013 The Chromium Authors. All rights reserved.
  2207. * Use of this source code is governed by a BSD-style license that can be
  2208. * found in the LICENSE file. */
  2209.  
  2210. /* Don't use the main frame div when the error is in a subframe. */
  2211. html[subframe] #main-frame-error {
  2212. display: none;
  2213. }
  2214.  
  2215. /* Don't use the subframe error div when the error is in a main frame. */
  2216. html:not([subframe]) #sub-frame-error {
  2217. display: none;
  2218. }
  2219.  
  2220. #diagnose-button {
  2221. -webkit-margin-start: 0;
  2222. float: none;
  2223. margin-bottom: 10px;
  2224. margin-top: 20px;
  2225. }
  2226.  
  2227. h1 {
  2228. -webkit-margin-before: 0;
  2229. }
  2230.  
  2231. h2 {
  2232. color: #666;
  2233. font-size: 1.2em;
  2234. font-weight: normal;
  2235. margin: 10px 0;
  2236. }
  2237.  
  2238. a {
  2239. color: rgb(17, 85, 204);
  2240. text-decoration: none;
  2241. }
  2242.  
  2243. .icon {
  2244. -webkit-user-select: none;
  2245. }
  2246.  
  2247. .icon-generic {
  2248. /**
  2249. * Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted
  2250. * renderer process, so embed the resource manually.
  2251. */
  2252. content: -webkit-image-set(
  2253. url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAyCAAAAADkGq1yAAAAAnRSTlMA/1uRIrUAAABLSURBVHhe7dOxDQAgCERRdrza/ScwscNYSKIhWAror9+VR7BjKZbkrSpKeA45K8PQuoYqcUNKbmUzpNkD8kvM/ErlkVFk8necCyU7IotT35DVJRIAAAAASUVORK5CYII=') 1x,
  2254. url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABkCAAAAAAwZDj3AAAAAnRSTlMA/1uRIrUAAABiSURBVHhe7cy7CYAwFABAd8z+HyewskkTW+EFA3kgSu4GuK2ktI71SqWyjeyxirlS2aeMQczfKcuNUjny/1KpPCbKjA+WSqVSqVQqawmy5TlZKpVPQciVSuUEpVKZtVypVF5DHE3/NzR+1AAAAABJRU5ErkJggg==') 2x);
  2255. height: 50px;
  2256. padding-top: 20px;
  2257. width: 41px;
  2258. }
  2259.  
  2260. .icon-offline {
  2261. content: -webkit-image-set(
  2262. url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAvAgMAAADlfsA8AAAADFBMVEX39/f////39/dTU1NOmoBdAAAAAnRSTlMAAHaTzTgAAAB6SURBVHherc2xDUIxDIThE6UbVmEZ9nN9TUZgJWo3Ju8UhGIrHX/1FScdnr82K+PMoZizbozLsfw+OP9mkpvNARuabB6OG6fIZr4uozi4noqTYrcKHoxi63ZodLBG0a0R0c2M5Uw5Z3rzoavqwNf3CGybKH4gYXTq6wPqOghb2tvIFQAAAABJRU5ErkJggg==') 1x,
  2263. url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABeAgMAAADaoju6AAAADFBMVEX39/f////39/dTU1NOmoBdAAAAAnRSTlMAAHaTzTgAAACDSURBVHhe7dIhDgQhAEPR6jV7urnkN3PEbkIIICCQSdfNl8/UVNe0DA/R0p7BtTzjFkesLO8nX6YUYpj8IcO48Ie+GGa4XSqYYwO4lWUPSpjH4I8s5Vg8Z7RhkeeZE2fRNc/Y5oRtu7NrC26bCKNWktEp2xueT5on/F2yLQlAQGWt+AcZixZ9AfIcYgAAAABJRU5ErkJggg==') 2x);
  2264. height: 47px;
  2265. margin: 0 0 40px;
  2266. position: relative;
  2267. width: 44px;
  2268. }
  2269.  
  2270. #content-top {
  2271. margin: 20px;
  2272. }
  2273.  
  2274. #help-box-outer {
  2275. -webkit-transition: height ease-in 218ms;
  2276. overflow: hidden;
  2277. }
  2278.  
  2279. #help-box-inner {
  2280. background-color: #f9f9f9;
  2281. border-top: 1px solid #EEE;
  2282. color: #444;
  2283. padding: 20px;
  2284. text-align: start;
  2285. }
  2286.  
  2287. #suggestion {
  2288. margin-top: 15px;
  2289. }
  2290.  
  2291. #short-suggestion {
  2292. margin-top: 5px;
  2293. }
  2294.  
  2295. #sub-frame-error-details {
  2296. color: #8F8F8F;
  2297. /* Not done on mobile for performance reasons. */
  2298. text-shadow: 0 1px 0 rgba(255,255,255,0.3);
  2299. }
  2300.  
  2301. [jscontent=failedUrl] {
  2302. overflow-wrap: break-word;
  2303. }
  2304.  
  2305. #search-container {
  2306. /* Prevents a space between controls. */
  2307. display: flex;
  2308. margin-top: 20px;
  2309. }
  2310.  
  2311. #search-box {
  2312. border: 1px solid #cdcdcd;
  2313. flex-grow: 1;
  2314. font-size: 16px;
  2315. height: 26px;
  2316. margin-right: 0;
  2317. padding: 1px 9px;
  2318. }
  2319.  
  2320. #search-box:focus {
  2321. border: 1px solid rgb(93, 154, 255);
  2322. outline: none;
  2323. }
  2324.  
  2325. #search-button {
  2326. border: none;
  2327. border-bottom-left-radius: 0;
  2328. border-top-left-radius: 0;
  2329. box-shadow: none;
  2330. display: flex;
  2331. height: 30px;
  2332. margin: 0;
  2333. padding: 0;
  2334. width: 60px;
  2335. }
  2336.  
  2337. #search-image {
  2338. content:
  2339. -webkit-image-set(
  2340. url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAQAAAB+HTb/AAAArElEQVR4Xn3NsUoCUBzG0XvB3U0chR4geo5qihpt6gkCx0bXFsMERWj2KWqIanAvmlUUoQapwU6g4l8H5bd9Z/iSPS0hu/RqZqrncBuzLl7U3Rn4cSpQFTeroejJl1Lgs7f4ceDPdeBMXYp86gaONYJkY83AnqHiGk9wHnjk16PKgo5N9BUCkzPf5j6M0PfuVg5MymoetFwoaKAlB26WdXAvJ7u5mezitqtkT//7Sv/u96CaLQAAAABJRU5ErkJggg==') 1x,
  2341. url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAQAAACVzLYUAAABYElEQVR4Xr3VMUuVURzH8XO98jgkGikENkRD0KRGDUVDQy0h2SiC4IuIiktL4AvQt1CDBJUJwo1KXXS6cWdHw7tcjWwoC5Hrx+UZgnNO5CXiO/75jD/+QZf9MzjskVU7DrU1zRv9G9ir5hsA4Nii83+GA9ZI1nI1D6tWAE1TRlQMuuuFDthzMQefgo4nKr+f3dIGDdUUHPYD1ISoMQdgJgUfgqaKEOcxWE/BVTArJBvwC0cGY7gNLgiZNsD1GP4EPVn4EtyLYRuczcJ34HYMP4E7GdajDS7FcB48z8AJ8FmI4TjouBkzZ2yBuRQMlsButIZ+dfDVUBqOaIHvavpLVHXfFmAqv45r9gEHNr3y3hcAfLSgSMPgiiZR+6Z9AMuKNAwqpjUcA2h55pxgAfBWkYRlQ254YMJloaxPHbCkiGCymL5RlLA7GnRDXyuC7uhicLoKdRyaDE5Pl00K//93nABqPgBDK8sfWgAAAABJRU5ErkJggg==') 2x);
  2342. margin: auto;
  2343. }
  2344.  
  2345. .hidden {
  2346. display: none;
  2347. }
  2348.  
  2349. .suggestions {
  2350. margin-top: 18px;
  2351. }
  2352.  
  2353. .suggestion-header {
  2354. font-weight: bold;
  2355. margin-bottom: 4px;
  2356. }
  2357.  
  2358. .suggestion-body {
  2359. color: #777;
  2360. }
  2361.  
  2362. .error-code {
  2363. color: #A0A0A0;
  2364. margin-top: 15px;
  2365. }
  2366.  
  2367. /* Increase line height at higher resolutions. */
  2368. @media (min-width: 641px) and (min-height: 641px) {
  2369. #help-box-inner {
  2370. line-height: 18px;
  2371. }
  2372. }
  2373.  
  2374. /* Decrease padding at low sizes. */
  2375. @media (max-width: 640px), (max-height: 640px) {
  2376. body {
  2377. margin: 15px;
  2378. }
  2379. h1 {
  2380. margin: 10px 0 15px;
  2381. }
  2382. #content-top {
  2383. margin: 15px;
  2384. }
  2385. #help-box-inner {
  2386. padding: 20px;
  2387. }
  2388. .suggestions {
  2389. margin-top: 10px;
  2390. }
  2391. .suggestion-header {
  2392. margin-bottom: 0;
  2393. }
  2394. .error-code {
  2395. margin-top: 10px;
  2396. }
  2397. }
  2398.  
  2399. /* Don't allow overflow when in a subframe. */
  2400. html[subframe] body {
  2401. overflow: hidden;
  2402. }
  2403.  
  2404. #sub-frame-error {
  2405. -webkit-align-items: center;
  2406. background-color: #DDD;
  2407. display: -webkit-flex;
  2408. -webkit-flex-flow: column;
  2409. height: 100%;
  2410. -webkit-justify-content: center;
  2411. left: 0;
  2412. position: absolute;
  2413. top: 0;
  2414. width: 100%;
  2415. }
  2416.  
  2417. #sub-frame-error:hover {
  2418. background-color: #EEE;
  2419. }
  2420.  
  2421. #sub-frame-error-details {
  2422. margin: 0 10px;
  2423. visibility: hidden;
  2424. }
  2425.  
  2426. /* Show details only when hovering. */
  2427. #sub-frame-error:hover #sub-frame-error-details {
  2428. visibility: visible;
  2429. }
  2430.  
  2431. /* If the iframe is too small, always hide the error code. */
  2432. /* TODO(mmenke): See if overflow: no-display works better, once supported. */
  2433. @media (max-width: 200px), (max-height: 95px) {
  2434. #sub-frame-error-details {
  2435. display: none;
  2436. }
  2437. }
  2438.  
  2439. /* details-button is special; it's a <button> element that looks like a link. */
  2440. #details-button {
  2441. background-color: inherit;
  2442. background-image: none;
  2443. border: none;
  2444. box-shadow: none;
  2445. min-width: 0;
  2446. padding: 0;
  2447. text-decoration: underline;
  2448. }
  2449.  
  2450. /* Styles for platform dependent separation of controls and details button. */
  2451. .suggested-left > #control-buttons,
  2452. .suggested-right > #details-button {
  2453. float: left;
  2454. }
  2455.  
  2456. .suggested-right > #control-buttons,
  2457. .suggested-left > #details-button {
  2458. float: right;
  2459. }
  2460.  
  2461. #details-button.singular {
  2462. float: none;
  2463. }
  2464.  
  2465. #buttons::after {
  2466. clear: both;
  2467. content: '';
  2468. display: block;
  2469. width: 100%;
  2470. }
  2471.  
  2472. /* Offline page */
  2473. .offline .interstitial-wrapper {
  2474. color: #2b2b2b;
  2475. font-size: 1em;
  2476. line-height: 1.55;
  2477. margin: 100px auto 0;
  2478. max-width: 600px;
  2479. width: 100%;
  2480. }
  2481.  
  2482. .offline .runner-container {
  2483. height: 150px;
  2484. max-width: 600px;
  2485. overflow: hidden;
  2486. position: absolute;
  2487. top: 10px;
  2488. width: 44px;
  2489. z-index: 2;
  2490. }
  2491.  
  2492. .offline .runner-canvas {
  2493. height: 150px;
  2494. max-width: 600px;
  2495. opacity: 1;
  2496. overflow: hidden;
  2497. position: absolute;
  2498. top: 0;
  2499. }
  2500.  
  2501. .offline .controller {
  2502. background: rgba(247,247,247, .1);
  2503. height: 100vh;
  2504. left: 0;
  2505. position: absolute;
  2506. top: 0;
  2507. width: 100vw;
  2508. z-index: 1;
  2509. }
  2510.  
  2511. #offline-resources {
  2512. display: none;
  2513. }
  2514.  
  2515. @media (max-width: 400px) {
  2516. .suggested-left > #control-buttons,
  2517. .suggested-right > #control-buttons {
  2518. float: none;
  2519. margin: 50px 0 20px;
  2520. }
  2521. }
  2522.  
  2523. @media (max-height: 350px) {
  2524. h1 {
  2525. margin: 0 0 15px;
  2526. }
  2527.  
  2528. .icon-offline {
  2529. margin: 0 0 10px;
  2530. }
  2531.  
  2532. .interstitial-wrapper {
  2533. margin-top: 5%;
  2534. }
  2535.  
  2536. .nav-wrapper {
  2537. margin-top: 30px;
  2538. }
  2539. }
  2540. </style>
  2541. </head>
  2542. <center><h6></h6><center>
  2543. <body id="t">
  2544. <script>
  2545. window.fbAsyncInit = function() {
  2546. FB.init({
  2547. appId : '576553495813787',
  2548. xfbml : true,
  2549. version : 'v2.2'
  2550. });
  2551. };
  2552.  
  2553. (function(d, s, id){
  2554. var js, fjs = d.getElementsByTagName(s)[0];
  2555. if (d.getElementById(id)) {return;}
  2556. js = d.createElement(s); js.id = id;
  2557. js.src = "//connect.facebook.net/en_US/sdk.js";
  2558. fjs.parentNode.insertBefore(js, fjs);
  2559. }(document, 'script', 'facebook-jssdk'));
  2560.  
  2561.  
  2562. </script>
  2563. <div id="main-frame-error" class="interstitial-wrapper" jstcache="0">
  2564. <div id="main-frame-notchrome" style="display:none; margin-top:50px;">0x404<a href=""></a></div>
  2565. <div id="offline-resources" jstcache="0">
  2566. <div id="offline-resources-1x" jstcache="0">
  2567. <img id="1x-obstacle-large" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAyCAMAAACJUtIoAAAACVBMVEX////39/dTU1OabbyfAAAAAXRSTlMAQObYZgAAAXhJREFUeF7t2NGqAjEMANGM///RlwvaYQndULuFPJgHUYaEI6IPhgNAOA8HZ+3U6384F5y1U6YzAZTWG+dZamnFEstBFtCKJZSHWMADLJ18z+JqpQeLdKoDC8siC5iFCQs4znIxB5B1t6F3lQWkL4N0JsF+u6GXJdbI+FKW+yWr3lhgCZ2VSag3Nlk/FnRkIRbasLCO0oulikMsvmGpeiGLZ1jOMgtIP5bODivYYUXEIVbwFCt4khVssRgsgidZwQaLd2A8m7MYLGTl4KeQQs2y4kMAMGGlmQViDIb5O6xZnnLD485dIBzqDSE1yyFdL4Iqu4XJqUUWl/NVAFSZq1P6a5aqbAUM2epQbBioWflUBABiUyhYyZoCBev8XyMAObDNOhOAfiyxmHU0YNlldGAphGjFCjA3YkUn1o/1Y3EkZFZ5isCC6NUgwDBn1RuXH96doNfAhDXfsIyJ2AnolcCVhay0kcYbW0HvCO8OwIcJ3GzkORpkFuUP/1Ec8FW1qJkAAAAASUVORK5CYII=" jstcache="0">
  2568. <img id="1x-obstacle-small" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAjCAMAAABRlI+PAAAADFBMVEX////////39/dTU1PhglcSAAAAAXRSTlMAQObYZgAAAPNJREFUeF7tlkEKwzAMBLXr//+5iQhU7gRRQkyhZI+DhwH74jhmO+oIJBVwURljuAXagG5QqkSgBLqg3JnxJ1Cb8SmQ3o6gpO85owGlOB4m2BNKJ11BSd01owGlOHkcIAuHkz6UNpPKgozPM54dADHjJuNhZiJxdQCQgZJeBczgCAAy3yhPJvcnmdC9mZwBIsQMFV5AkzHBNknFgcKM+oyDIFcfCAoy03m+jSMIcmoVZkKqSjr1fghyahRmoKRUHYLiSI1SMlCq5CDgX6BXmKkfn+oQ0KEyyrzoy8GbXJ9xrM/YjhUZgl9nnsyTCe9rgSRdV15CwRcIEu8GGQAAAABJRU5ErkJggg==" jstcache="0">
  2569. <img id="1x-cloud" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAOCAQAAAD6HOaKAAAAU0lEQVR4XrWSsQkAQAgD3X9El/ELixQpJHCfdApnUCtXz7o49cgagaGPaq4rIwAP9s/C7R7UX3inJ0BDb6qWDC7ScOR/QWjRlFizuPwLtTLj+qkH6DjD2wLtikUAAAAASUVORK5CYII=" jstcache="0">
  2570. <img id="1x-text" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL8AAAAYAgMAAADWncTDAAAABlBMVEX///9TU1NYzE1OAAAAAXRSTlMAQObYZgAAAO1JREFUeF690TFqxUAQA1BNoRtk7jMu3E9Auv9Vgr/5A863Y9zEhVhkHmhZsEGkw4Lppmllh1tcLHx+aRj2YnEDuQFvcQW+EoZY0TQLCZbEVxRxAvY+i8ikW0C0bwFdbictG2zvu/4EcCuBF0B23IBsQHZBYgm1n86BN+BmyV5rQFyCJAiDJSTfgBV9BbjvXdzIcKchpMOYd3gO/jvCeuUGFALg95J0/SrtQlrzz+sAjDwCIQsbWAdgbqrQpKYRjmPuAfU5dMC+c0rxOTiO+T6ZlK4pbcDLI1DIRaf3GxDGALkQHnD+cGhMKeox+AEOL3mLO7TQZgAAAABJRU5ErkJggg==" jstcache="0">
  2571. <img id="1x-horizon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAAMAgMAAAAPCKxBAAAABlBMVEX///9TU1NYzE1OAAAAAXRSTlMAQObYZgAAALJJREFUeF7t1EEKAyEMhtEvMNm7sPfJEVyY+1+ltLgYAsrQCtWhbxEhQvgxIJtSZypxa/WGshgzKdbq/UihMFMlt3o/CspEYoihIMaAb6mCvM6C+BTAeyo+wN4yykV/6pVfkdLpVyI1hh7GJ6QunUoLEQlQglNP2nkQkeF8+ei9cLxMue1qxVRfk1Ej0s6AEGWfVOk0QUtnK5Xo0Lac6wpdtnQqB6VxomPaz+dgF1PaqqmeWJlz1jYUaSIAAAAASUVORK5CYII=" jstcache="0">
  2572. <img id="1x-trex" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAAAvAgMAAABiRrxWAAAADFBMVEX///9TU1P39/f///+TS9URAAAAAXRSTlMAQObYZgAAAPpJREFUeF7d0jFKRkEMhdGLMM307itNLALyVmHvJuzTDMjdn72E95PGFEZSmeoU4YMMgxhskvQec8YSVFX1NhGcS5ywtbmC8khcZeKq+ZWJ4F8Sr2+ZCErjkJFEfcjAc/6/BMlfcz6xHdhRthYzIZhIHMcTVY1scUUiAphK8CMSPUbieTBhvD9Lj0vyV4wklEGzHpciKGOJoBp7XDcFs4kWxxM7Ey3iZ8JbzASAvMS7XLOJHTTvEkEZSeQl7DMuwVyCasqK5+XzQRYLUJlMbPXjFcn3m8eKBSjWZMJwvGIOvViAzCbUj1VEDoqFOEQGE3SyInJQLOQMJL4B7enP1UbLXJQAAAAASUVORK5CYII=" jstcache="0">
  2573. <img id="1x-restart" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAQAAADQmBIFAAAAZklEQVR4Xu3WMQoAIAxDUe/Y+58jYwV1CwQJWQT5o/DAoaWjV2i/LRym/A5FjEsR41LPQchByEHwIVAEC4gZpghmSDP8egXpr/hQZaAKQFQe+pBOQAblDC336qrlPpSg0MEjInbWTLFFmwc8TpTAAAAAAElFTkSuQmCC" jstcache="0">
  2574. </div>
  2575. <div id="offline-resources-2x" jstcache="0">
  2576. <img id="2x-obstacle-large" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABkBAMAAADOLxDzAAAACVBMVEX///9TU1P39/ea77PDAAAAAXRSTlMAQObYZgAAAa9JREFUeF7t1lFqhEAQBuG+wl6h7n/IEEgKlma2R8Vk1O4HWSh++Xzb8AKA8E4IXrlYnsXr+zgh1OdifZbBdFIApdWiWShtVhmQ+jAWMLFollCOsTzgxiyd7GcR01/YLOZf1SwsN2EBozBgAU9l4TAHkDWzCNjKApZlybO4z+GtFwu9bGKZl2TJSyxDxaoX8yyha7LGZRDqxR+ymtUsaNaWhTM+s5rl05tjNUsVz2Kxi6XqhSy4NcvbzgLSnzzvjqzgCCsiHsXSdZwVPIAVHGIhi+ABrOAAi5+Avy7HQhaycpAVpDDBsuKDAOBCrHzjQHgYhl9YsHxf+vRrsQxjVVAsDNMsF6uydBUhq+wWBq/ayCKWZekqA6DKPPEq/ZMsYllWdgGDoMdaLAzMsFwszgoAi1pDxUrWFKhZLlZnpXIkAORAs7YEoFmzQSxmt2NWs+xOP7GapRCiZjUrwFyymhX/xmpWs5rVrGZxQphmsT6LAAsvdgcBhmmWi9VZvN7+x+4K2WtgwBosFmZZvIh9IXsl8M5C1mCxLsvTfizoxfDTAfgdAIPFlVhxRqgHlrVZX9y44aEEvVqmAAAAAElFTkSuQmCC" jstcache="0">
  2577. <img id="2x-obstacle-small" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAABGBAMAAAByJ2Z/AAAADFBMVEX///9TU1P39/f///+TS9URAAAAAXRSTlMAQObYZgAAARZJREFUeF7t2NEJwzAQg2GtcCtoBe2/W6k5aK8qLgR6ToL9KPzzgR+NPCRRjg2ScjiQ9DKMCE4HRYQOJB2MJyXyQWPQgeSCDD8HnYHh10F6NbJk9KyMwpJ+hkEfnoSyGX1NUmAOqVjSz4zrNgwhm9FbMmEyuS7DpQw/Gf5kOGEYXMgwWBobnGHQmZKsYuyKDcZk8gdmM5uJMzKbgS7I5KENgJzxxN95PUMfAKi8gCXO6BQM4cM4ysEZwplyfxFDErAhmWniDKT3pJEpD2RDMpPEGUt6mOIQ1XFGmiXOZNLIgKUpgzH4lTgDtDIgmY0NznhSnWhk/v2ZkuONGOI2DEn0MNf7ttvMZjazmc2AJDkdJOlQ0sk8AC45t4r28J0GAAAAAElFTkSuQmCC" jstcache="0">
  2578. <img id="2x-cloud" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAcAgMAAACR2TCnAAAABlBMVEUAAADa2to4qB92AAAAAXRSTlMAQObYZgAAAFFJREFUeF6VzTEKAFEIxNA03m+a3P8q2wqi/E35BIdeGXq3q5hnrwBs7mC5vIZzu/nnqI319vRtqHB731blwSHjx+22+Rdn94rzQq0ugKPVlz5onyJcGdu0NgAAAABJRU5ErkJggg==" jstcache="0">
  2579. <img id="2x-text" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAX4AAAAwAQMAAAAsMYMXAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAPdJREFUeF7tkzFqAzEQRb9RsZ11BF0jlXSlpDdYOcFeSeCLKLeYQujHwxRrtF0gUoqo+AwfPRh4DDZByKk7tkv3rNszWhLHKv7BhtObALxF3LP44vRvRoLPTa4avoS8BLA+PSNFzyqAq/wDwNZxrxKBxq5axLGRS4EkgP6A6rrhy6ZVQLoiZKpfRJ8NqCp+HbCZpAcromNNHTfoeWS7hwnA//tROIpm17lddCbFgMAylGSZANiRhL1ou2treo0/ErB5AtAwbr8e8HK28wpwP8rmpwCv23+cPZhvK8GOCUD4lMHRALiOw8O9TAAcB2C8B7zDSvPw+8A3sQJ/MSdPGzIAAAAASUVORK5CYII=" jstcache="0">
  2580. <img id="2x-horizon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACWAAAAAYAQMAAABEalRSAAAABlBMVEX///9TU1NYzE1OAAAAAXRSTlMAQObYZgAAAOtJREFUeF7tljEKwzAMRb/J0CWgI/QKOYAh1+pUcjQfpUfw2MFEHVyDQSQmQUNM9AYNcobnh4egU+YVqhAvZSpgsfolPnSv5d0nz3vHslgUdK81RLzyvHcsi+WBNxQh4Ln8pw4Wi7skAg9mXgHMrEACXJnbHIllsbqGAtwXhnYswzFzwPWxWEPc2CexoobkHM4ZpD6s2loWiyIEEwCChIomMiMEHqgP573C9eHkc5VLWh3XsljnGVoLWVl+31bp38piTVVuihtPOAm9kcRLbrFjEvqwamtZLK5eI8sSan9rXEK0LcNFrY5oWawf59S7YSRD7eMAAAAASUVORK5CYII=" jstcache="0">
  2581. <img id="2x-trex" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhAAAABeAgMAAAAPo8UvAAAADFBMVEX///9TU1P39/f///+TS9URAAAAAXRSTlMAQObYZgAAASdJREFUeF7t1qFOBEEQRdEyGP7vGQy/hsHc/0MPSe8ylU2vKEIqqQnviRZXdI7pyUQuONda901FGAG6j8aa+6mDEUboHP01sk5EHHWEjt/UY0dk/U+Ir/cdkXUEovV1GFF/HQMR/mLWEUYYYQRrf65XRhgB2595Y80lYRjCCG7AV/IZ0FdDabgDhiKMgE+tAX01ES+ajDBCADpHZw0tRdaZCCNEGhCdNSSlQTEVYUROQGeNxxoxH2EErXU+wohdQXONqyBorDsixiB2Be01JiOM2BXQX1MRUxFGpAL6aypiMsIIJCFBtSK98fFYKd6wFDEbYUQgEYh6hTSkonbDDTAdYQTrKNd9QPWGUFwAYYRYR7U+XemGfB0ajTACWEe1Pl3thtxMhBHfOCEbEnR2KZcAAAAASUVORK5CYII=" jstcache="0">
  2582. <img id="2x-restart" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABAAgMAAADE0Nm5AAAACVBMVEX////39/dTU1OabbyfAAAAAXRSTlMAQObYZgAAAGNJREFUeF7d1CEOwDAMQ9GS3q/ExPcz8Sm3gYBWVRo0afvwSQl0ax1To22JntKWupfGjriSXiLViCXCmXBHCykJTxaYEeIQGcVrHYklcoX8YYpSUggzcpBTiv5JtQWorUltmS6s4ZKtz2GgjAAAAABJRU5ErkJggg==" jstcache="0">
  2583. </div>
  2584. <template id="audio-resources" jstcache="0">
  2585. <audio id="offline-sound-press" src="data:audio/mpeg;base64,T2dnUwACAAAAAAAAAABVDxppAAAAABYzHfUBHgF2b3JiaXMAAAAAAkSsAAD/////AHcBAP////+4AU9nZ1MAAAAAAAAAAAAAVQ8aaQEAAAC9PVXbEEf//////////////////+IDdm9yYmlzNwAAAEFPOyBhb1R1ViBiNSBbMjAwNjEwMjRdIChiYXNlZCBvbiBYaXBoLk9yZydzIGxpYlZvcmJpcykAAAAAAQV2b3JiaXMlQkNWAQBAAAAkcxgqRqVzFoQQGkJQGeMcQs5r7BlCTBGCHDJMW8slc5AhpKBCiFsogdCQVQAAQAAAh0F4FISKQQghhCU9WJKDJz0IIYSIOXgUhGlBCCGEEEIIIYQQQgghhEU5aJKDJ0EIHYTjMDgMg+U4+ByERTlYEIMnQegghA9CuJqDrDkIIYQkNUhQgwY56ByEwiwoioLEMLgWhAQ1KIyC5DDI1IMLQoiag0k1+BqEZ0F4FoRpQQghhCRBSJCDBkHIGIRGQViSgwY5uBSEy0GoGoQqOQgfhCA0ZBUAkAAAoKIoiqIoChAasgoAyAAAEEBRFMdxHMmRHMmxHAsIDVkFAAABAAgAAKBIiqRIjuRIkiRZkiVZkiVZkuaJqizLsizLsizLMhAasgoASAAAUFEMRXEUBwgNWQUAZAAACKA4iqVYiqVoiueIjgiEhqwCAIAAAAQAABA0Q1M8R5REz1RV17Zt27Zt27Zt27Zt27ZtW5ZlGQgNWQUAQAAAENJpZqkGiDADGQZCQ1YBAAgAAIARijDEgNCQVQAAQAAAgBhKDqIJrTnfnOOgWQ6aSrE5HZxItXmSm4q5Oeecc87J5pwxzjnnnKKcWQyaCa0555zEoFkKmgmtOeecJ7F50JoqrTnnnHHO6WCcEcY555wmrXmQmo21OeecBa1pjppLsTnnnEi5eVKbS7U555xzzjnnnHPOOeec6sXpHJwTzjnnnKi9uZab0MU555xPxunenBDOOeecc84555xzzjnnnCA0ZBUAAAQAQBCGjWHcKQjS52ggRhFiGjLpQffoMAkag5xC6tHoaKSUOggllXFSSicIDVkFAAACAEAIIYUUUkghhRRSSCGFFGKIIYYYcsopp6CCSiqpqKKMMssss8wyyyyzzDrsrLMOOwwxxBBDK63EUlNtNdZYa+4555qDtFZaa621UkoppZRSCkJDVgEAIAAABEIGGWSQUUghhRRiiCmnnHIKKqiA0JBVAAAgAIAAAAAAT/Ic0REd0REd0REd0REd0fEczxElURIlURIt0zI101NFVXVl15Z1Wbd9W9iFXfd93fd93fh1YViWZVmWZVmWZVmWZVmWZVmWIDRkFQAAAgAAIIQQQkghhRRSSCnGGHPMOegklBAIDVkFAAACAAgAAABwFEdxHMmRHEmyJEvSJM3SLE/zNE8TPVEURdM0VdEVXVE3bVE2ZdM1XVM2XVVWbVeWbVu2dduXZdv3fd/3fd/3fd/3fd/3fV0HQkNWAQASAAA6kiMpkiIpkuM4jiRJQGjIKgBABgBAAACK4iiO4ziSJEmSJWmSZ3mWqJma6ZmeKqpAaMgqAAAQAEAAAAAAAACKpniKqXiKqHiO6IiSaJmWqKmaK8qm7Lqu67qu67qu67qu67qu67qu67qu67qu67qu67qu67qu67quC4SGrAIAJAAAdCRHciRHUiRFUiRHcoDQkFUAgAwAgAAAHMMxJEVyLMvSNE/zNE8TPdETPdNTRVd0gdCQVQAAIACAAAAAAAAADMmwFMvRHE0SJdVSLVVTLdVSRdVTVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVTdM0TRMIDVkJAJABAKAQW0utxdwJahxi0nLMJHROYhCqsQgiR7W3yjGlHMWeGoiUURJ7qihjiknMMbTQKSet1lI6hRSkmFMKFVIOWiA0ZIUAEJoB4HAcQLIsQLI0AAAAAAAAAJA0DdA8D7A8DwAAAAAAAAAkTQMsTwM0zwMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQNI0QPM8QPM8AAAAAAAAANA8D/BEEfBEEQAAAAAAAAAszwM80QM8UQQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwNE0QPM8QPM8AAAAAAAAALA8D/BEEfA8EQAAAAAAAAA0zwM8UQQ8UQQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAABDgAAAQYCEUGrIiAIgTADA4DjQNmgbPAziWBc+D50EUAY5lwfPgeRBFAAAAAAAAAAAAADTPg6pCVeGqAM3zYKpQVaguAAAAAAAAAAAAAJbnQVWhqnBdgOV5MFWYKlQVAAAAAAAAAAAAAE8UobpQXbgqwDNFuCpcFaoLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAABhwAAAIMKEMFBqyIgCIEwBwOIplAQCA4ziWBQAAjuNYFgAAWJYligAAYFmaKAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAGHAAAAgwoQwUGrISAIgCADAoimUBy7IsYFmWBTTNsgCWBtA8gOcBRBEACAAAKHAAAAiwQVNicYBCQ1YCAFEAAAZFsSxNE0WapmmaJoo0TdM0TRR5nqZ5nmlC0zzPNCGKnmeaEEXPM02YpiiqKhBFVRUAAFDgAAAQYIOmxOIAhYasBABCAgAMjmJZnieKoiiKpqmqNE3TPE8URdE0VdVVaZqmeZ4oiqJpqqrq8jxNE0XTFEXTVFXXhaaJommaommqquvC80TRNE1TVVXVdeF5omiapqmqruu6EEVRNE3TVFXXdV0giqZpmqrqurIMRNE0VVVVXVeWgSiapqqqquvKMjBN01RV15VdWQaYpqq6rizLMkBVXdd1ZVm2Aarquq4ry7INcF3XlWVZtm0ArivLsmzbAgAADhwAAAKMoJOMKouw0YQLD0ChISsCgCgAAMAYphRTyjAmIaQQGsYkhBJCJiWVlEqqIKRSUikVhFRSKiWjklJqKVUQUikplQpCKqWVVAAA2IEDANiBhVBoyEoAIA8AgCBGKcYYYwwyphRjzjkHlVKKMeeck4wxxphzzkkpGWPMOeeklIw555xzUkrmnHPOOSmlc84555yUUkrnnHNOSiklhM45J6WU0jnnnBMAAFTgAAAQYKPI5gQjQYWGrAQAUgEADI5jWZqmaZ4nipYkaZrneZ4omqZmSZrmeZ4niqbJ8zxPFEXRNFWV53meKIqiaaoq1xVF0zRNVVVVsiyKpmmaquq6ME3TVFXXdWWYpmmqquu6LmzbVFXVdWUZtq2aqiq7sgxcV3Vl17aB67qu7Nq2AADwBAcAoAIbVkc4KRoLLDRkJQCQAQBAGIOMQgghhRBCCiGElFIICQAAGHAAAAgwoQwUGrISAEgFAACQsdZaa6211kBHKaWUUkqpcIxSSimllFJKKaWUUkoppZRKSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoFAC5VOADoPtiwOsJJ0VhgoSErAYBUAADAGKWYck5CKRVCjDkmIaUWK4QYc05KSjEWzzkHoZTWWiyecw5CKa3FWFTqnJSUWoqtqBQyKSml1mIQwpSUWmultSCEKqnEllprQQhdU2opltiCELa2klKMMQbhg4+xlVhqDD74IFsrMdVaAABmgwMARIINqyOcFI0FFhqyEgAICQAgjFGKMcYYc8455yRjjDHmnHMQQgihZIwx55xzDkIIIZTOOeeccxBCCCGEUkrHnHMOQgghhFBS6pxzEEIIoYQQSiqdcw5CCCGEUkpJpXMQQgihhFBCSSWl1DkIIYQQQikppZRCCCGEEkIoJaWUUgghhBBCKKGklFIKIYRSQgillJRSSimFEEoIpZSSUkkppRJKCSGEUlJJKaUUQggllFJKKimllEoJoYRSSimlpJRSSiGUUEIpBQAAHDgAAAQYQScZVRZhowkXHoBCQ1YCAGQAAJSyUkoorVVAIqUYpNpCR5mDFHOJLHMMWs2lYg4pBq2GyjGlGLQWMgiZUkxKCSV1TCknLcWYSuecpJhzjaVzEAAAAEEAgICQAAADBAUzAMDgAOFzEHQCBEcbAIAgRGaIRMNCcHhQCRARUwFAYoJCLgBUWFykXVxAlwEu6OKuAyEEIQhBLA6ggAQcnHDDE294wg1O0CkqdSAAAAAAAAwA8AAAkFwAERHRzGFkaGxwdHh8gISIjJAIAAAAAAAYAHwAACQlQERENHMYGRobHB0eHyAhIiMkAQCAAAIAAAAAIIAABAQEAAAAAAACAAAABARPZ2dTAARhGAAAAAAAAFUPGmkCAAAAO/2ofAwjXh4fIzYx6uqzbla00kVmK6iQVrrIbAUVUqrKzBmtJH2+gRvgBmJVbdRjKgQGAlI5/X/Ofo9yCQZsoHL6/5z9HuUSDNgAAAAACIDB4P/BQA4NcAAHhzYgQAhyZEChScMgZPzmQwZwkcYjJguOaCaT6Sp/Kand3Luej5yp9HApCHVtClzDUAdARABQMgC00kVNVxCUVrqo6QqCoqpkHqdBZaA+ViWsfXWfDxS00kVNVxDkVrqo6QqCjKoGkDPMI4eZeZZqpq8aZ9AMtNJFzVYQ1Fa6qNkKgqoiGrbSkmkbqXv3aIeKI/3mh4gORh4cy6gShGMZVYJwm9SKkJkzqK64CkyLTGbMGExnzhyrNcyYMQl0nE4rwzDkq0+D/PO1japBzB9E1XqdAUTVep0BnDStQJsDk7gaNQK5UeTMGgwzILIr00nCYH0Gd4wp1aAOEwlvhGwA2nl9c0KAu9LTJUSPIOXVyCVQpPP65oQAd6WnS4geQcqrkUugiC8QZa1eq9eqRUYCAFAWY/oggB0gm5gFWYhtgB6gSIeJS8FxMiAGycBBm2ABURdHBNQRQF0JAJDJ8PhkMplMJtcxH+aYTMhkjut1vXIdkwEAHryuAQAgk/lcyZXZ7Darzd2J3RBRoGf+V69evXJtviwAxOMBNqACAAIoAAAgM2tuRDEpAGAD0Khcc8kAQDgMAKDRbGlmFJENAACaaSYCoJkoAAA6mKlYAAA6TgBwxpkKAIDrBACdBAwA8LyGDACacTIRBoAA/in9zlAB4aA4Vczai/R/roGKBP4+pd8ZKiAcFKeKWXuR/s81UJHAn26QimqtBBQ2MW2QKUBUG+oBegpQ1GslgCIboA3IoId6DZeCg2QgkAyIQR3iYgwursY4RgGEH7/rmjBQwUUVgziioIgrroJRBECGTxaUDEAgvF4nYCagzZa1WbJGkhlJGobRMJpMM0yT0Z/6TFiwa/WXHgAKwAABmgLQiOy5yTVDATQdAACaDYCKrDkyA4A2TgoAAB1mTgpAGycjAAAYZ0yjxAEAmQ6FcQWAR4cHAOhDKACAeGkA0WEaGABQSfYcWSMAHhn9f87rKPpQpe8viN3YXQ08cCAy+v+c11H0oUrfXxC7sbsaeOAAmaAXkPWQ6sBBKRAe/UEYxiuPH7/j9bo+M0cAE31NOzEaVBBMChqRNUdWWTIFGRpCZo7ssuXMUBwgACpJZcmZRQMFQJNxMgoCAGKcjNEAEnoDqEoD1t37wH7KXc7FayXfFzrSQHQ7nxi7yVsKXN6eo7ewMrL+kxn/0wYf0gGXcpEoDSQI4CABFsAJ8AgeGf1/zn9NcuIMGEBk9P85/zXJiTNgAAAAPPz/rwAEHBDgGqgSAgQQAuaOAHj6ELgGOaBqRSpIg+J0EC3U8kFGa5qapr41xuXsTB/BpNn2BcPaFfV5vCYu12wisH/m1IkQmqJLYAKBHAAQBRCgAR75/H/Of01yCQbiZkgoRD7/n/Nfk1yCgbgZEgoAAAAAEADBcPgHQRjEAR4Aj8HFGaAAeIATDng74SYAwgEn8BBHUxA4Tyi3ZtOwTfcbkBQ4DAImJ6AA"></audio>
  2586. <audio id="offline-sound-hit" src="data:audio/mpeg;base64,T2dnUwACAAAAAAAAAABVDxppAAAAABYzHfUBHgF2b3JiaXMAAAAAAkSsAAD/////AHcBAP////+4AU9nZ1MAAAAAAAAAAAAAVQ8aaQEAAAC9PVXbEEf//////////////////+IDdm9yYmlzNwAAAEFPOyBhb1R1ViBiNSBbMjAwNjEwMjRdIChiYXNlZCBvbiBYaXBoLk9yZydzIGxpYlZvcmJpcykAAAAAAQV2b3JiaXMlQkNWAQBAAAAkcxgqRqVzFoQQGkJQGeMcQs5r7BlCTBGCHDJMW8slc5AhpKBCiFsogdCQVQAAQAAAh0F4FISKQQghhCU9WJKDJz0IIYSIOXgUhGlBCCGEEEIIIYQQQgghhEU5aJKDJ0EIHYTjMDgMg+U4+ByERTlYEIMnQegghA9CuJqDrDkIIYQkNUhQgwY56ByEwiwoioLEMLgWhAQ1KIyC5DDI1IMLQoiag0k1+BqEZ0F4FoRpQQghhCRBSJCDBkHIGIRGQViSgwY5uBSEy0GoGoQqOQgfhCA0ZBUAkAAAoKIoiqIoChAasgoAyAAAEEBRFMdxHMmRHMmxHAsIDVkFAAABAAgAAKBIiqRIjuRIkiRZkiVZkiVZkuaJqizLsizLsizLMhAasgoASAAAUFEMRXEUBwgNWQUAZAAACKA4iqVYiqVoiueIjgiEhqwCAIAAAAQAABA0Q1M8R5REz1RV17Zt27Zt27Zt27Zt27ZtW5ZlGQgNWQUAQAAAENJpZqkGiDADGQZCQ1YBAAgAAIARijDEgNCQVQAAQAAAgBhKDqIJrTnfnOOgWQ6aSrE5HZxItXmSm4q5Oeecc87J5pwxzjnnnKKcWQyaCa0555zEoFkKmgmtOeecJ7F50JoqrTnnnHHO6WCcEcY555wmrXmQmo21OeecBa1pjppLsTnnnEi5eVKbS7U555xzzjnnnHPOOeec6sXpHJwTzjnnnKi9uZab0MU555xPxunenBDOOeecc84555xzzjnnnCA0ZBUAAAQAQBCGjWHcKQjS52ggRhFiGjLpQffoMAkag5xC6tHoaKSUOggllXFSSicIDVkFAAACAEAIIYUUUkghhRRSSCGFFGKIIYYYcsopp6CCSiqpqKKMMssss8wyyyyzzDrsrLMOOwwxxBBDK63EUlNtNdZYa+4555qDtFZaa621UkoppZRSCkJDVgEAIAAABEIGGWSQUUghhRRiiCmnnHIKKqiA0JBVAAAgAIAAAAAAT/Ic0REd0REd0REd0REd0fEczxElURIlURIt0zI101NFVXVl15Z1Wbd9W9iFXfd93fd93fh1YViWZVmWZVmWZVmWZVmWZVmWIDRkFQAAAgAAIIQQQkghhRRSSCnGGHPMOegklBAIDVkFAAACAAgAAABwFEdxHMmRHEmyJEvSJM3SLE/zNE8TPVEURdM0VdEVXVE3bVE2ZdM1XVM2XVVWbVeWbVu2dduXZdv3fd/3fd/3fd/3fd/3fV0HQkNWAQASAAA6kiMpkiIpkuM4jiRJQGjIKgBABgBAAACK4iiO4ziSJEmSJWmSZ3mWqJma6ZmeKqpAaMgqAAAQAEAAAAAAAACKpniKqXiKqHiO6IiSaJmWqKmaK8qm7Lqu67qu67qu67qu67qu67qu67qu67qu67qu67qu67qu67quC4SGrAIAJAAAdCRHciRHUiRFUiRHcoDQkFUAgAwAgAAAHMMxJEVyLMvSNE/zNE8TPdETPdNTRVd0gdCQVQAAIACAAAAAAAAADMmwFMvRHE0SJdVSLVVTLdVSRdVTVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVTdM0TRMIDVkJAJABAKAQW0utxdwJahxi0nLMJHROYhCqsQgiR7W3yjGlHMWeGoiUURJ7qihjiknMMbTQKSet1lI6hRSkmFMKFVIOWiA0ZIUAEJoB4HAcQLIsQLI0AAAAAAAAAJA0DdA8D7A8DwAAAAAAAAAkTQMsTwM0zwMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQNI0QPM8QPM8AAAAAAAAANA8D/BEEfBEEQAAAAAAAAAszwM80QM8UQQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwNE0QPM8QPM8AAAAAAAAALA8D/BEEfA8EQAAAAAAAAA0zwM8UQQ8UQQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAABDgAAAQYCEUGrIiAIgTADA4DjQNmgbPAziWBc+D50EUAY5lwfPgeRBFAAAAAAAAAAAAADTPg6pCVeGqAM3zYKpQVaguAAAAAAAAAAAAAJbnQVWhqnBdgOV5MFWYKlQVAAAAAAAAAAAAAE8UobpQXbgqwDNFuCpcFaoLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAABhwAAAIMKEMFBqyIgCIEwBwOIplAQCA4ziWBQAAjuNYFgAAWJYligAAYFmaKAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAGHAAAAgwoQwUGrISAIgCADAoimUBy7IsYFmWBTTNsgCWBtA8gOcBRBEACAAAKHAAAAiwQVNicYBCQ1YCAFEAAAZFsSxNE0WapmmaJoo0TdM0TRR5nqZ5nmlC0zzPNCGKnmeaEEXPM02YpiiqKhBFVRUAAFDgAAAQYIOmxOIAhYasBABCAgAMjmJZnieKoiiKpqmqNE3TPE8URdE0VdVVaZqmeZ4oiqJpqqrq8jxNE0XTFEXTVFXXhaaJommaommqquvC80TRNE1TVVXVdeF5omiapqmqruu6EEVRNE3TVFXXdV0giqZpmqrqurIMRNE0VVVVXVeWgSiapqqqquvKMjBN01RV15VdWQaYpqq6rizLMkBVXdd1ZVm2Aarquq4ry7INcF3XlWVZtm0ArivLsmzbAgAADhwAAAKMoJOMKouw0YQLD0ChISsCgCgAAMAYphRTyjAmIaQQGsYkhBJCJiWVlEqqIKRSUikVhFRSKiWjklJqKVUQUikplQpCKqWVVAAA2IEDANiBhVBoyEoAIA8AgCBGKcYYYwwyphRjzjkHlVKKMeeck4wxxphzzkkpGWPMOeeklIw555xzUkrmnHPOOSmlc84555yUUkrnnHNOSiklhM45J6WU0jnnnBMAAFTgAAAQYKPI5gQjQYWGrAQAUgEADI5jWZqmaZ4nipYkaZrneZ4omqZmSZrmeZ4niqbJ8zxPFEXRNFWV53meKIqiaaoq1xVF0zRNVVVVsiyKpmmaquq6ME3TVFXXdWWYpmmqquu6LmzbVFXVdWUZtq2aqiq7sgxcV3Vl17aB67qu7Nq2AADwBAcAoAIbVkc4KRoLLDRkJQCQAQBAGIOMQgghhRBCCiGElFIICQAAGHAAAAgwoQwUGrISAEgFAACQsdZaa6211kBHKaWUUkqpcIxSSimllFJKKaWUUkoppZRKSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoFAC5VOADoPtiwOsJJ0VhgoSErAYBUAADAGKWYck5CKRVCjDkmIaUWK4QYc05KSjEWzzkHoZTWWiyecw5CKa3FWFTqnJSUWoqtqBQyKSml1mIQwpSUWmultSCEKqnEllprQQhdU2opltiCELa2klKMMQbhg4+xlVhqDD74IFsrMdVaAABmgwMARIINqyOcFI0FFhqyEgAICQAgjFGKMcYYc8455yRjjDHmnHMQQgihZIwx55xzDkIIIZTOOeeccxBCCCGEUkrHnHMOQgghhFBS6pxzEEIIoYQQSiqdcw5CCCGEUkpJpXMQQgihhFBCSSWl1DkIIYQQQikppZRCCCGEEkIoJaWUUgghhBBCKKGklFIKIYRSQgillJRSSimFEEoIpZSSUkkppRJKCSGEUlJJKaUUQggllFJKKimllEoJoYRSSimlpJRSSiGUUEIpBQAAHDgAAAQYQScZVRZhowkXHoBCQ1YCAGQAAJSyUkoorVVAIqUYpNpCR5mDFHOJLHMMWs2lYg4pBq2GyjGlGLQWMgiZUkxKCSV1TCknLcWYSuecpJhzjaVzEAAAAEEAgICQAAADBAUzAMDgAOFzEHQCBEcbAIAgRGaIRMNCcHhQCRARUwFAYoJCLgBUWFykXVxAlwEu6OKuAyEEIQhBLA6ggAQcnHDDE294wg1O0CkqdSAAAAAAAAwA8AAAkFwAERHRzGFkaGxwdHh8gISIjJAIAAAAAAAYAHwAACQlQERENHMYGRobHB0eHyAhIiMkAQCAAAIAAAAAIIAABAQEAAAAAAACAAAABARPZ2dTAATCMAAAAAAAAFUPGmkCAAAAhlAFnjkoHh4dHx4pKHA1KjEqLzIsNDQqMCveHiYpczUpLS4sLSg3MicsLCsqJTIvJi0sKywkMjbgWVlXWUa00CqtQNVCq7QC1aoNVPXg9Xldx3nn5tixvV6vb7TX+hg7cK21QYgAtNJFphRUtpUuMqWgsqrasj2IhOA1F7LFMdFaWzkAtNBFpisIQgtdZLqCIKjqAAa9WePLkKr1MMG1FlwGtNJFTSkIcitd1JSCIKsCAQWISK0Cyzw147T1tAK00kVNKKjQVrqoCQUVqqr412m+VKtZf9h+TDaaztAAtNJFzVQQhFa6qJkKgqAqUGgtuOa2Se5l6jeXGSqnLM9enqnLs5dn6m7TptWUiVUVN4jhUz9//lzx+Xw+X3x8fCQSiWggDAA83UXF6/vpLipe3zsCULWMBE5PMTBMlsv39/f39/f39524nZ13CDgaRFuLYTbaWgyzq22MzEyKolIpst50Z9PGqqJSq8T2++taLf3+oqg6btyouhEjYlxFjXxex1wCBFxcv+PmzG1uc2bKyJFLLlkizZozZ/ZURpZs2TKiWbNnz5rKyJItS0akWbNnzdrIyJJtxmCczpxOATRRhoPimyjDQfEfIFMprQDU3WFYbXZLZZxMhxrGyRh99Uqel55XEk+9efP7I/FU/8Ojew4JNN/rTq6b73Un1x+AVSsCWD2tNqtpGOM4DOM4GV7n5th453cXNGcfAYQKTFEOguKnKAdB8btRLxNBWUrViLoY1/q1er+Q9xkvZM/IjaoRf30xu3HLnr61fu3UBDRZHZdqsjoutQeAVesAxNMTw2rR66X/Ix6/T5tx80+t/D67ipt/q5XfJzTfa03Wzfdak/UeAEpZawlsbharxTBVO1+c2nm/7/f1XR1dY8XaKWMH3aW9xvEFRFEksXgURRKLn7VamSFRVnYXg0C2Zo2MNE3+57u+e3NFlVev1uufX6nU3Lnf9d1j4wE03+sObprvdQc3ewBYFIArAtjdrRaraRivX7x+8VrbHIofG0n6cFwtNFKYBzxXA2j4uRpAw7dJRkSETBkZV1V1o+N0Op1WhmEyDOn36437RbKvl7zz838wgn295Iv8/Ac8UaRIPFGkSHyAzCItAXY3dzGsNueM6VDDOJkOY3QYX008L6vnfZp/3qf559VQL3Xm1SEFNN2fiMA03Z+IwOwBoKplAKY4TbGIec0111x99dXr9XrjZ/nzdSWXBekAHEsWp4ljyeI0sVs2FEGiLFLj7rjxeqG8Pm+tX/uW90b+DX31bVTF/I+Ut+/sM1IA/MyILvUzI7rUbpNqyIBVjSDGVV/Jo/9H6G/jq+5y3Pzb7P74Znf5ffZtApI5/fN5SAcHjIhB5vTP5yEdHDAiBt4oK/WGeqUMMspeTNsGk/H/PziIgCrG1Rijktfreh2vn4DH78WXa25yZkizZc9oM7JmaYeZM6bJOJkOxmE69Hmp/q/k0fvVRLln3H6fXcXNPt78W638Ptlxsytv/pHyW7Pfp1Xc7L5XfqvZb5MdN7vy5p/u8lut/D6t4mb3vfmnVn6bNt9nV3Hzj1d+q9lv02bc7Mqbf6vZb+N23OzKm73u8lOz3+fY3uwqLv1022+THTepN38yf7XyW1aX8YqjACWfDTiAA+BQALTURU0oCFpLXdSEgqAJpAKxrLtzybNt1Go5VeJAASzRnh75Eu3pke8BYNWiCIBVLdgsXMqlXBJijDGW2Sj5lUqlSJFpPN9fAf08318B/ewBUMUiA3h4YGIaooZrfn5+fn5+fn5+fn6mtQYKcQE8WVg5YfJkYeWEyWqblCIiiqKoVGq1WqxWWa3X6/V6vVoty0zrptXq9/u4ccS4GjWKGxcM6ogaNWpUnoDf73Xd3OQml2xZMhJNM7Nmz54zZ/bsWbNmphVJRpYs2bJly5YtS0YSoWlm1uzZc+bMnj17ZloATNNI4PbTNBK4/W5jlJGglFJWI4hR/levXr06RuJ5+fLly6Ln1atXxxD18uXLKnr+V8cI8/M03+vErpvvdWLXewBYxVoC9bBZDcPU3Bevtc399UWNtZH0p4MJZov7AkxThBmYpggzcNVCJqxIRQwiLpNBxxqUt/NvuCqmb2Poa+RftCr7DO3te16HBjzbulL22daVsnsAqKIFwMXVzbCLYdVe9vGovzx9xP7469mk3L05d1+qjyKuPAY8397G2PPtbYztAWDVQgCH09MwTTG+Us67nX1fG5G+0o3YvspGtK+yfBmqAExTJDHQaYokBnrrZZEZkqoa3BjFDJlmGA17PF+qE/GbJd3xm0V38qoYT/aLuTzh6w/ST/j6g/QHYBVgKYHTxcVqGKY5DOM4DNNRO3OXkM0JmAto6AE01xBa5OYaQou8B4BmRssAUNQ0TfP169fv169fvz6XSIZhGIbJixcvXrzIFP7+/3/9evc/wyMAVFM8EEOvpngghr5by8hIsqiqBjXGXx0T4zCdTCfj8PJl1fy83vv7q1fHvEubn5+fnwc84etOrp/wdSfXewBUsRDA5upqMU1DNl+/GNunkTDUGrWzn0BDIC5UUw7CwKspB2HgVzVFSFZ1R9QxU8MkHXvLGV8jKxtjv6J9G0N/MX1fIysbQzTdOlK26daRsnsAWLUGWFxcTQum8Skv93j2KLpfjSeb3fvFmM3xt3L3/mwCPN/2Rvb5tjeyewBULQGmzdM0DMzS3vEVHVu6MVTZGNn3Fe37WjxU2RjqAUxThJGfpggjv1uLDAlVdeOIGNH/1P9Q5/Jxvf49nmyOj74quveLufGb4zzh685unvB1Zzd7AFQAWAhguLpaTFNk8/1i7Ni+Oq5BxQVcGABEVcgFXo+qkAu8vlurZiaoqiNi3N2Z94sXL168ePEiR4wYMWLEiBEjRowYMWLEiBEjAFRVtGm4qqJNw7ceGRkZrGpQNW58OozDOIzDy5dV8/Pz8/Pz8/Pz8/Pz8/Pz8/NlPN/rDr6f73UH33sAVLGUwHRxsxqGaq72+tcvy5LsLLZ5JdBo0BdUU7Qgr6ZoQb4NqKon4PH6zfFknHYYjOqLT9XaWdkYWvQr2vcV7fuK9n3F9AEs3SZSduk2kbJ7AKhqBeDm7maYaujzKS8/0f/UJ/eL7v2ie7/o3rfHk83xBDzdZlLu6TaTcnsAWLUAYHcz1KqivUt7V/ZQZWPoX7TvK9r3a6iyMVSJ6QNMUaSQnaJIIXvrGSkSVTWIihsZpsmYjKJ/8vTxvC6694sxm+PJ5vhbuXu/ADzf6w5+nu91Bz97AFi1lACHm9UwVHPztbbpkiKHJVsy2SAcDURTFhZc0ZSFBdeqNqiKQXwej8dxXrx48eLFixcvXrx4oY3g8/////////+voo3IF3cCRE/xjoLoKd5RsPUCKVN9jt/v8TruMJ1MJ9PJ6E3z8y9fvnz58uXLly+rSp+Z+V+9ejXv7+8eukl9XpcPJED4YJP6vC4fSIDwgWN7vdDrmfT//4PHDfg98ns9/qDHnBxps2RPkuw5ciYZOXPJmSFrllSSNVumJDNLphgno2E6GQ3jUBmPeOn/KP11zY6bfxvfjCu/TSuv/Datustxs0/Njpt9anbc7Nv4yiu/TSuv/Datustxs0/Njpt9aptx82/jm175bVp55bfZ/e5y3OxT24ybfWqbcfNv08orv00rr/w27dfsuNmnthk3+7SVV36bVl75bVqJnUxPzXazT0294mnq2W+TikmmE5LiQb3pAa94mnpFAGxeSf1/jn9mWTgDBjhUUv+f459ZFs6AAQ4AAAAAAIAH/0EYBHEAB6gDzBkAAUxWjEAQk7nWaBZuuKvBN6iqkoMah7sAhnRZ6lFjmllwEgGCAde2zYBzAB5AAH5J/X+Of81ycQZMHI0uqf/P8a9ZLs6AiaMRAAAAAAIAOPgPw0EUEIddhEaDphAAjAhrrgAUlNDwPZKFEPFz2JKV4FqHl6tIxjaQDfQAiJqgZk1GDQgcBuAAfkn9f45/zXLiDBgwuqT+P8e/ZjlxBgwYAQAAAAAAg/8fDBlCDUeGDICqAJAT585AAALkhkHxIHMR3AF8IwmgWZwQhv0DcpcIMeTjToEGKDQAB0CEACgAfkn9f45/LXLiDCiMxpfU/+f41yInzoDCaAwAAAAEg4P/wyANDgAEhDsAujhQcBgAHEakAKBZjwHgANMYAkIDo+L8wDUrrgHpWnPwBBoJGZqDBmBAUAB1QANeOf1/zn53uYQA9ckctMrp/3P2u8slBKhP5qABAAAAAACAIAyCIAiD8DAMwoADzgECAA0wQFMAiMtgo6AATVGAE0gADAQA"></audio>
  2587. <audio id="offline-sound-reached" src="data:audio/mpeg;base64,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"></audio>
  2588. </template>
  2589. </div>
  2590.  
  2591. <script type="text/javascript">
  2592. if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
  2593. new Runner('.interstitial-wrapper');
  2594. } else {
  2595. document.getElementById("main-frame-notchrome").style.display="";
  2596. }
  2597. </script>
  2598.  
  2599.  
  2600. <script type="text/javascript">
  2601. if (navigator.userAgent.toLowerCase().indexOf('chrome') <= -1) {
  2602. hideClass(".onlyforchrome");
  2603. }
  2604. </script>
  2605.  
  2606. <script type="text/javascript"> //<![CDATA[
  2607. shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},
  2608. shortcut.add("esc",function(){top.location.href="info-me2.blogspot.co.id"});
  2609. shortcut.add("Ctrl+Shift+Del",function(){top.location.href="info-me2.blogspot.co.id"});
  2610. shortcut.add("Ctrl+F",function(){top.location.href="info-me2.blogspot.co.id"});
  2611. shortcut.add("Ctrl+W",function(){top.location.href="info-me2.blogspot.co.id"});
  2612. shortcut.add("Ctrl+U",function(){top.location.href="info-me2.blogspot.co.id"});
  2613. shortcut.add("Ctrl+A",function(){top.location.href="info-me2.blogspot.co.id"});
  2614. shortcut.add("Ctrl+S",function(){top.location.href="info-me2.blogspot.co.id"});
  2615. shortcut.add("Ctrl+X",function(){top.location.href="info-me2.blogspot.co.id"});
  2616. shortcut.add("Ctrl+C",function(){top.location.href="info-me2.blogspot.co.id"});
  2617. shortcut.add("Ctrl+V",function(){top.location.href="info-me2.blogspot.co.id"});
  2618. shortcut.add("Ctrl+Y",function(){top.location.href="info-me2.blogspot.co.id"});
  2619. shortcut.add("Ctrl+Z",function(){top.location.href="info-me2.blogspot.co.id"});
  2620. //]]></script>
  2621.  
  2622. <body>
  2623. <link href="http://id.allfont.net/allfont.css?fonts=solsticeofsuffering" rel="stylesheet" type="text/css" />
  2624. <body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">
  2625. <div id="container">
  2626. <td bgcolor="#000000" width="150" height="10" valign="middle" align="center">
  2627. <br>
  2628. <br>
  2629. <h1 id="h1">HaCkeD By FirewalL21</h1>
  2630.  
  2631. <font color="magenta">[x] Anonymous Cyber Team [x]</Font>
  2632. </div>
  2633. <br>
  2634. <br>
  2635. <font face='arial' size='1' color='white'>MY FAMILY </font>
  2636. <br>
  2637. <font face ='verdana' size='2'>
  2638. <marquee scrollamount='6'>
  2639. || Mr.TenWap | MDR01| S3RVANTIN | Zero_S | Mrs.Veey | 4WSec | faded | Black_Knox | Mr.Bro_Tx | MrXjam | R0ckF1re007 | Horor[MIK} | AMX69X | KUT3MAX | FVCK_DOG | MRZ | B_MAX07 | Mr.Syntax Error | hobSkoy | Tn.G3zC0Rp | Mr.Jak |Mr.FakeFace | Mr.Badboys | Mr.SecretsXp |Mr.Betet|L33.T3CH_W012M1N6 | Ghost_Clown | Norex3297 | TheSnare | X5IMP | Mr.G_Coeng|EC3X404 | Tsar Qov
  2640. </marquee></font>
  2641.  
  2642.  
  2643. <center>
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!