Can more conveniently set easing from JS.

chrome/browser/resources/vr_shell/vr_shell_ui_api.js

 // Copyright 2016 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.
 
 var api = {};
 
 /**
  * Enumeration of scene update commands.
  * @enum {number}
  * @const
@@ skipping 110 matching lines @@
 };
 
 api.FillType = {
   'NONE': 0,
   'SPRITE': 1,
   'OPAQUE_GRADIENT': 2,
   'GRID_GRADIENT': 3,
   'CONTENT': 4
 };
 
+/**
+ * Abstract fill base class.
+ * @abstract
+ */
 api.Fill = class {
   constructor(type) {
     this.properties = {};
     this.properties['fillType'] = type;
   }
 }
 
 api.Sprite = class extends api.Fill {
   constructor(pixelX, pixelY, pixelWidth, pixelHeight) {
     super(api.FillType.SPRITE);
@@ skipping 185 matching lines @@
   'SCALE': 3,
   'ROTATION': 4,
   'OPACITY': 5
 };
 
 /**
  * Enumeration of easing type.
  * @enum {number}
  * @const
  */
-api.Easing = {
+api.EasingType = {
   'LINEAR': 0,
   'CUBICBEZIER': 1,
   'EASEIN': 2,
   'EASEOUT': 3
 };
 
+/** @const */ var DEFAULT_EASING_POW = 2;
+/** @const */ var DEFAULT_CUBIC_BEZIER_P1X = 0.25;
+/** @const */ var DEFAULT_CUBIC_BEZIER_P1Y = 0;
+/** @const */ var DEFAULT_CUBIC_BEZIER_P2X = 0.75;
+/** @const */ var DEFAULT_CUBIC_BEZIER_P2Y = 1;
+
+/**
+ * Abstract easing base class.
+ * @abstract
+ */
+api.Easing = class {
+  constructor(type) {
+    this.type = type;
+  }
+}
+
+api.LinearEasing = class extends api.Easing {
+  constructor() {
+    super(api.EasingType.LINEAR);
+  }
+}
+
+api.CubicBezierEasing = class extends api.Easing {
+  constructor(
+      p1x = DEFAULT_CUBIC_BEZIER_P1X,
+      p1y = DEFAULT_CUBIC_BEZIER_P1Y,
+      p2x = DEFAULT_CUBIC_BEZIER_P2X,
+      p2y = DEFAULT_CUBIC_BEZIER_P2Y) {
+    super(api.EasingType.CUBICBEZIER);
+    this.p1x = p1x;
+    this.p1y = p1y;
+    this.p2x = p2x;
+    this.p2y = p2y;
+  }
+}
+
+api.InEasing = class extends api.Easing {
+  constructor(pow = DEFAULT_EASING_POW) {
+    super(api.EasingType.EASEIN);
+    this.pow = pow;
+  }
+}
+
+api.OutEasing = class extends api.Easing {
+  constructor(pow = DEFAULT_EASING_POW) {
+    super(api.EasingType.EASEOUT);
+    this.pow = pow;
+  }
+}
+
 /**
  * Base animation class. An animation can vary only one object property.
  * @struct
  */
 api.Animation = class {
   constructor(elementId, durationMs) {
     /** @private {number} */
     this.id = -1;
     /** @private {number} */
     this.meshId = elementId;
     /** @private {number} */
     this.property = -1;
     /** @private {Object} */
     this.to = {};
     /** @private {Object} */
-    this.easing = {};
+    this.easing = new api.LinearEasing();
 
     // How many milliseconds in the future to start the animation.
     /** @private {number} */
     this.startInMillis = 0.0;
 
     // Duration of the animation (milliseconds).
     /** @private {number} */
     this.durationMillis = durationMs;
-
-    this.easing.type = api.Easing.LINEAR;
   }
 
   /**
    * Set the id of the animation.
    * @param {number} id
    */
   setId(id) {
     this.id = id;
   }
 
@@ skipping 50 matching lines @@
   }
 
   /**
    * Set the animation's final element opacity.
    * @param {number} opacity
    */
   setOpacity(opacity) {
     this.property = api.Property.OPACITY;
     this.to.x = opacity;
   }
+
+  /**
+   * Set the animation's easing.
+   * @param {api.Easing} easing
+   */
+  setEasing(easing) {
+    this.easing = easing;
+  }
 };
 
 /**
  * Abstract class handling webui command calls from native.  The UI must
  * subclass this and override the handlers.
+ * @abstract
  */
 api.NativeCommandHandler = class {
   /**
    * @param {api.Mode} mode
    */
   onSetMode(mode) {}
 
   /**
    * Handles entering or exiting full-screen mode.
    * @param {boolean} fullscreen
@@ skipping 114 matching lines @@
     if ('updateTab' in dict) {
       this.onUpdateTab(dict['updateTabs']);
     }
     if ('removeTab' in dict) {
       this.onRemoveTab(dict['removeTab']);
     }
 
     this.onCommandHandlerFinished()
   }
 };