https://concertinisrael.com/tickchak/js/inc/tick-anim.js

1
2function init_tickchak_canvas(canvas_id,animation_container_id,dom_overlay_container_id,anim_id,callback,$elem){
3    var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation={func:{}};
4    function init() {
5        canvas = document.getElementById(canvas_id);
6        anim_container = document.getElementById(animation_container_id);
7        dom_overlay_container = document.getElementById(dom_overlay_container_id);
8        var comp=AdobeAn.getComposition(anim_id);
9        var lib=comp.getLibrary();
10        createjs.MotionGuidePlugin.install();
11        var loader = new createjs.LoadQueue(false);
12        loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
13        loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
14        lib=comp.getLibrary();
15        loader.loadManifest(lib.properties.manifest);
16    }
17
18    function handleFileLoad(evt, comp) {
19        var images=comp.getImages();
20        if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }
21    }
22    function handleComplete(evt,comp) {
23        var lib=comp.getLibrary();
24        var ss=comp.getSpriteSheet();
25        var queue = evt.target;
26        var ssMetadata = lib.ssMetadata;
27        for(i=0; i<ssMetadata.length; i++) {
28            ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
29        }
30        exportRoot = new lib.my_shape();
31        stage = new lib.Stage(canvas);
32        fnStartAnimation.func = function() {
33            stage.addChild(exportRoot);
34            createjs.Ticker.setFPS(lib.properties.fps);
35            createjs.Ticker.addEventListener("tick", stage);
36            callback($elem);
37        };
38        fnStartAnimation.func();
39    }
40    init();
41    return fnStartAnimation;
42}
43//
44// function getRandomArbitrary(min, max) {
45//     return Math.random() * (max - min) + min;
46// }
47//
48// function init2_tickchak_canvas(width,height,z_index,top1,pos,anim_id,elem,_class,_id,top,height_d,callback){
49//     var hash=new Date().getTime();
50//     hash=hash.toString()+'_'+parseInt(Math.random()*1000000);
51//     var top =top;
52//     var left = pos.left;
53//     var $elem=$('<div id="animation_container_'+_id+'" class="'+_class+'-container" style="z-index:'+z_index+'; position:absolute; top:'+top+'; left:0px; background-color:#fff; width:'+width+'; height:'+height+';">' +
54//         '<canvas id="canvas_'+_id+'" class="'+_class+'-canvas" width="100%" height="100%" style="width:100%; height:10%; position: absolute; display: block; background-color:rgba(255, 255, 255, 0.00);"></canvas>' +
55//         '<div id="dom_overlay_container_'+_id+'" class="'+_class+'-overlay" style="pointer-events:none; overflow:hidden; width:'+width+'; height:'+height+'; position: absolute; left: 0px; top: 0px; display: block;"></div>' +
56//         '</div>').appendTo(elem);
57//     init_tickchak_canvas('canvas_'+_id,'animation_container_'+_id,'dom_overlay_container_'+_id,anim_id,callback,$elem);
58// }
59
60function init2_tickchak_canvas(width,height,style_animation,style_canvas,style_dom_overlay,anim_id,elem,_class,_id,callback){
61    // var hash=new Date().getTime();
62    // hash=hash.toString()+'_'+parseInt(Math.random()*1000000);
63    var $elem=$('<div id="animation_container_'+_id+'" class="'+_class+'-container" style="'+style_animation+'">' +
64        '<canvas id="canvas_'+_id+'" class="'+_class+'-canvas" width="'+width+'" height="'+height+'" style="'+style_canvas+'"></canvas>' +
65        '<div id="dom_overlay_container_'+_id+'" class="'+_class+'-overlay" style="'+style_dom_overlay+'"></div>' +
66        '</div>').appendTo(elem);
67    init_tickchak_canvas('canvas_'+_id,'animation_container_'+_id,'dom_overlay_container_'+_id,anim_id,callback,$elem);
68}
69
70// function load_anim(script_path,func) {
71//     if (!$('script[src="'+script_path+'"]').length ){
72//         $('head').append('<script type="text/javascript" src="'+script_path+'" ></script>');
73//     }
74//     else
75//         if(func)
76//             window[func]();
77// }