Adobe Animate with ZIM and ML5 for Hand Tracking

Here is a ZIM Explore on how to get ML5 working with Adobe Animate and ZIM SHIM!

See https://zimjs.com/animate for more!

Thanks @karelrosseel82 for the prompting.

super, wonder how you can easy enable it for all the scrambler,
did you talk where the script comes from version 1.2.1 only works?

  • did you integrate into the ZIM_cam.js the script? ml5@1.2.1 ?
00:00 start
00:30 ZIM is created on https://createjs.org as Adobe also do 
00:40 handtracking in https://zimjs.com/018 
00:53 example to track circle onto a line up/down by pinch https://zimjs.com/018/handtrack.html
01:17 examples at https://zimjs.com/ml5/pinch
01:00 more exmaples on https://zimjs.com/animate or https://zimjs.com/shim
02:12 download the ZIPP file with all examples on https://zimjs.com/animate
02:20 example1: only a circle on the stage with 
02:38 ctrl+enter to show main .fla file and everything appears: also emitter and Blob()
02:44 basic example with new Slider() and new Circle().drag() and new Button()
03:18 explaining the code setup main .fla 
03:40 ml5 example : move ball with right hand inger pinch
04:30 zimify movieclip is a container to drag a circle for example + blendmode .ble()
05:50 this.stop() important!!
06:07 bring in a const ball = new Circle().drag()  
06:29 ask for cam permissions
10:10 ask for ml5 cam
12:14 you can even track the little circle of the new CamAlpha()
13:23 new CamAlpha()
13:51 videos https://zimjs.com/youtube
13:59 example with new Scrambler() https://zimjs.com/vr has also scrambler
14:30 all versions of ZIM 018 see https://zimjs.com/history
15:10 see https://zimjs.com/015 for example with 3D scrambler TextureActive
15:43 welcome on https://forum.zimjs.com and https://zimjs.com/discord

1 Like

This is the modern code - with the async and await so it works with the latest ML5 version. I updated the 018 integrated cursor example to that too - but not the ML5 examples - will get to that one day.