Navigation for the ZIM JavaScript Canvas Framework


ZIM SHIM for Adobe Animate - is here!

In Animate, choose: Publish Settings > More Settings > HTML/JS > Import New import the template in this ZIP File. Then code with ZIM in Animate! Watch the VIDEO and a NEW VIDEO. Join us on SLACK for help. This is all that is added to the regular template:

Here are a few things to watch out for when working with ZIM in Animate.
  1. Adobe scripts have a loop parameter so set loop = zim.loop; to use loop()
  2. Use frame.mouseX and frame.mouseY to capture mouse positions
    This accommodates the scaling of the stage on export to HMTL 5
  3. Initially, we recommended putting MovieClips in ZIM containers
    but this is no longer needed with zimify() in ZIM 10.5.4 and beyond
  4. Be careful with bounds in Animate - many ZIM features need bounds set
    After zimify(obj) you can obj.setBounds() and obj.outline() to see bounds
  5. drag() will drag parts of a MovieClip unless you drag({all:true})
  6. see the zim_full.fla for an example using a the ZIM FULL scaling mode
  7. See the ZIM Tips for many modern ways we code in ZIM
  8. If you are new to ZIM - make sure you use ZIM Docs and ZIM Learn!