KaneAI - World’s First E2E Software Testing Agent.Book a Demo Join TestMu Conference

How to use rotate3dToMatrix3d method in wpt

Best JavaScript code snippet using wpt

property-types.js

Source:property-types.js

...778      var idlName = propertyToIDL(property);779      var target = createTestElement(t, setup);780      // To calculate expected matrices easily, generate input matrices from781      // rotate3d.782      var from = rotate3dToMatrix3d(1, 1, 0, Math.PI / 4);783      var to = rotate3dToMatrix3d(1, 1, 0, Math.PI * 3 / 4);784      var animation =785        target.animate({ [idlName]: [ from, to ] }, 1000);786      testAnimationSampleMatrices(animation, idlName,787        [{ time: 500, expected: rotate3dToMatrix(1, 1, 0, Math.PI * 2 / 4) }]);788    }, property + ': matrix3d');789    // This test aims for forcing the two mismatched transforms to be790    // decomposed into matrix3d before interpolation. Therefore, we not only791    // test the interpolation, but also test the 3D matrix decomposition.792    test(function(t) {793      var idlName = propertyToIDL(property);794      var target = createTestElement(t, setup);795      var animation =796        target.animate({ [idlName]: ['scale(0.3)',797                                     // scale(0.5) translateZ(1px)798                                     'matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1)'] },799                       1000);800      testAnimationSampleMatrices(animation, idlName,801        [{ time: 500,  expected: [ 0.4, 0,   0,   0,802                                   0,   0.4, 0,   0,803                                   0,   0,   1,   0,804                                   0,   0,   0.5, 1] }]);805    }, property + ': mismatched 3D transforms');806    test(function(t) {807      var idlName = propertyToIDL(property);808      var target = createTestElement(t, setup);809      var animation =810        target.animate({ [idlName]: ['rotateY(60deg)', 'none' ] }, 1000);811      testAnimationSampleMatrices(animation, idlName,812                   // rotateY(30deg) == rotate3D(0, 1, 0, 30deg)813        [{ time: 500, expected: rotate3dToMatrix(0, 1, 0, Math.PI / 6) }]);814    }, property + ': rotateY');815  },816  testAddition: function(property, setup) {817    test(function(t) {818      var idlName = propertyToIDL(property);819      var target = createTestElement(t, setup);820      target.style[idlName] = 'translateX(100px)';821      var animation = target.animate({ [idlName]: ['translateX(-200px)',822                                                   'translateX(500px)'] },823                                     { duration: 1000, fill: 'both',824                                       composite: 'add' });825      testAnimationSampleMatrices(animation, idlName,826        [ { time: 0,    expected: [ 1, 0, 0, 1, -100, 0 ] },827          { time: 1000, expected: [ 1, 0, 0, 1,  600, 0 ] }]);828    }, property + ': translate');829    test(function(t) {830      var idlName = propertyToIDL(property);831      var target = createTestElement(t, setup);832      target.style[idlName] = 'rotate(45deg)';833      var animation = target.animate({ [idlName]: ['rotate(-90deg)',834                                                   'rotate(90deg)'] },835                                     { duration: 1000, fill: 'both',836                                       composite: 'add' });837      testAnimationSampleMatrices(animation, idlName,838        [{ time: 0,    expected: [ Math.cos(-Math.PI / 4),839                                   Math.sin(-Math.PI / 4),840                                  -Math.sin(-Math.PI / 4),841                                   Math.cos(-Math.PI / 4),842                                   0, 0] },843         { time: 1000, expected: [ Math.cos(Math.PI * 3 / 4),844                                   Math.sin(Math.PI * 3 / 4),845                                  -Math.sin(Math.PI * 3 / 4),846                                   Math.cos(Math.PI * 3 / 4),847                                   0, 0] }]);848    }, property + ': rotate');849    test(function(t) {850      var idlName = propertyToIDL(property);851      var target = createTestElement(t, setup);852      target.style[idlName] = 'scale(2)';853      var animation = target.animate({ [idlName]: ['scale(-3)', 'scale(5)'] },854                                     { duration: 1000, fill: 'both',855                                       composite: 'add' });856      testAnimationSampleMatrices(animation, idlName,857        [{ time: 0,    expected: [ -6, 0, 0, -6, 0, 0 ] }, // scale(-3) scale(2)858         { time: 1000, expected: [ 10, 0, 0, 10, 0, 0 ] }]); // scale(5) scale(2)859    }, property + ': scale');860    test(function(t) {861      var idlName = propertyToIDL(property);862      var target = createTestElement(t, setup);863                              // matrix(1, tan(10deg), tan(10deg), 1)864      target.style[idlName] = 'skew(10deg, 10deg)';865      var animation =                // matrix(1, tan(20deg), tan(-30deg), 1)866        target.animate({ [idlName]: ['skew(-30deg, 20deg)',867                                     // matrix(1, tan(-30deg), tan(20deg), 1)868                                     'skew(20deg, -30deg)'] },869                       { duration: 1000, fill: 'both', composite: 'add' });870      // matrix at 0%.871      // [ 1          tan(10deg) ] [ 1          tan(-30deg) ]872      // [ tan(10deg)          1 ] [ tan(20deg)           1 ] =873      //874      // [ 1 + tan(10deg) * tan(20deg) tan(-30deg) + tan(10deg)     ]875      // [     tan(10deg) + tan(20deg) tan(10deg) * tan(-30deg) + 1 ]876      // matrix at 100%.877      // [ 1          tan(10deg) ] [ 1           tan(20deg) ]878      // [ tan(10deg)          1 ] [ tan(-30deg)          1 ] =879      //880      // [ 1 + tan(10deg) * tan(-30deg) tan(20deg) + tan(10deg)     ]881      // [     tan(10deg) + tan(-30deg) tan(10deg) * tan(20deg) + 1 ]882      testAnimationSampleMatrices(animation, idlName,883        [{ time: 0,    expected: [ 1 + Math.tan(Math.PI/18) * Math.tan(Math.PI/9),884                                   Math.tan(Math.PI/18) + Math.tan(Math.PI/9),885                                   Math.tan(-Math.PI/6) + Math.tan(Math.PI/18),886                                   1 + Math.tan(Math.PI/18) * Math.tan(-Math.PI/6),887                                   0, 0] },888         { time: 1000, expected: [ 1 + Math.tan(Math.PI/18) * Math.tan(-Math.PI/6),889                                   Math.tan(Math.PI/18) + Math.tan(-Math.PI/6),890                                   Math.tan(Math.PI/9) + Math.tan(Math.PI/18),891                                   1 + Math.tan(Math.PI/18) * Math.tan(Math.PI/9),892                                   0, 0] }]);893    }, property + ': skew');894    test(function(t) {895      var idlName = propertyToIDL(property);896      var target = createTestElement(t, setup);897                               // matrix(1, 0, 0, 1, 100, 0)898      target.style[idlName] = 'translateX(100px)';899      var animation =                // matrix(0, 1, -1, 0, 0, 0)900        target.animate({ [idlName]: ['rotate(90deg)',901                                     // matrix(-1, 0, 0, -1, 0, 0)902                                     'rotate(180deg)'] },903                       { duration: 1000, fill: 'both', composite: 'add' });904      testAnimationSampleMatrices(animation, idlName,905        [{ time: 0,    expected: [  0, 1, -1,  0, 100, 0 ] },906         { time: 1000, expected: [ -1, 0,  0, -1, 100, 0 ] }]);907    }, property + ': rotate on translate');908    test(function(t) {909      var idlName = propertyToIDL(property);910      var target = createTestElement(t, setup);911                               // matrix(0, 1, -1, 0, 0, 0)912      target.style[idlName] = 'rotate(90deg)';913      var animation =                // matrix(1, 0, 0, 1, 100, 0)914        target.animate({ [idlName]: ['translateX(100px)',915                                     // matrix(1, 0, 0, 1, 200, 0)916                                     'translateX(200px)'] },917                       { duration: 1000, fill: 'both', composite: 'add' });918      testAnimationSampleMatrices(animation, idlName,919        [{ time: 0,    expected: [ 0, 1, -1, 0, 0, 100 ] },920         { time: 1000, expected: [ 0, 1, -1, 0, 0, 200 ] }]);921    }, property + ': translate on rotate');922    test(function(t) {923      var idlName = propertyToIDL(property);924      var target = createTestElement(t, setup);925      target.style[idlName] = 'matrix(0, 1, -1, 0, 0, 0)';926      var animation =                 // Same matrices as above.927        target.animate({ [idlName]: [ 'matrix(1, 0, 0, 1, 100, 0)',928                                      'matrix(1, 0, 0, 1, 200, 0)' ] },929                       { duration: 1000, fill: 'both', composite: 'add' });930      testAnimationSampleMatrices(animation, idlName,931        [{ time: 0,    expected: [ 0, 1, -1, 0, 0, 100 ] },932         { time: 1000, expected: [ 0, 1, -1, 0, 0, 200 ] }]);933    }, property + ': matrix');934    test(function(t) {935      var idlName = propertyToIDL(property);936      var target = createTestElement(t, setup);937      target.style[idlName] = 'rotate3d(1, 1, 0, 45deg)';938      var animation =939        target.animate({ [idlName]: [ 'rotate3d(1, 1, 0, -90deg)',940                                      'rotate3d(1, 1, 0, 90deg)'] },941                       { duration: 1000, fill: 'both', composite: 'add' });942      testAnimationSampleMatrices(animation, idlName,943        [{ time: 0,    expected: rotate3dToMatrix(1, 1, 0,    -Math.PI / 4) },944         { time: 1000, expected: rotate3dToMatrix(1, 1, 0, 3 * Math.PI / 4) }]);945    }, property + ': rotate3d');946    test(function(t) {947      var idlName = propertyToIDL(property);948      var target = createTestElement(t, setup);949      // To calculate expected matrices easily, generate input matrices from950      // rotate3d.951      target.style[idlName] = rotate3dToMatrix3d(1, 1, 0, Math.PI / 4);952      var from = rotate3dToMatrix3d(1, 1, 0, -Math.PI / 2);953      var to = rotate3dToMatrix3d(1, 1, 0, Math.PI / 2);954      var animation =955        target.animate({ [idlName]: [ from, to ] },956                       { duration: 1000, fill: 'both', composite: 'add' });957      testAnimationSampleMatrices(animation, idlName,958        [{ time: 0,    expected: rotate3dToMatrix(1, 1, 0,    -Math.PI / 4) },959         { time: 1000, expected: rotate3dToMatrix(1, 1, 0, 3 * Math.PI / 4) }]);960    }, property + ': matrix3d');961  },962  testAccumulation: function(property, setup) {963    test(function(t) {964      var idlName = propertyToIDL(property);965      var target = createTestElement(t, setup);966      target.style[idlName] = 'translateX(100px)';967      var animation = target.animate({ [idlName]: ['translateX(-200px)',968                                                   'translateX(500px)'] },969                                     { duration: 1000, fill: 'both',970                                       composite: 'accumulate' });971      testAnimationSampleMatrices(animation, idlName,972        [ { time: 0,    expected: [ 1, 0, 0, 1, -100, 0 ] },973          { time: 1000, expected: [ 1, 0, 0, 1,  600, 0 ] }]);974    }, property + ': translate');975    test(function(t) {976      var idlName = propertyToIDL(property);977      var target = createTestElement(t, setup);978      target.style[idlName] = 'rotate(45deg)';979      var animation = target.animate({ [idlName]: ['rotate(-90deg)',980                                                   'rotate(90deg)'] },981                                     { duration: 1000, fill: 'both',982                                       composite: 'accumulate' });983      testAnimationSampleMatrices(animation, idlName,984        [{ time: 0,    expected: [ Math.cos(-Math.PI / 4),985                                   Math.sin(-Math.PI / 4),986                                  -Math.sin(-Math.PI / 4),987                                   Math.cos(-Math.PI / 4),988                                   0, 0] },989         { time: 1000, expected: [ Math.cos(Math.PI * 3 / 4),990                                   Math.sin(Math.PI * 3 / 4),991                                  -Math.sin(Math.PI * 3 / 4),992                                   Math.cos(Math.PI * 3 / 4),993                                   0, 0] }]);994    }, property + ': rotate');995    test(function(t) {996      var idlName = propertyToIDL(property);997      var target = createTestElement(t, setup);998      target.style[idlName] = 'scale(2)';999      var animation = target.animate({ [idlName]: ['scale(-3)', 'scale(5)'] },1000                                     { duration: 1000, fill: 'both',1001                                       composite: 'accumulate' });1002      testAnimationSampleMatrices(animation, idlName,1003                                  // scale((2 - 1) + (-3 - 1) + 1)1004        [{ time: 0,    expected: [ -2, 0, 0, -2, 0, 0 ] },1005                                  // scale((2 - 1) + (5 - 1) + 1)1006         { time: 1000, expected: [  6, 0, 0,  6, 0, 0 ] }]);1007    }, property + ': scale');1008    test(function(t) {1009      var idlName = propertyToIDL(property);1010      var target = createTestElement(t, setup);1011                              // matrix(1, tan(10deg), tan(10deg), 1)1012      target.style[idlName] = 'skew(10deg, 10deg)';1013      var animation =                // matrix(1, tan(20deg), tan(-30deg), 1)1014        target.animate({ [idlName]: ['skew(-30deg, 20deg)',1015                                     // matrix(1, tan(-30deg), tan(20deg), 1)1016                                     'skew(20deg, -30deg)'] },1017                       { duration: 1000, fill: 'both', composite: 'accumulate' });1018      testAnimationSampleMatrices(animation, idlName,1019        [{ time: 0,    expected: [ 1, Math.tan(Math.PI/6),1020                                   Math.tan(-Math.PI/9), 1,1021                                   0, 0] },1022         { time: 1000, expected: [ 1, Math.tan(-Math.PI/9),1023                                   Math.tan(Math.PI/6), 1,1024                                   0, 0] }]);1025    }, property + ': skew');1026    test(function(t) {1027      var idlName = propertyToIDL(property);1028      var target = createTestElement(t, setup);1029                               // matrix(1, 0, 0, 1, 100, 0)1030      target.style[idlName] = 'translateX(100px)';1031      var animation =                // matrix(0, 1, -1, 0, 0, 0)1032        target.animate({ [idlName]: ['rotate(90deg)',1033                                     // matrix(-1, 0, 0, -1, 0, 0)1034                                     'rotate(180deg)'] },1035                       { duration: 1000, fill: 'both', composite: 'accumulate' });1036      testAnimationSampleMatrices(animation, idlName,1037        [{ time: 0,    expected: [  0, 1, -1,  0, 100, 0 ] },1038         { time: 1000, expected: [ -1, 0,  0, -1, 100, 0 ] }]);1039    }, property + ': rotate on translate');1040    test(function(t) {1041      var idlName = propertyToIDL(property);1042      var target = createTestElement(t, setup);1043                               // matrix(0, 1, -1, 0, 0, 0)1044      target.style[idlName] = 'rotate(90deg)';1045      var animation =                // matrix(1, 0, 0, 1, 100, 0)1046        target.animate({ [idlName]: ['translateX(100px)',1047                                     // matrix(1, 0, 0, 1, 200, 0)1048                                     'translateX(200px)'] },1049                       { duration: 1000, fill: 'both', composite: 'accumulate' });1050      testAnimationSampleMatrices(animation, idlName,1051        [{ time: 0,    expected: [ 0, 1, -1, 0, 100, 0 ] },1052         { time: 1000, expected: [ 0, 1, -1, 0, 200, 0 ] }]);1053    }, property + ': translate on rotate');1054    test(function(t) {1055      var idlName = propertyToIDL(property);1056      var target = createTestElement(t, setup);1057      target.style[idlName] = 'matrix(0, 1, -1, 0, 0, 0)';1058      var animation =                 // Same matrices as above.1059        target.animate({ [idlName]: [ 'matrix(1, 0, 0, 1, 100, 0)',1060                                      'matrix(1, 0, 0, 1, 200, 0)' ] },1061                       { duration: 1000, fill: 'both', composite: 'accumulate' });1062      testAnimationSampleMatrices(animation, idlName,1063        [{ time: 0,    expected: [ 0, 1, -1, 0, 100, 0 ] },1064         { time: 1000, expected: [ 0, 1, -1, 0, 200, 0 ] }]);1065    }, property + ': matrix');1066    test(function(t) {1067      var idlName = propertyToIDL(property);1068      var target = createTestElement(t, setup);1069      target.style[idlName] = 'rotate3d(1, 1, 0, 45deg)';1070      var animation =1071        target.animate({ [idlName]: [ 'rotate3d(1, 1, 0, -90deg)',1072                                      'rotate3d(1, 1, 0, 90deg)'] },1073                       { duration: 1000, fill: 'both', composite: 'accumulate' });1074      testAnimationSampleMatrices(animation, idlName,1075        [{ time: 0,    expected: rotate3dToMatrix(1, 1, 0,    -Math.PI / 4) },1076         { time: 1000, expected: rotate3dToMatrix(1, 1, 0, 3 * Math.PI / 4) }]);1077    }, property + ': rotate3d');1078    test(function(t) {1079      var idlName = propertyToIDL(property);1080      var target = createTestElement(t, setup);1081      // To calculate expected matrices easily, generate input matrices from1082      // rotate3d.1083      target.style[idlName] = rotate3dToMatrix3d(1, 1, 0, Math.PI / 4);1084      var from = rotate3dToMatrix3d(1, 1, 0, -Math.PI / 2);1085      var to = rotate3dToMatrix3d(1, 1, 0, Math.PI / 2);1086      var animation =1087        target.animate({ [idlName]: [ from, to ] },1088                       { duration: 1000, fill: 'both', composite: 'accumulate' });1089      testAnimationSampleMatrices(animation, idlName,1090        [{ time: 0,    expected: rotate3dToMatrix(1, 1, 0,    -Math.PI / 4) },1091         { time: 1000, expected: rotate3dToMatrix(1, 1, 0, 3 * Math.PI / 4) }]);1092    }, property + ': matrix3d');1093    test(function(t) {1094      var idlName = propertyToIDL(property);1095      var target = createTestElement(t, setup);1096      var matrixArray = [ 1, 0, 0, 0,1097                          0, 1, 0, 0,1098                          0, 0, 1, 0,1099                          0, 0, 1, 1 ];...

Using AI Code Generation

1var matrix3d = rotate3dToMatrix3d(0, 0, 1, 45);2console.log(matrix3d);3function rotate3dToMatrix3d(x, y, z, degrees) {4    var radians = degrees * Math.PI / 180.0;5    var c = Math.cos(radians);6    var s = Math.sin(radians);7    var t = 1 - c;8    var matrix3d = "matrix3d(" +9        (t * x * x + c) + "," +10        (t * x * y - s * z) + "," +11        (t * x * z + s * y) + "," +12        (t * x * y + s * z) + "," +13        (t * y * y + c) + "," +14        (t * y * z - s * x) + "," +15        (t * x * z - s * y) + "," +16        (t * y * z + s * x) + "," +17        (t * z * z + c) + "," +18        "0,0,0,1)";19    return matrix3d;20}21function rotate3dToMatrix3d(x, y, z, degrees) {22    var radians = degrees * Math.PI / 180.0;23    var c = Math.cos(radians);24    var s = Math.sin(radians);25    var t = 1 - c;26    var matrix3d = "matrix3d(" +27        (t * x * x + c) + "," +28        (t * x * y - s * z) + "," +29        (t * x * z + s * y) + "," +30        (t * x * y + s * z) + "," +31        (t * y * y + c) + ","

Using AI Code Generation

1var wptools = require('wptools');2var matrix3d = wptools.rotate3dToMatrix3d(0, 0, 1, 90);3console.log(matrix3d);4var wptools = require('wptools');5var matrix3d = wptools.rotate3dToMatrix3d(0, 0, 1, 90);6console.log(matrix3d);7var wptools = require('wptools');8var matrix3d = wptools.rotate3dToMatrix3d(0, 0, 1, 90);9console.log(matrix3d);10var wptools = require('wptools');11var matrix3d = wptools.rotate3dToMatrix3d(0, 0, 1, 90);12console.log(matrix3d);

Using AI Code Generation

1var matrix = wpt.rotate3dToMatrix3d(0, 0, 1, 45);2console.log(matrix);3var matrix = wpt.rotate3dToMatrix3d(0, 0, 1, 45);4console.log(matrix);5var matrix = wpt.rotate3dToMatrix3d(0, 0, 1, 45);6console.log(matrix);7var matrix = wpt.rotate3dToMatrix3d(0, 0, 1, 45);8console.log(matrix);9var matrix = wpt.rotate3dToMatrix3d(0, 0, 1, 45);10console.log(matrix);11var matrix = wpt.rotate3dToMatrix3d(0, 0, 1, 45);12console.log(matrix);13var matrix = wpt.rotate3dToMatrix3d(0, 0, 1, 45);14console.log(matrix);15var matrix = wpt.rotate3dToMatrix3d(0, 0, 1, 45);16console.log(matrix);17var matrix = wpt.rotate3dToMatrix3d(0, 0, 1, 45);18console.log(matrix);19var matrix = wpt.rotate3dToMatrix3d(0, 0, 1, 45);20console.log(matrix);

Using AI Code Generation

1var wptools = require('wptools');2var matrix = wptools.rotate3dToMatrix3d(1, 0, 0, 0.5 * Math.PI);3console.log(matrix);4wptools.rotate3dToMatrix3d(x, y, z, angle);5var wptools = require('wptools');6var matrix = wptools.rotate3dToMatrix3d(1, 0, 0, 0.5 * Math.PI);7console.log(matrix);8wptools.rotate3dToQuaternion(x, y, z, angle);

Using AI Code Generation

1var rotate3d = [1, 2, 3, 4];2var matrix3d = rotate3dToMatrix3d(rotate3d)3console.log(matrix3d);4var rotate3d = [1, 2, 3, 4];5var matrix3d = rotate3dToMatrix3d(rotate3d)6console.log(matrix3d);7var rotate3d = [1, 2, 3, 4];8var matrix3d = rotate3dToMatrix3d(rotate3d)9console.log(matrix3d);10var rotate3d = [1, 2, 3, 4];11var matrix3d = rotate3dToMatrix3d(rotate3d)12console.log(matrix3d);13var rotate3d = [1, 2, 3, 4];14var matrix3d = rotate3dToMatrix3d(rotate3d)15console.log(matrix3d);16var rotate3d = [1, 2, 3, 4];17var matrix3d = rotate3dToMatrix3d(rotate3d)18console.log(matrix3d);19var rotate3d = [1, 2, 3, 4];20var matrix3d = rotate3dToMatrix3d(rotate3d)

Using AI Code Generation

1var wptoolkit = require("wptoolkit");2var matrix = wptoolkit.rotate3dToMatrix3d(0, 0, 1, 90);3console.log(matrix);4var wptoolkit = require("wptoolkit");5var matrix = wptoolkit.rotate3dToMatrix3d(0, 0, 1, 90);6console.log(matrix);7var wptoolkit = require("wptoolkit");8var matrix = wptoolkit.rotate3dToMatrix3d(0, 0, 1, 90);9console.log(matrix);

Using AI Code Generation

1var matrix = rotate3dToMatrix3d(0, 0, 1, 90);2var m = matrix.split(',');3var m11 = m[0];4var m12 = m[1];5var m21 = m[2];6var m22 = m[3];7var dx = m[4];8var dy = m[5];9var matrix = rotate3dToMatrix3d(1, 0, 0, 90);10var m = matrix.split(',');11var m11 = m[0];12var m12 = m[1];13var m21 = m[2];14var m22 = m[3];15var dx = m[4];16var dy = m[5];17var matrix = rotate3dToMatrix3d(0, 0, 1, 90);18var m = matrix.split(',');19var m11 = m[0];20var m12 = m[1];21var m21 = m[2];22var m22 = m[3];23var dx = m[4];24var dy = m[5];25var matrix = rotate3dToMatrix3d(1, 0, 0, 90);26var m = matrix.split(',');27var m11 = m[0];28var m12 = m[1];29var m21 = m[2];30var m22 = m[3];31var dx = m[4];32var dy = m[5];33var matrix = rotate3dToMatrix3d(0, 0, 1, 90);34var m = matrix.split(',');35var m11 = m[0];36var m12 = m[1];37var m21 = m[2];38var m22 = m[3];39var dx = m[4];40var dy = m[5];41var matrix = rotate3dToMatrix3d(1, 0, 0, 90);42var m = matrix.split(',');43var m11 = m[0];44var m12 = m[1];45var m21 = m[2];46var m22 = m[3];47var dx = m[4];48var dy = m[5];49var matrix = rotate3dToMatrix3d(0,

Using AI Code Generation

1var matrix3d = rotate3dToMatrix3d(1, 1, 1, 45);2var element = document.getElementById('test');3element.style.webkitTransform = matrix3d;4element.style.webkitTransformOrigin = '0 0 0';5function rotate3dToMatrix3d(x, y, z, angle) {6    var radian = angle * Math.PI / 180;7    var cos = Math.cos(radian);8    var sin = Math.sin(radian);9    var oneMinusCos = 1 - cos;10    var m11 = x * x * oneMinusCos + cos;11    var m12 = x * y * oneMinusCos + z * sin;12    var m13 = x * z * oneMinusCos - y * sin;13    var m14 = 0;14    var m21 = y * x * oneMinusCos - z * sin;15    var m22 = y * y * oneMinusCos + cos;16    var m23 = y * z * oneMinusCos + x * sin;17    var m24 = 0;18    var m31 = x * z * oneMinusCos + y * sin;19    var m32 = y * z * oneMinusCos - x * sin;20    var m33 = z * z * oneMinusCos + cos;21    var m34 = 0;22    var m41 = 0;23    var m42 = 0;24    var m43 = 0;25    var m44 = 1;26    return 'matrix3d(' + m11 + ', ' + m12 + ', ' + m13 + ', ' + m14 + ', ' + m21 + ', ' + m22 + ', ' + m23 + ', ' + m24 + ', ' + m31 + ', ' + m32 + ', ' + m33 + ', ' + m34 + ', ' + m41 + ', ' + m42 + ', ' + m43 + ', ' + m44 + ')';27}

Using AI Code Generation

1import wpt from 'wpt.js';2var matrix3d = wpt.rotate3dToMatrix3d(1, 2, 3, 4, 5, 6, 7);3var matrix3d = wpt.rotate3dToMatrix3d(1, 2, 3, 4, 5, 6, 7);4var matrix3d = wpt.rotate3dToMatrix3d(1, 2, 3, 4, 5, 6, 7);5var matrix3d = wpt.rotate3dToMatrix3d(1, 2, 3, 4, 5, 6, 7);6var matrix3d = wpt.rotate3dToMatrix3d(1, 2, 3, 4, 5, 6, 7);7var matrix3d = wpt.rotate3dToMatrix3d(1, 2, 3, 4, 5, 6, 7);8var matrix3d = wpt.rotate3dToMatrix3d(1, 2, 3, 4, 5, 6, 7);

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.