Workaround for displaying the Trex at the beginning

components/neterror/resources/offline.js

 // Copyright (c) 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 (function() {
 'use strict';
 /**
  * T-Rex runner.
  * @param {string} outerContainerId Outer containing element id.
  * @param {Object} opt_config
  * @constructor
@@ skipping 1478 matching lines @@
   this.status = Trex.status.WAITING;
 
   this.jumping = false;
   this.ducking = false;
   this.jumpVelocity = 0;
   this.reachedMinHeight = false;
   this.speedDrop = false;
   this.jumpCount = 0;
   this.jumpspotX = 0;
 
+  this.count = 0;
+
   this.init();
 };
 
 
 /**
  * T-rex player config.
  * @enum {number}
  */
 Trex.config = {
   DROP_VELOCITY: -5,
@@ skipping 117 matching lines @@
       this.currentFrame = 0;
       this.msPerFrame = Trex.animFrames[opt_status].msPerFrame;
       this.currentAnimFrames = Trex.animFrames[opt_status].frames;
 
       if (opt_status == Trex.status.WAITING) {
         this.animStartTime = getTimeStamp();
         this.setBlinkDelay();
       }
     }
 
+    // Count to 3: once at the Trex creation, once at the runner.update() and
+    // once for the first frame update using requestAnimationFrame
+    if(this.count < 3) {
+      this.count++;
+      this.draw(0, 0);
+    }
+
     // Game intro animation, T-rex moves in from the left.
     if (this.playingIntro && this.xPos < this.config.START_X_POS) {
       this.xPos += Math.round((this.config.START_X_POS /
           this.config.INTRO_DURATION) * deltaTime);
     }
 
     if (this.status == Trex.status.WAITING) {
       this.blink(getTimeStamp());
     } else {
       this.draw(this.currentAnimFrames[this.currentFrame], 0);
@@ skipping 1035 matching lines @@
 
   /**
    * Add a new cloud to the horizon.
    */
   addCloud: function() {
     this.clouds.push(new Cloud(this.canvas, this.spritePos.CLOUD,
         this.dimensions.WIDTH));
   }
 };
 })();