{"id":8843,"date":"2018-03-01T21:20:00","date_gmt":"2018-03-02T02:20:00","guid":{"rendered":"https:\/\/spinor.info\/weblog\/?p=8843"},"modified":"2018-03-01T21:20:00","modified_gmt":"2018-03-02T02:20:00","slug":"javascript-3d","status":"publish","type":"post","link":"https:\/\/spinor.info\/weblog\/?p=8843","title":{"rendered":"JavaScript 3D"},"content":{"rendered":"<p>I am playing with JavaScript and HTML5. Three-dimensional transformations.<\/p>\n<div id=\"test\" style=\"border: 1px solid gray; margin-left: 1in; margin-top: 0.5in; width: 400px; min-width: 400px; min-height: 225px; background-image: url('\/weblog\/wp-content\/uploads\/2018\/03\/cnn.png');\">\n<div style=\"font-family: sans-serif; font-size: 24pt; font-weight: bold; color: blue;\">33<\/div>\n<div style=\"font-family: sans-serif; font-size: 28pt; font-weight: bold; color: orange;\">CNN<\/div>\n<div style=\"font-family: sans-serif; font-size: 20pt; font-weight: bold; color: red;\">Cable News Network<\/div>\n<\/div>\n<p><script type=\"text\/javascript\">\nm = function()\n{\n    f = i*Math.PI\/180;\n    g = 0.7*f + x;\n    Cf = Math.cos(f);\n    Sf = Math.sin(f);\n    Cg = Math.cos(g);\n    Sg = Math.sin(g);\n    document.getElementById(\"test\").style.transform = \"matrix3d(\" +\n    Cf*Cg + \",\" + Sf + \",\" + Cf*Sg + \", 0,\" +\n    (-Sf*Cg) + \",\" + Cf + \",\" + (-Sf*Sg) + \", 0,\" +\n    (-Sf) + \", 0, \" + Cf + \", 0,\" +\n    \"0, 0, 0, 1)\";\n    i++;\n    x += 0.01*(Math.random() - 0.5);\n    if (x > Math.PI) x -= 2 * Math.PI;\n    if (x < -Math.PI) x += 2 * Math.PI;\n    window.setTimeout(m, 10);\n}\ni = 0;\nx = 0;\nm();\n<\/script><\/p>\n<p>It's more fun than I thought. And gives a whole new meaning to the word, \"spin\", as I am listening to CNN.<\/p>\n<fb:like href='https:\/\/spinor.info\/weblog\/?p=8843' send='true' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida grande'><\/fb:like>","protected":false},"excerpt":{"rendered":"<p>I am playing with JavaScript and HTML5. Three-dimensional transformations. 33 CNN Cable News Network It&#8217;s more fun than I thought. And gives a whole new meaning to the word, &#8220;spin&#8221;, as I am listening to CNN.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,36],"tags":[],"class_list":["post-8843","post","type-post","status-publish","format-standard","hentry","category-politics","category-programming","category-5-id","category-36-id","post-seq-1","post-parity-odd","meta-position-corners","fix"],"_links":{"self":[{"href":"https:\/\/spinor.info\/weblog\/index.php?rest_route=\/wp\/v2\/posts\/8843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spinor.info\/weblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/spinor.info\/weblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/spinor.info\/weblog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spinor.info\/weblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8843"}],"version-history":[{"count":4,"href":"https:\/\/spinor.info\/weblog\/index.php?rest_route=\/wp\/v2\/posts\/8843\/revisions"}],"predecessor-version":[{"id":8848,"href":"https:\/\/spinor.info\/weblog\/index.php?rest_route=\/wp\/v2\/posts\/8843\/revisions\/8848"}],"wp:attachment":[{"href":"https:\/\/spinor.info\/weblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/spinor.info\/weblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8843"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/spinor.info\/weblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}