Adobe Edge Animate (part 2)

As promised, I have tried out extending Adobe Edge Animate with jQuery libraries in order to implement a “drag and drop” functionality. It is meant to be a fairly straightforward task of importing the scripts or including the relevant url paths, through Edge script interface.

Adobe Edge panels

It turned out to be quite fiddly, as including the url path didn’t work for me and importing scripts into edge also turned out to be a bit problematic. There is a separate script for touch devices – jQuery UI Touch Punch, and this seems to be sensitive about the order in which it is included. It has worked after a fashion and an example can be found here:

Since Adobe Edge export includes a bundle of files (edgePreload.js, edgeActions.js, main.js as well as HTML files and images folder) the easiest way of including all these in our CMS Poloply was to host these packages separately to be called in via iframes.

Not the most elegant solution.

The new section is a bit of an experiment. It is an attempt to make the activities more interesting than reading PDF files.

Whether the new JavaScript  elements provide an added value is up for debate…keen to hear your views.