ত্রিমাত্রিক (3D) আকৃতিকে ঘোরানো

$x^{\prime }=x\times cos(\theta )$‍

$y^{\prime }=x\times sin(\theta )$‍

$\begin{array}{rl}& x=r\times cos(\alpha )\\ & y=r\times sin(\alpha )\end{array}$‍

$\begin{array}{rl}& x^{\prime }=r\times cos(\alpha +\beta )\\ & y^{\prime }=r\times sin(\alpha +\beta )\end{array}$‍

$\begin{array}{rl}& x^{\prime }=r\times cos(\alpha )cos(\beta )-r\times sin(\alpha )sin(\beta )\\ & y^{\prime }=r\times sin(\alpha )cos(\beta )+r\times cos(\alpha )sin(\beta )\end{array}$‍

$\begin{array}{rl}& x^{\prime }=x\times cos(\beta )-y\times sin(\beta )\\ & y^{\prime }=y\times cos(\beta )+x\times sin(\beta )\end{array}$‍

var rotateZ3D = function(theta) {
   var sinTheta = sin(theta);
   var cosTheta = cos(theta);
   for (var n = 0; n < nodes.length; n++) {
      var node = nodes[n];
      var x = node[0];
      var y = node[1];
      node[0] = x * cosTheta - y * sinTheta;
      node[1] = y * cosTheta + x * sinTheta;
   }
};

rotateZ3D(30);

var rotateY3D = function(theta) {
   var sinTheta = sin(theta);
   var cosTheta = cos(theta);
   for (var n = 0; n < nodes.length; n++) {
      var node = nodes[n];
      var x = node[0];
      var z = node[2];
      node[0] = x * cosTheta - z * sinTheta;
      node[2] = z * cosTheta + x * sinTheta;
   }
};

var rotateX3D = function(theta) {
   var sinTheta = sin(theta);
   var cosTheta = cos(theta);
   for (var n = 0; n < nodes.length; n++) {
      var node = nodes[n];
      var y = node[1];
      var z = node[2];
      node[1] = y * cosTheta - z * sinTheta;
      node[2] = z * cosTheta + y * sinTheta;
   }
};

rotateX3D(30);
rotateY3D(30);

mouseDragged = function() {
   rotateY3D(mouseX - pmouseX);
   rotateX3D(mouseY - pmouseY);
};