API tools faq
paste
Advertisement
claukiller

doggies

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