Blog Post
AdamZamczyk
Community Member
This week, I want to share the example I prepared in 'cooperation' with ChatGPT.
This is a magnifying glass effect, combined with the Tilt.js function, that gives a more dynamic view of the main image.
2 main ways to control the zoom factor - up/down key arrows or a slider.
Additionally, the whole scene gets darker when the Magnifying glass effect is turned on - it follows the mouse movement.
I added an animated toggle and new emphasis animations to the Zoom factor as a small cherry on top.
Enjoy: https://magnify.zamczyk.co.uk/
Side note: the Javascript has 162 lines of code to achieve this magnifying glass effect. Thanks again ChatGPT.
Update; here is the .story file, enjoy.
https://drive.google.com/file/d/1jCBBFB3Jy42HV3oF3sGyHw4xejMLZUY6/view?usp=sharing
This is a magnifying glass effect, combined with the Tilt.js function, that gives a more dynamic view of the main image.
2 main ways to control the zoom factor - up/down key arrows or a slider.
Additionally, the whole scene gets darker when the Magnifying glass effect is turned on - it follows the mouse movement.
I added an animated toggle and new emphasis animations to the Zoom factor as a small cherry on top.
Enjoy: https://magnify.zamczyk.co.uk/
Side note: the Javascript has 162 lines of code to achieve this magnifying glass effect. Thanks again ChatGPT.
Update; here is the .story file, enjoy.
https://drive.google.com/file/d/1jCBBFB3Jy42HV3oF3sGyHw4xejMLZUY6/view?usp=sharing
JodiSansone
8 months agoCommunity Member
This has so much to explore. Thanks for posting it. Would you be open to posting the file so we can see how you achieved the different effects?
- AdamZamczyk8 months agoCommunity Memberhi Jodi, here is the file, enjoy
https://drive.google.com/file/d/1jCBBFB3Jy42HV3oF3sGyHw4xejMLZUY6/view?usp=sharing