{"_id":"3d-html","_rev":"6-3d29ed95244db13038a428cc391c1b21","name":"3d-html","dist-tags":{"latest":"0.0.7"},"versions":{"0.0.1":{"name":"3d-html","version":"0.0.1","type":"module","dependencies":{"@tweenjs/tween.js":"^18","html-to-image":"^1.10.8","three":"^0.145.0"},"_id":"3d-html@0.0.1","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-Pff8NVIhgt2u7CxxclDbpOmcDXzc+xOU3YzZMjZPvasuifUwkQD+apdXMcrEGzzJboUlUhuCcJjNmRIFc+SZbA==","shasum":"1ee618b70250c05522f6fd87d3c70e6941cefbf9","tarball":"https://registry.npmjs.org/3d-html/-/3d-html-0.0.1.tgz","fileCount":4,"unpackedSize":9379,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDIOExEAL97ETgz4BJTkYc3ykkFNStjta4Rcc9YtXD28QIhAKQdLwZd8UXYkqVvFDcesIA/7lUszFPYvuxEWO2qA2ch"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSz/FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogOQ/+JrBue8HHi/LhSinTRUSHuPT5D7F/YdfcmCU/v7teXXzVCbqU\r\n/dsiT6+kbIU/En25hhixxDd9kBXYId3bCcpSmPEl60rr9sO42E0QiBp8m88Y\r\nlRp5jQ5PGrk1iTqeXm/A15C4wcq816vp+eAssV2Ejbj3o6sDdsJlFpQXxQVw\r\nw+dV31dFOAPE1Nx5Hb+1dSQkMgbnk1K1pxscHSoGX1j1trrc2hemWBexKyuK\r\nUXhhudqiMnBUNuQnaDZMJS2YrkgDX1dWWUJRLTQz7+5xz5mEvT2O+6OTuS6Q\r\ng9uhe+B/1aUebfx+wWgEfUOdP27mp/J2Giv80J5AGcaAv19Sd5ZmAyOAW7Sr\r\nqWwzgrlkOFubuGzfe/Zqch3eb6K9MJPO5p3NHbui6J3C1Lpj5Ml9yhnX+xwD\r\nwFLckkCA1vcc52n4aqbTJj2dD+eI7xFFqzoNkwEKlyKRRuAwKlqLi4AOwZdc\r\nTjtwnJfiH+5GGbjiTGmy0n4QJgIMOi2rKc5c9+qSXG26lcToAoHIccqLnczY\r\nNU+AbDdKPUCHvoBJ8eO3bPNuZhbQF47HAvwYajgglb/EigtAHOnqY5aLzDfK\r\neCxhuags8oUz06giri8+xRVXwuUoPEKUILGfeTWDWdhX8KY7bPzalBzjXHgX\r\npntXl3P4y61Xzkz5x5U1j+GNkFlK8pHF8p4=\r\n=xkoR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kdjdev","email":"kdjstuffs@gmail.com"},"directories":{},"maintainers":[{"name":"kdjdev","email":"kdjstuffs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3d-html_0.0.1_1665875908855_0.06300314001728902"},"_hasShrinkwrap":false},"0.0.2":{"name":"3d-html","version":"0.0.2","type":"module","dependencies":{"@tweenjs/tween.js":"^18","html-to-image":"^1.10.8","three":"^0.145.0"},"_id":"3d-html@0.0.2","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-vsXuy9ouXlQY6+DwBBAexyVv+1QoChZw16rBqYTxI3Dkgn2XVUiwFFc2PpWT9mNkBWweK3FpbYZQ3x+C/OSG7A==","shasum":"1b03665d4a9e49cc863a0791a09a08522f214666","tarball":"https://registry.npmjs.org/3d-html/-/3d-html-0.0.2.tgz","fileCount":4,"unpackedSize":9375,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID9R3MZfSyXYSUe2ZwhxsZvRp9QG0/YljVnz+N08XbpIAiEAo2n3sDALZ6BEl4gTsgELQIZJp2qok3DMIoKPZbR1VGM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjS0EtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4Tg//b3fnBg4WjXDQwQc6mcZSC3iDJJs+JyFfjFICRxVrkGgNir1I\r\nIhWuxTGSrqVIuy3VVxgYjBFt4rY5Ip4M1OpFqKl5gJnjEckRwZOu4fn13bV0\r\nPyUGiBrp9yLl4W7Ux/8wtXKfoyiK4zdJcC2f6dPe15QF8dUhbTOZ+CykpUns\r\n96j0s8DJCI9uw2PfHxTGQa1Z/1adCKgCNLynpYr6ydfD3wfjKiyFVsNtvbm2\r\n5zw7EnwLC+9LMbpH3BnW+/2r2KQrg7/cYN5YFP4SBN1aSo4B9Zke4R7uiP8p\r\nmaRSOLTRstGhaFEG3i7L9C6LUhXCxNbX8pyjb3hLbIrGp/pLkQhZ5V+nPNGF\r\nQ95cntEAydxaerjCPVKW/HdIhBzU/uQAq9OvBawZTMymZ8bE9BJ4B1xspVc0\r\n+l0fnEHIzsQ57cn9Mq1R0sQGQRFm6vjn0UM+9M1pdHxMLGuLExSIMFQrtFLD\r\n0rL2RzYqj3l5xoFBJyf3N5myE1s+epfUKuHMTXH3c8rY+Qi1IzM3fohyPCX6\r\n/pnYH9rPL7NsrWw6Optni0LBlxBn/mT2mrKIlrgqHsCBKF7meXZFk6fM9Jy/\r\nlQSN0xJYEuBwy9FAI0l+uONPICWj93PXWq6Svw1s2yorskyMrJbWxktJse7e\r\nmdaxZPMO/1VwObc56uRxdtqkrKkLlbDXdjI=\r\n=mbIQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kdjdev","email":"kdjstuffs@gmail.com"},"directories":{},"maintainers":[{"name":"kdjdev","email":"kdjstuffs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3d-html_0.0.2_1665876269806_0.8693779758822666"},"_hasShrinkwrap":false},"0.0.3":{"name":"3d-html","version":"0.0.3","type":"module","dependencies":{"@tweenjs/tween.js":"^18","html-to-image":"^1.10.8","three":"^0.145.0"},"_id":"3d-html@0.0.3","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-Iir01fp4Ai+HTegT/BTmJOeHFjEepnromJINx2q3EQx6rr7V5hs3xhkaRyxSVFYoC/MxBcntgtErT9WxDc+pAw==","shasum":"7db13ee83b69301237367d57f8ec6eb399ff6a24","tarball":"https://registry.npmjs.org/3d-html/-/3d-html-0.0.3.tgz","fileCount":4,"unpackedSize":9373,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQh3ZLIfNY7UquL7NL/olGv6r1hKGHqu/LdOl4bf4buAIgVR/Y6QpzaNuKVbd4V2i6bwH+W4Rii+b81cvtrXRBARk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjS0H5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGgA//RShmdvYD12ZWxVlnLBL+9OLfd/i3fCEgwCoh7tWtAU4fWSdT\r\ns6/j2h/Y8Hx1fERJaUsMSqquIsQEEe3+98FLbcmCF2OzUxLlA+Rn6GWwx4we\r\nUNGgBbOaJIxvSgKRx4UuLnl2glmXcQ/t+y6dKYW6lDZiy1xPFbsaZacoaF6Y\r\nfm2CREwcM1+YCyagyUgbEC/+MHbkUthw4YW8zkYCVql1G7lo9I3xHUUqq1v8\r\nalHpKK7btsU23eSZTF6RWDCAI7UxaalZT6MaZxv9Opu4oJmdv+7LZL7rfnJB\r\nJ7OEZLCF77pc7K8mfgjMzY4SRNsDBOusW6kGsZiJu4oZTKnV/WvdQrigpMyY\r\nv9ekVUCrna5T7qnvUCmFOXcTi8wAxXL3+geAsRZIyajfRIiUnhKLpG4TPIve\r\nJrkHP2VFeeEgCnJZrhwOezyNicWH9vIStEJ0JgubIss3SMze3DA/PfYIuUSw\r\nwvjADaw2vkrBnclvwHGVGIiyn7Rq+esqgNclwl5dB+ms7CDlwQP5xD12nijm\r\nWLiJvi1F7iwIIzRB0u63hjEmg6ibH41JlGws4QU/zzJYL3U0IYOjbDHNGToL\r\nSSo8GQevUd1mnJbyaMrVs0pFcV2yyeoe2XpRfrfEtt347puDw/z2VVtfK9XR\r\n8t8Px2QljTLeI8R69NlLDg6zhsbLZa0BYVI=\r\n=1jyi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kdjdev","email":"kdjstuffs@gmail.com"},"directories":{},"maintainers":[{"name":"kdjdev","email":"kdjstuffs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3d-html_0.0.3_1665876473248_0.6524532123149895"},"_hasShrinkwrap":false},"0.0.4":{"name":"3d-html","version":"0.0.4","type":"module","dependencies":{"@tweenjs/tween.js":"^18","html-to-image":"^1.10.8","three":"^0.145.0"},"repository":{"type":"git","url":"git+https://github.com/KDJDEV/3d-html.git"},"description":"Display HTML on the faces of a 3d cube that can be rotated with the cursor.","license":"MIT","gitHead":"a22120ad78d147f89291f89e230c20b0d098f0b1","bugs":{"url":"https://github.com/KDJDEV/3d-html/issues"},"homepage":"https://github.com/KDJDEV/3d-html#readme","_id":"3d-html@0.0.4","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-58akuxDPPbMeCk0MOIcaLc6Rm19C9RxIOf+AD9HxKtgqN7hppMi07Zp6FFW3+YUsrGv7qNcfPMxLmuRNQtZXyQ==","shasum":"b967cdb59aa042f89685eab48b476df5d67a1a62","tarball":"https://registry.npmjs.org/3d-html/-/3d-html-0.0.4.tgz","fileCount":5,"unpackedSize":9740,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD09uTbxi04l0rF/GJZSy0o2JpUYNRu+yNDjJu+h6ICLQIgCs2FSYo/S/gEq3MPo13iacIh+/lhm2DgwZAOCiERje8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTJu5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoK4Q//aNzSGbS2RUpxZM3pt3Uec8EiIREK13mioWazrgUx/UKwmYDp\r\nn2HL90O57A73BJCqCUvviO7yeTAe6X32DILIqhTZobXqQcLLo5ki2MZ8tuej\r\nO8K3XfKTy0+YdvmXXpN+ZuISvFlSgINIaYgeiLMtf4d+olT4p1jIFdd6amR2\r\nPNam9FiNU6Rw22/JblIfsKz5YR+To+f4tLZ57zHVfBoNsIOnAAyHHFNyhBgr\r\nzLQyfy3o+rqReCJxjLCfiQsstpHbqELqpBJH5kQzzwZwwwk1dViPH6wCcLI0\r\nMZhozQutM7E6YzWzWphsrSjluqod7ftGyG7foe+K6yD77l/soyIzf12c9ADM\r\nankdZ8zTbVxONy9sOLvXXSIg2ahfJ6/e9Y1D1awfHSG53BSfo4ALZjUcn7pD\r\nj+lKo3DQgg+VsacVu8+NDkKXnVEuWI69jnnVjXhqBpqW8rolOIyjIQ9lsdl9\r\nLy5FJLlDrZuME3RLKz+CODDUa+nqpMOH7Qrkc/E+vHPhxId1JJYCD1V48H2w\r\ntqglsWQpqNIkmJyzXlQlWNmog8mPiimovdESuDxOzckltj/LHkCA9U9torn6\r\nLINf7imiDrZcAQeHTuzJxVjFaTzxFP3HhAq7Kw9r1JqCmswV4RH4Dh4xCQrq\r\nF8s46f7gL7M7dYdLOMzbdtYJgwDi3I2GMbg=\r\n=IkAS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kdjdev","email":"kdjstuffs@gmail.com"},"directories":{},"maintainers":[{"name":"kdjdev","email":"kdjstuffs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3d-html_0.0.4_1665964984769_0.8646782081244042"},"_hasShrinkwrap":false},"0.0.5":{"name":"3d-html","version":"0.0.5","type":"module","dependencies":{"@tweenjs/tween.js":"^18","html-to-image":"^1.10.8","three":"^0.145.0"},"repository":{"type":"git","url":"git+https://github.com/KDJDEV/3d-html.git"},"description":"Display HTML on the faces of a 3d cube that can be rotated with the cursor.","license":"MIT","gitHead":"ea3689905c743cb2920dbd3021d85ceab696fa3f","bugs":{"url":"https://github.com/KDJDEV/3d-html/issues"},"homepage":"https://github.com/KDJDEV/3d-html#readme","_id":"3d-html@0.0.5","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-+IuBYbLh757/8pbrXpsVCKHVxk9y0krVnsDJEcv/uSkOKRswvcaFk5NoXma2SvFQ52++EHEgDqrj6eX8BQJeqg==","shasum":"a8098b1005236a62a16ac6eabbd0fdcd55230e5d","tarball":"https://registry.npmjs.org/3d-html/-/3d-html-0.0.5.tgz","fileCount":6,"unpackedSize":13511,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQ57Kq8gm18XVazDpJbVs1N9+Hvj7hE8A+oeJDrlwc/gIhALi1YhY5ZlZQEKz/PHsSOxHxshFmpWfWzOHCKtpv9ZjE"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTZ7ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpbvg//Z4uQnVikc6nkE9Ln1+qp35vmMl9AL9g3vkm+G4HpOf73zE90\r\nMGIlAAn8K0tCibPYa8iMcjVZmStGOV1310R79TQhxrFAMXxfGSdk/0A1h3da\r\nBOXmkI/EHFGMhkUocMBlMnECjB7RjUw5r+sEI8O0s4gvIvvzV9qgqG5zdTx7\r\nD+WdRAPz5RbInMjx56MpkNaNrlKhxRwwMvQno8eAahe+fTJEUH9FbC/aVXA9\r\nyp2Y1vYwQqCODcZAWR+tbfUlo7Fx3PG0NlKlmmUXEeMs8bOskRhXn1QynFMg\r\n8g9g9VqXNY9O8SWnpYPVj9R2PJ673LDhFnlW5Ho53W1wF9nnUNTYkF13yaMh\r\n2Yw+On1rInlwU9l2mWpQztrG/xcLS2IrmM2/41L88lCGoEPx4x/8Lm1a9X37\r\nIMKUsYM6G+8/zr6dpW9vHTYXsfhQyLCdXAapGncSu4RCQtxen59VIFt9UZsB\r\ncRUFsmya7+Jo7c+GlFsIMrTKZHBqOsYJOsxXgPZzJl5AZaj7GQ8v64DLf2vp\r\nukaE2pvHaHMQnT0PluR9zM07kLfnaFW6KlnNq7BGLqwb1v1r0FGPNZ0w+YYc\r\nuk14YnHeuwFacUXMuruBkR1NmygNL6B55cK3RAmrAZmLwj5YOWWrCTF/D9Vu\r\nF53TmFPLWd3dSEiGfDQLcFYYsHrCkF093jI=\r\n=KIye\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kdjdev","email":"kdjstuffs@gmail.com"},"directories":{},"maintainers":[{"name":"kdjdev","email":"kdjstuffs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3d-html_0.0.5_1666031320864_0.7190338716171056"},"_hasShrinkwrap":false},"0.0.6":{"name":"3d-html","version":"0.0.6","type":"module","dependencies":{"@tweenjs/tween.js":"^18","html-to-image":"^1.10.8","three":"^0.145.0"},"repository":{"type":"git","url":"git+https://github.com/KDJDEV/3d-html.git"},"description":"Display HTML on the faces of a 3d cube that can be rotated with the cursor.","license":"MIT","keywords":["3d-html","three.js","javascript","3d","html","webgl","webgl2","canvas","cube","UI"],"gitHead":"ea3689905c743cb2920dbd3021d85ceab696fa3f","bugs":{"url":"https://github.com/KDJDEV/3d-html/issues"},"homepage":"https://github.com/KDJDEV/3d-html#readme","_id":"3d-html@0.0.6","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-rmcjWVJQdK+kP6BRKonLpyCM9pCFzLUXoVJgqKPlqbRjZemKb63QOYejNcsPf+y3cD4rFDTJCsjUvNc/ENQhBQ==","shasum":"d1587bf8de8f359d998f61a254b31301dfddf2cc","tarball":"https://registry.npmjs.org/3d-html/-/3d-html-0.0.6.tgz","fileCount":6,"unpackedSize":13621,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXH5f/7qBFcjGQYS8wXP/jLZpOvwjRjM/nbQSSbKcuGwIgUiUq11n4YEU0uecXw8xnif7rB4WkOcu11nQ6giGFoVA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTaByACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjTA/+J03F/QaoikSntvNPRYwY3/I/Cme6AsxefImC5Yg1X0MOwm6/\r\nFHYddzJVuN7J5Ow8Xv0eB/yq+EKQE5BFuvLiXT4Tn95qqZp9GH4i1crGBeR2\r\nA0LcqH/iB40yFxXHu326ePLrP2N4d6E3MpN9gq3o3ukpNpdl5eUbz97c1h5g\r\nn+uI8seVe4szM7GOWxpIvuNUkvaX2O6cARQk/wI+Lkhg025kVqetXeXYdywa\r\n8XeYwmin2xR6b4jmO3Uc9k1emT0ib5i+jtyRzC859I3V1JLfwOVQXsP//HLr\r\n+dghJqvghTaGSE0rfr9Y2eueJLiBjq3qhQYWkttQXMs4tyvyP1pIvG4z1tXc\r\n47ewhha0ogCdxNewIhQ2xxqp9TTXRf5aQhvss5G9n7ifMe89M04UehA96cPZ\r\nC3yYM7JAjOJ/ygdNZ+qhYeqmJybVrR02XeBWAsHNOmxn1ct3ZYYBLHJqfQ7+\r\nlPnR9fO21WPMp8xsXXz2TCqFCQ7HHIxCgV4dhsqVTj9n9qKQ18R/8jlJhEqz\r\nCqRIgyjAgWPyFGmPFmRdX5eAFrKpa32R8Vq00wOrazV6c9MU1gQEJBiDd2V/\r\nUmg8cd1lLPDWVDfDtV0R6LoUuuo5npirEZlW+iQSzsWFvR+/4fMMUzpURnZ5\r\nSEUN03yEvlxzLRBDaNcTtCAYrOkr+fNifOQ=\r\n=Rmxr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kdjdev","email":"kdjstuffs@gmail.com"},"directories":{},"maintainers":[{"name":"kdjdev","email":"kdjstuffs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3d-html_0.0.6_1666031730295_0.946700527226916"},"_hasShrinkwrap":false},"0.0.7":{"name":"3d-html","version":"0.0.7","type":"module","dependencies":{"@tweenjs/tween.js":"^18","html-to-image":"^1.10.8","three":"^0.145.0"},"repository":{"type":"git","url":"git+https://github.com/KDJDEV/3d-html.git"},"description":"Display HTML on the faces of a 3d cube that can be rotated with the cursor.","license":"MIT","keywords":["3d-html","three.js","javascript","3d","html","webgl","webgl2","canvas","cube","UI"],"gitHead":"af9d04b0b39f5ea6d2ea4598c6f18e516ee4d46d","bugs":{"url":"https://github.com/KDJDEV/3d-html/issues"},"homepage":"https://github.com/KDJDEV/3d-html#readme","_id":"3d-html@0.0.7","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-XVqpn1w6GGgn0vYgya0AVWU+SeoY25OkOfspS+NRSa/VKj2aF3Km5WgEgIcPSp4I2HGFAbylu/T9QQixo34MGw==","shasum":"d2145cc3033ef097acec0631edcd4657a765d3f3","tarball":"https://registry.npmjs.org/3d-html/-/3d-html-0.0.7.tgz","fileCount":6,"unpackedSize":13637,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBxDrV0wKfxiPyC3lGLQILzc2bnWOjEr9lsEm6bL6c78AiBVEHYFBdThuMcyqYSTlkQ2esaDVld9KOxDzZPhzdsRuQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTaFPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXlA/8DdK9/xMO/sxCK8Q6zeS4QS7Tmibuixf9o2D4JFL23ZL2AoSJ\r\nNYYWndJP9pMA6ACewGtmASdz19pJ9DG88O1kgL3BKlh3Q+71dEN3CDrO3wP+\r\nx+5Apie7i+S5VPc8d04H3TEslcvxixNVO7r4AuD7BnGTqHia4ad0ZuvSXLxT\r\nlu+xnzjFN5VR7GalNnv/HO7Kw3fhFResWenUWPbPC3pUY7lP1XGtMWiSNS1S\r\nUenvz1Cou/T8evxS3eEpKDERVCNOcPtyuNBnbzs3csss4k0vOvQNjyvKYxI5\r\nNnP6IAXwnAn6XJZZSa1kZdDbhjS3Izb27tvsW5jaTlWTzLBaxdqKQOxWgxjL\r\n2qWlM0Z4Q3Z5J0v8ZSAeRPjGW4y7giBKtLrceREOlmum2n5BaOCRnS3fXTHK\r\n8GTVpQi4HEUvRCkPZY9heJGYsY1QBSOVywa8IcpqyjtQcZoBZIqKP7wZRuqV\r\nTeIcV02PkVANRB/jyPmbcqqWp/nqp7aXg6gT3k+c5VuUmo+DCtTXMpkDHHez\r\nBAPQjfCGg4ZHgSamfkPCHN33Hp3HFz0DHsnaunXxoGjUZtn2jCowskjLYWr4\r\n/mj7l0U1kch2mN8dRui02lILhN1ZCVMmH2powLI2a/vsT1mAo5njKgN17PnQ\r\nuMZc6rtz9DIvTGSeIPQFjkMzrpOozazJo30=\r\n=OxgT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kdjdev","email":"kdjstuffs@gmail.com"},"directories":{},"maintainers":[{"name":"kdjdev","email":"kdjstuffs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3d-html_0.0.7_1666031951473_0.9212981906747497"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-15T23:18:28.855Z","0.0.1":"2022-10-15T23:18:29.036Z","modified":"2022-10-17T18:39:11.777Z","0.0.2":"2022-10-15T23:24:29.969Z","0.0.3":"2022-10-15T23:27:53.409Z","0.0.4":"2022-10-17T00:03:04.996Z","0.0.5":"2022-10-17T18:28:41.065Z","0.0.6":"2022-10-17T18:35:30.547Z","0.0.7":"2022-10-17T18:39:11.693Z"},"maintainers":[{"name":"kdjdev","email":"kdjstuffs@gmail.com"}],"readme":"# 3D HTML\r\nDisplay HTML on the faces of a 3d cube that can be rotated with the cursor.\r\n\r\n## Demo\r\nSee a demonstration of the project here:\r\n[https://kdjdev.github.io/3d-html/](https://kdjdev.github.io/3d-html/)\r\n\r\n## Installation\r\n### Using npm:\r\n```sh \r\nnpm install 3d-html\r\n```\r\n### or using yarn:\r\n```sh\r\nyarn add 3d-html\r\n```\r\n\r\n## Usage\r\nOnce the package is installed, you then need to setup your cube. Represent the cube in HTML by including a `div` tag with class `cubeUIContainer` somewhere in the DOM. It is also recommended that you apply the `loading` class, which will attempt to hide the container using CSS before the cube is ready.\r\n```html\r\n<div class=\"cubeUIContainer loading\">\r\n\r\n</div>\r\n```\r\nYou will then need to specify 4 faces of the cube(only 4 faces will ever be seen, so you only need 4). These faces are represented by `div` tags with class `cubeUIFace`. You can then include whatever HTML you want to appear on the faces of the cube inside of the `cubeUIFace` `div`s.\r\n\r\n```html\r\n<div class=\"cubeUIContainer loading\">\r\n   <div class=\"cubeUIFace\">\r\n      <!--content of first face-->\r\n   </div>\r\n   <div class=\"cubeUIFace\">\r\n      <!--content of second face-->\r\n   </div>\r\n   <div class=\"cubeUIFace\">\r\n      <!--content of third face-->\r\n   </div>\r\n   <div class=\"cubeUIFace\">\r\n      <!--content of fourth face-->\r\n   </div>\r\n</div>\r\n```\r\nTo actually convert this HTML into the cube, you finally need to run the initialize function.\r\n```js\r\nimport initialize from \"3d-html\";\r\ninitialize();\r\n```\r\n#### Here is a full sample setup of 3d-html\r\n```html\r\n<body>\r\n   <div class=\"cubeUIContainer loading\">\r\n      <div class=\"cubeUIFace\">\r\n         <!--content of first face-->\r\n      </div>\r\n      <div class=\"cubeUIFace\">\r\n         <!--content of second face-->\r\n      </div>\r\n      <div class=\"cubeUIFace\">\r\n         <!--content of third face-->\r\n      </div>\r\n      <div class=\"cubeUIFace\">\r\n         <!--content of fourth face-->\r\n      </div>\r\n   </div>\r\n   \r\n   <script type=\"module\">\r\n      import initialize from \"3d-html\";\r\n      initialize();\r\n   </script>\r\n</body>\r\n```\r\nIf you are using some javascript framework instead of vanilla, you may not be able to run the initialize function inside of an HTML `script` tag, but must run it elsewhere.\r\n\r\n## Limitations\r\nUnder the hood, 3d-html turns the DOM into images with [html-to-image](https://github.com/bubkoo/html-to-image), and then applies those images to the face of a cube using [three.js](https://github.com/mrdoob/three.js/). Because of this implementation, anything that moves like videos or animated images will not continue to move when the cube turns. Changes in the DOM itself should be fine most of the time, as 3d-html attempts to recreate cube materials when it detects changes in related DOM.\r\n","readmeFilename":"README.md","description":"Display HTML on the faces of a 3d cube that can be rotated with the cursor.","homepage":"https://github.com/KDJDEV/3d-html#readme","repository":{"type":"git","url":"git+https://github.com/KDJDEV/3d-html.git"},"bugs":{"url":"https://github.com/KDJDEV/3d-html/issues"},"license":"MIT","keywords":["3d-html","three.js","javascript","3d","html","webgl","webgl2","canvas","cube","UI"]}