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

$x' = x \times cos(\theta)$x, prime, equals, x, times, c, o, s, left parenthesis, theta, right parenthesis

$y' = x \times sin(\theta)$y, prime, equals, x, times, s, i, n, left parenthesis, theta, right parenthesis

$x = r × cos(α) \\ y = r × sin(α)$

$x' = r × cos(α + β) \\ y' = r × sin(α + β)$

$x' = r × cos(α) cos(β) - r × sin(α) sin(β) \\ y' = r × sin(α) cos(β) + r × cos(α) sin(β)$

$x' = x × cos(β) - y × sin(β) \\ y' = y × cos(β) + x × sin(β)$

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);
};