{"_id":"@9am/arc-ball","_rev":"4-ef6afa962f46a6df83ceb0a5ad75179e","name":"@9am/arc-ball","dist-tags":{"latest":"1.0.3"},"versions":{"0.0.1":{"name":"@9am/arc-ball","version":"0.0.1","description":"A small Web Component enables arcball 3D view for its children.","keywords":["web component","custom element"],"type":"module","module":"./dist/index.es.js","main":"./dist/index.umd.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js","default":"./dist/index.min.js"}},"scripts":{"dev":"vite --open","build":"vite build","prettier":"prettier --check ."},"devDependencies":{"prettier":"^2.8.8","vite":"^4.5.0","vite-plugin-banner":"^0.7.1"},"author":{"name":"9am","email":"tech.9am@gmail.com","url":"https://9am.github.io/"},"repository":{"type":"git","url":"git+https://github.com/9am/arc-ball.git"},"homepage":"https://9am.github.io/arc-ball/","private":false,"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"license":"MIT","gitHead":"0da9b1cfd00c646407af71c49f88ec401ff7d235","bugs":{"url":"https://github.com/9am/arc-ball/issues"},"_id":"@9am/arc-ball@0.0.1","_nodeVersion":"16.8.0","_npmVersion":"7.21.0","dist":{"integrity":"sha512-XiOUJ56gKwpcHtQw4jVgLgFI/XdEq3p/ueIzHDt/2Pdu4ZgCEfJgxJbM2r5Zsx2TuCU1k4/qyPiXjV6m06R+HQ==","shasum":"d95d8c7c115d71bed1f64918faa236883dc82a87","tarball":"https://registry.npmjs.org/@9am/arc-ball/-/arc-ball-0.0.1.tgz","fileCount":6,"unpackedSize":39530,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEl4hmugBch2iG18AwjQkyyO3XZIkolxGK8JwqeXkqUgAiEAgMVFJp7rA7hUyyPt2JvOklIK0iIlK3fpxSH/2HRnxis="}]},"_npmUser":{"name":"9am","email":"gbgogb@gmail.com"},"directories":{},"maintainers":[{"name":"9am","email":"gbgogb@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/arc-ball_0.0.1_1712048289052_0.984185762146754"},"_hasShrinkwrap":false},"1.0.0":{"name":"@9am/arc-ball","version":"1.0.0","description":"A small Web Component enables arcball 3D view for its children.","keywords":["arcball","3d","perspective","css transform","web component","custom element"],"type":"module","module":"./dist/index.es.js","main":"./dist/index.umd.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js","default":"./dist/index.min.js"}},"scripts":{"dev":"vite --open","build":"vite build","prettier":"prettier --check ."},"devDependencies":{"prettier":"^2.8.8","vite":"^4.5.0","vite-plugin-banner":"^0.7.1"},"author":{"name":"9am","email":"tech.9am@gmail.com","url":"https://9am.github.io/"},"repository":{"type":"git","url":"git+https://github.com/9am/arc-ball.git"},"homepage":"https://9am.github.io/arc-ball/","private":false,"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"license":"MIT","gitHead":"489024e94c90164b283554b5210747a0eefc747a","bugs":{"url":"https://github.com/9am/arc-ball/issues"},"_id":"@9am/arc-ball@1.0.0","_nodeVersion":"16.8.0","_npmVersion":"7.21.0","dist":{"integrity":"sha512-JKDEQIyRyg7JMz50Sb1pWMFA8goFRnR+Ypocv4bYkLrxaSDXOksrF2eVwDYH8XYjyyJJbsKZ2AtARgcpEmhBwQ==","shasum":"6775b111b48d02dc0a18c2004f127ec978a141d5","tarball":"https://registry.npmjs.org/@9am/arc-ball/-/arc-ball-1.0.0.tgz","fileCount":6,"unpackedSize":57037,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2wbg7yxH/B+FWnYQAG8QvzmkyTUoEbWIdEuobCkFeeQIhAJxa43ejD1ybiB/PMlHDfpcxOL7nyAwW/8bya1ntpdHE"}]},"_npmUser":{"name":"9am","email":"gbgogb@gmail.com"},"directories":{},"maintainers":[{"name":"9am","email":"gbgogb@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/arc-ball_1.0.0_1715246538727_0.4469861119464311"},"_hasShrinkwrap":false},"1.0.1":{"name":"@9am/arc-ball","version":"1.0.1","description":"A small Web Component enables arcball 3D view for its children.","keywords":["arcball","3d","perspective","css transform","web component","custom element"],"type":"module","module":"./dist/index.es.js","main":"./dist/index.umd.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js","default":"./dist/index.min.js"}},"scripts":{"dev":"vite --open","build":"vite build","prettier":"prettier --check ."},"devDependencies":{"prettier":"^2.8.8","vite":"^4.5.0","vite-plugin-banner":"^0.7.1"},"author":{"name":"9am","email":"tech.9am@gmail.com","url":"https://9am.github.io/"},"repository":{"type":"git","url":"git+https://github.com/9am/arc-ball.git"},"homepage":"https://9am.github.io/arc-ball/","private":false,"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"license":"MIT","gitHead":"399b84a3c2baa3a6ef9057ddf9f89a0889519947","bugs":{"url":"https://github.com/9am/arc-ball/issues"},"_id":"@9am/arc-ball@1.0.1","_nodeVersion":"16.8.0","_npmVersion":"7.21.0","dist":{"integrity":"sha512-9nccip0XcIGSLQrHup/+8yHgLFLjgkP4lzUxXKFY4D6pLSJfv71R48ThTL9zyIzAy2/tlYqsV73ibNoM5zdJMQ==","shasum":"864985398fa5c35779497264a4a59ec1b10eac09","tarball":"https://registry.npmjs.org/@9am/arc-ball/-/arc-ball-1.0.1.tgz","fileCount":6,"unpackedSize":56222,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCznkiS3gJx7StBEGOFWiidn08lzPzhfvc6MqB+JhfmGQIhAM+qtJDyAOAn08dGwWI3fB4ETApynkFhxb0DxJfomH2k"}]},"_npmUser":{"name":"9am","email":"gbgogb@gmail.com"},"directories":{},"maintainers":[{"name":"9am","email":"gbgogb@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/arc-ball_1.0.1_1715314152107_0.45478928108910543"},"_hasShrinkwrap":false},"1.0.2":{"name":"@9am/arc-ball","version":"1.0.2","description":"A small Web Component enables arcball 3D view for everything inside.","keywords":["arcball","3d","perspective","css transform","web component","custom element"],"type":"module","module":"./dist/index.es.js","main":"./dist/index.umd.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js","default":"./dist/index.min.js"}},"scripts":{"dev":"vite --open","build":"vite build","prettier":"prettier --check ."},"devDependencies":{"prettier":"^2.8.8","vite":"^4.5.0","vite-plugin-banner":"^0.7.1"},"author":{"name":"9am","email":"tech.9am@gmail.com","url":"https://9am.github.io/"},"repository":{"type":"git","url":"git+https://github.com/9am/arc-ball.git"},"homepage":"https://9am.github.io/arc-ball/","private":false,"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"license":"MIT","gitHead":"216e65a544e1b22c6b58d6ffd9b3f1451877a79c","bugs":{"url":"https://github.com/9am/arc-ball/issues"},"_id":"@9am/arc-ball@1.0.2","_nodeVersion":"16.8.0","_npmVersion":"7.21.0","dist":{"integrity":"sha512-Dgvu8FuyHLCOngQg9/cBoQMStIPD+Mmor2w2Dj8u5nEicgZlF5iAniqzKju/HiM7WlsSN3/1ncEIGAeAgZNUBg==","shasum":"aa2ba2e556fbb49ec02009a93a6cd1f7672d2e68","tarball":"https://registry.npmjs.org/@9am/arc-ball/-/arc-ball-1.0.2.tgz","fileCount":6,"unpackedSize":57987,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFc9CycSknR9Ti9bpA2zBBHPgjZqgWB2Qti/kt/EZYtpAiEA4B6DoJa0MRE8NbSti+s2sucfeqBGXz/3yQoZ47YqWag="}]},"_npmUser":{"name":"9am","email":"gbgogb@gmail.com"},"directories":{},"maintainers":[{"name":"9am","email":"gbgogb@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/arc-ball_1.0.2_1715572176521_0.8532690620949874"},"_hasShrinkwrap":false},"1.0.3":{"name":"@9am/arc-ball","version":"1.0.3","description":"A small Web Component enables arcball 3D view for everything inside.","keywords":["arcball","3d","perspective","css transform","web component","custom element"],"type":"module","module":"./dist/index.es.js","main":"./dist/index.umd.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js","default":"./dist/index.min.js"}},"scripts":{"dev":"vite --open","build":"vite build","prettier":"prettier --check ."},"devDependencies":{"prettier":"^2.8.8","vite":"^4.5.0","vite-plugin-banner":"^0.7.1"},"author":{"name":"9am","email":"tech.9am@gmail.com","url":"https://9am.github.io/"},"repository":{"type":"git","url":"git+https://github.com/9am/arc-ball.git"},"homepage":"https://9am.github.io/arc-ball/","private":false,"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"license":"MIT","gitHead":"049814002ea9d6676a13166cafd898c3830e91ec","bugs":{"url":"https://github.com/9am/arc-ball/issues"},"_id":"@9am/arc-ball@1.0.3","_nodeVersion":"16.8.0","_npmVersion":"7.21.0","dist":{"integrity":"sha512-kfquG3eubEjPwJrIUbKeP2kYEMkmuHT4Ndr44ydIbCrMrXQp/C2WU6HFU2+sgfqXV1JbpDmtUkes428zHphr9w==","shasum":"e4081ce2602a3f3e35234d6e64023de1a75b8aab","tarball":"https://registry.npmjs.org/@9am/arc-ball/-/arc-ball-1.0.3.tgz","fileCount":6,"unpackedSize":58458,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBo5s7hi/5d68EnwuPZj5dXRAbD7elbQgxtTpZcxNM94AiA0nScNQA8xxgt9T4st/rduP+R0OuAMUSzsSheozLuq0A=="}]},"_npmUser":{"name":"9am","email":"gbgogb@gmail.com"},"directories":{},"maintainers":[{"name":"9am","email":"gbgogb@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/arc-ball_1.0.3_1715745471156_0.8424920716368425"},"_hasShrinkwrap":false}},"time":{"created":"2024-04-02T08:58:08.970Z","0.0.1":"2024-04-02T08:58:09.200Z","modified":"2024-05-15T03:57:51.509Z","1.0.0":"2024-05-09T09:22:18.895Z","1.0.1":"2024-05-10T04:09:12.236Z","1.0.2":"2024-05-13T03:49:36.664Z","1.0.3":"2024-05-15T03:57:51.344Z"},"maintainers":[{"name":"9am","email":"gbgogb@gmail.com"}],"description":"A small Web Component enables arcball 3D view for everything inside.","homepage":"https://9am.github.io/arc-ball/","keywords":["arcball","3d","perspective","css transform","web component","custom element"],"repository":{"type":"git","url":"git+https://github.com/9am/arc-ball.git"},"author":{"name":"9am","email":"tech.9am@gmail.com","url":"https://9am.github.io/"},"bugs":{"url":"https://github.com/9am/arc-ball/issues"},"license":"MIT","readme":"
\n \"arc-ball-logo\"\n

<arc-ball>

\n\t

A small Web Component enables arcball 3D view for everything inside.

\n

\n \n \"GitHub\"\n \n \n \"npm\"\n \n \n \"npm\"\n \n \n \"npm\n \n

\n
\n\nInspired by wonderful demos[^1] made by Bartosz Ciechanowski, and a great paper[^2] written by Ken Shoemake, this is a nice little tool for someone who like to create 3D models with CSS transform.\n\n## Demo\n\nGo to the [Home page](https://9am.github.io/arc-ball/).\n\n\"arc-ball-demo-0\"\n\"arc-ball-demo-3\"\n\"arc-ball-demo-4\"\n\"arc-ball-demo-2\"\n\"arc-ball-demo-1\"\n\"arc-ball-demo-5\"\n\n## Usage\n\nInclude via CDN(e.g. unpkg) or Download a copy\n\n```html\n\n\n\n
preserve-3d CSS transform elements or anything you want
\n\n```\n\n```html\n\n \n \n\n```\n\n```html\n\n \n
escape the 3d control
\n\n```\n\n```html\n\n \n \n\n```\n\n
\n Or import the ESM version\n\n```html\n\n```\n\n
\n\n
\n Or install via npm\n\n```sh\nnpm install @9am/arc-ball\n```\n\n
\n\n## Documentation\n\n`width` `height` and `perspective` can be controlled by the style of the `` element.\n\n## License\n[MIT](LICENSE)\n\n[^1]: [Bartosz Ciechanowski Blog](https://ciechanow.ski/)\n[^2]: [ARCBALL: A User Interface for Specifying Three-Dimensional Orientation Using a Mouse](https://graphicsinterface.org/wp-content/uploads/gi1992-18.pdf)\n","readmeFilename":"README.md"}