{"_id":"3dimageflipdisplaygithub","_rev":"1-715a2493ee533937c73a3b61652bd079","name":"3dimageflipdisplaygithub","dist-tags":{"latest":"1.4.5"},"versions":{"1.0.0":{"name":"3dimageflipdisplaygithub","version":"1.0.0","description":"This is a simple example demonstrating how to create a 3D image flip display effect using HTML canvas and JavaScript. The entire functionality is contained within a single index.js file.","main":"index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/github0092/3DImageFlipDisplay.git"},"keywords":["sample","npm","package"],"author":{"name":"github0092"},"license":"MIT","dependencies":{"lodash":"^4.17.21","axios":"^0.21.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_id":"3dimageflipdisplaygithub@1.0.0","bugs":{"url":"https://github.com/github0092/3DImageFlipDisplay/issues"},"homepage":"https://github.com/github0092/3DImageFlipDisplay#readme","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-c9hTkzrmKoWY/4YsBbDBPsIuyddo+gnb7eCLZlL1tIjMRrMbQ3tBHhl5WtLYJTBQ2S8yxyVi0LQfpI/Ds1JpoA==","shasum":"8cc4082c27e25731c2a3404ebca51d772fa25166","tarball":"https://registry.npmjs.org/3dimageflipdisplaygithub/-/3dimageflipdisplaygithub-1.0.0.tgz","fileCount":3,"unpackedSize":3132,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEslyRJfYDleItRpAh4CQDKkx5VkTG/oHSCRSo9gRBFQAiB+7cUKzFLrX/sMQkeIVronqM0A5Pv+3og+b5MpOP7/ig=="}]},"_npmUser":{"name":"github0092","email":"manishgharu42@gmail.com"},"directories":{},"maintainers":[{"name":"github0092","email":"manishgharu42@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dimageflipdisplaygithub_1.0.0_1709824189797_0.640108810299961"},"_hasShrinkwrap":false},"1.4.5":{"name":"3dimageflipdisplaygithub","version":"1.4.5","description":"This is a simple example demonstrating how to create a 3D image flip display effect using HTML canvas and JavaScript. The entire functionality is contained within a single index.js file.","main":"index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/github0092/3DImageFlipDisplay.git"},"keywords":["sample","npm","package","tea","brew","drink","beverage","cup","leaf"],"author":{"name":"github0092"},"license":"Apache-2.0","dependencies":{"lodash":"^4.17.21","axios":"^0.21.1","tea-brewer":"^1.0.0","tea-drinker":"^2.1.3","tea-lover":"^3.0.5","tea-addict":"^1.5.2","tea-connoisseur":"^2.3.1","tea-enthusiast":"^4.2.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","tea-critic":"^1.0.0","tea-party":"^2.0.0","tea-sommelier":"^3.1.2"},"_id":"3dimageflipdisplaygithub@1.4.5","gitHead":"210b699164e70e7e89c55417d30e45b31826c6b8","bugs":{"url":"https://github.com/github0092/3DImageFlipDisplay/issues"},"homepage":"https://github.com/github0092/3DImageFlipDisplay#readme","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-55hNtdUHwRtWW2eLvIIxlkaua1InuRr73OiGDOklIFOdgXSFnpkqk9I46g939FpZwdVMeQAMSzJUf6ZL29CRbA==","shasum":"1dab96badbb0a9423434929f2e493d867c8ae0bd","tarball":"https://registry.npmjs.org/3dimageflipdisplaygithub/-/3dimageflipdisplaygithub-1.4.5.tgz","fileCount":3,"unpackedSize":13307,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC8TT/ORgNiIvDRjgWlobFJhfEMxhQIrr6inSqcxmYPVAiEAu4bLcH25sddPNPX6G7vxYnD/GRDJ4ynHJHWB6wCYYps="}]},"_npmUser":{"name":"github0092","email":"manishgharu42@gmail.com"},"directories":{},"maintainers":[{"name":"github0092","email":"manishgharu42@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dimageflipdisplaygithub_1.4.5_1710655596129_0.7932847739525097"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-07T15:09:49.796Z","1.0.0":"2024-03-07T15:09:49.941Z","modified":"2024-03-17T06:06:36.763Z","1.4.5":"2024-03-17T06:06:36.288Z"},"maintainers":[{"name":"github0092","email":"manishgharu42@gmail.com"}],"description":"This is a simple example demonstrating how to create a 3D image flip display effect using HTML canvas and JavaScript. The entire functionality is contained within a single index.js file.","homepage":"https://github.com/github0092/3DImageFlipDisplay#readme","keywords":["sample","npm","package","tea","brew","drink","beverage","cup","leaf"],"repository":{"type":"git","url":"git+https://github.com/github0092/3DImageFlipDisplay.git"},"author":{"name":"github0092"},"bugs":{"url":"https://github.com/github0092/3DImageFlipDisplay/issues"},"license":"Apache-2.0","readme":"## 3D Image Flip Display\r\nThis is a simple example demonstrating how to create a 3D image flip display effect using HTML canvas and JavaScript. The entire functionality is contained within a single index.js file.\r\n\r\n## Description\r\nThis project showcases a basic implementation of a 3D image flip display effect. It utilizes the HTML <canvas> element along with JavaScript to achieve the desired animation.\r\n\r\n## Usage\r\nEnsure you have an HTML file with a <canvas> element. Give this element an id, for example: id=\"canvas\".\r\nLink the index.js file to your HTML file.\r\nWhen the page loads, the JavaScript code will automatically execute and create the 3D image flip effect.\r\nExample\r\nYou can replace the imageUrl variable in the index.js file with the URL of your desired image. The provided code will load the image onto the canvas and apply the 3D flip animation.\r\n\r\n## Contributing\r\nContributions are welcome. If you have suggestions or improvements, feel free to open an issue or submit a pull request.\r\n\r\n## Acknowledgements\r\nThis project was created as a simple demonstration of 3D animation techniques using HTML canvas and JavaScript.","readmeFilename":"readme.md"}