DevTools: fix janky transition in sensors panel

third_party/WebKit/Source/devtools/front_end/common/Geometry.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 182 matching lines @@
  * @return {!WebInspector.Geometry.EulerAngles}
  */
 WebInspector.Geometry.EulerAngles.fromRotationMatrix = function(rotationMatrix)
 {
     var beta = Math.atan2(rotationMatrix.m23, rotationMatrix.m33);
     var gamma = Math.atan2(-rotationMatrix.m13, Math.sqrt(rotationMatrix.m11 * rotationMatrix.m11 + rotationMatrix.m12 * rotationMatrix.m12));
     var alpha = Math.atan2(rotationMatrix.m12, rotationMatrix.m11);
     return new WebInspector.Geometry.EulerAngles(WebInspector.Geometry.radToDeg(alpha), WebInspector.Geometry.radToDeg(beta), WebInspector.Geometry.radToDeg(gamma));
 }
 
+WebInspector.Geometry.EulerAngles.prototype = {
+    /**
+     * @return {string}
+     */
+    toRotate3DString: function()
+    {
+        var gammaAxisY = Math.sin(WebInspector.Geometry.degToRad(this.beta));
+        var gammaAxisZ = Math.cos(WebInspector.Geometry.degToRad(this.beta));
+        var axis = {
+            alpha: [0, -1, 0],
+            beta: [1, 0, 0],
+            gamma: [0, gammaAxisY, gammaAxisZ]
+        };
+        return "rotate3d(" + axis.alpha.join(",") + "," + this.alpha + "deg) "
+            + "rotate3d(" + axis.beta.join(",") + "," + this.beta + "deg) "
+            + "rotate3d(" + axis.gamma.join(",") + "," + this.gamma + "deg)";
+    }
+}
+
 /**
  * @param {!WebInspector.Geometry.Vector} u
  * @param {!WebInspector.Geometry.Vector} v
  * @return {number}
  */
 WebInspector.Geometry.scalarProduct = function(u, v)
 {
     return u.x * v.x + u.y * v.y + u.z * v.z;
 }
 
@@ skipping 48 matching lines @@
     var vLength = v.length();
     if (uLength <= WebInspector.Geometry._Eps || vLength <= WebInspector.Geometry._Eps)
         return 0;
     var cos = WebInspector.Geometry.scalarProduct(u, v) / uLength / vLength;
     if (Math.abs(cos) > 1)
         return 0;
     return WebInspector.Geometry.radToDeg(Math.acos(cos));
 }
 
 /**
+ * @param {number} deg
+ * @return {number}
+ */
+WebInspector.Geometry.degToRad = function(deg)

[lushnikov, 2016/05/16 21:51:08]

.toRadians = 

We avoid abbreviations as much as possible 

[luoe, 2016/05/16 22:15:56]

Sounds good.  I was trying to match the style of
"WebInspector.Geometry.radToDeg" which I found below.  I can change those
instances to radiansToDegrees as well.

+{
+    return deg * Math.PI / 180;
+}
+
+/**
  * @param {number} rad
  * @return {number}
  */
 WebInspector.Geometry.radToDeg = function(rad)
 {
     return rad * 180 / Math.PI;
 }
 
 /**
  * @param {!CSSMatrix} matrix
@@ skipping 212 matching lines @@
 /**
  * @param {!Constraints|number} value
  * @return {!Constraints}
  */
 Constraints.prototype.addHeight = function(value)
 {
     if (typeof value === "number")
         return new Constraints(this.minimum.addHeight(value), this.preferred.addHeight(value));
     return new Constraints(this.minimum.addHeight(value.minimum), this.preferred.addHeight(value.preferred));
 }