ZIM Explore! 54. Magnifying Glass - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs
Channel: ZIM LEARN
Date: 13/06/2021

Here we explore making a Magnifying Glass in ZIM on the Canvas.
00:00 demonstration of example on https://codepen.io/zimjs/pen/RwpYBoy
28:49 magnifier visibility
41:16 scale number for magnifier
46:07 glass clickable example
48:07 example handle straight (not rotating)
48:56 example with rotating the handle angle while dragging magnifier is rotation handle of magnifier + damp image = ProportionDamp
56:00 explaining Proportion and Damp to ProportionDamp because damping an image while dragging is professional and looks better (other damping example with no pictures but 2 circles following each other https://codepen.io/zimjs/pen/abBGdzZ)
58:59 how magnifier positions the clone of the background
1:00:41 outline of the magnifier and explanation coordinate system
1:07:10 exploring community 'how to' - templates https://codepen.io/topic/zim/templates  and specific on GlobalToLocal 'Einstein' https://codepen.io/zimjs/pen/MxdoqV

Zim's Dr. Abstract codes to all corners of ZIM at http://zimjs.com in these half hour series less commercial times - haha.  This is an open-ended series so any requests are welcome - come join the SLACK Team at http://zimjs.com/slack and start coding in ZIM!  Press that little like button to make the ZIM Team happy and share ZIM with others - let's all get creative on the canvas!