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 179 matching lines @@
 
 /**
  * @param {!CSSMatrix} rotationMatrix
  * @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));
+    return new WebInspector.Geometry.EulerAngles(WebInspector.Geometry.radiansToDegrees(alpha), WebInspector.Geometry.radiansToDegrees(beta), WebInspector.Geometry.radiansToDegrees(gamma));
+}
+
+WebInspector.Geometry.EulerAngles.prototype = {
+    /**
+     * @return {string}
+     */
+    toRotate3DString: function()
+    {
+        var gammaAxisY = Math.sin(WebInspector.Geometry.degreesToRadians(this.beta));
+        var gammaAxisZ = Math.cos(WebInspector.Geometry.degreesToRadians(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 46 matching lines @@
  */
 WebInspector.Geometry.calculateAngle = function(u, v)
 {
     var uLength = u.length();
     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));
+    return WebInspector.Geometry.radiansToDegrees(Math.acos(cos));
+}
+
+/**
+ * @param {number} deg
+ * @return {number}
+ */
+WebInspector.Geometry.degreesToRadians = function(deg)
+{
+    return deg * Math.PI / 180;
 }
 
 /**
  * @param {number} rad
  * @return {number}
  */
-WebInspector.Geometry.radToDeg = function(rad)
+WebInspector.Geometry.radiansToDegrees = function(rad)
 {
     return rad * 180 / Math.PI;
 }
 
 /**
  * @param {!CSSMatrix} matrix
  * @param {!Array.<number>} points
  * @param {{minX: number, maxX: number, minY: number, maxY: number}=} aggregateBounds
  * @return {!{minX: number, maxX: number, minY: number, maxY: number}}
  */
@@ skipping 208 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));
 }