├── .browserslistrc
├── _tests
    ├── data
    │   ├── animation1
    │   │   ├── animation1.fla
    │   │   ├── animation1.html
    │   │   └── animation1.js
    │   ├── animation2
    │   │   ├── animation2.fla
    │   │   ├── images
    │   │   │   └── animation2_atlas_1.png
    │   │   ├── animation2.html
    │   │   └── animation2.js
    │   ├── animation3
    │   │   ├── animation3.fla
    │   │   ├── images
    │   │   │   └── animation3_atlas_1.png
    │   │   ├── animation3.html
    │   │   └── animation3.js
    │   ├── animation4
    │   │   ├── animation4.fla
    │   │   ├── images
    │   │   │   └── animation4_atlas_1.png
    │   │   ├── animation4.html
    │   │   └── animation4.js
    │   ├── animation5
    │   │   └── RENAMED.js
    │   └── animation6
    │   │   └── blog-stoerer.js
    └── index.html
├── .prettierrc
├── .gitignore
├── .babelrc
├── .eslintrc.js
├── README.md
└── package.json


/.browserslistrc:
--------------------------------------------------------------------------------
1 | IE >= 11
2 | > 0.25%
3 | not dead


--------------------------------------------------------------------------------
/_tests/data/animation1/animation1.fla:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/davidhasson22321/adobe-animate-embed/HEAD/_tests/data/animation1/animation1.fla


--------------------------------------------------------------------------------
/_tests/data/animation2/animation2.fla:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/davidhasson22321/adobe-animate-embed/HEAD/_tests/data/animation2/animation2.fla


--------------------------------------------------------------------------------
/_tests/data/animation3/animation3.fla:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/davidhasson22321/adobe-animate-embed/HEAD/_tests/data/animation3/animation3.fla


--------------------------------------------------------------------------------
/_tests/data/animation4/animation4.fla:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/davidhasson22321/adobe-animate-embed/HEAD/_tests/data/animation4/animation4.fla


--------------------------------------------------------------------------------
/_tests/data/animation2/images/animation2_atlas_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/davidhasson22321/adobe-animate-embed/HEAD/_tests/data/animation2/images/animation2_atlas_1.png


--------------------------------------------------------------------------------
/_tests/data/animation3/images/animation3_atlas_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/davidhasson22321/adobe-animate-embed/HEAD/_tests/data/animation3/images/animation3_atlas_1.png


--------------------------------------------------------------------------------
/_tests/data/animation4/images/animation4_atlas_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/davidhasson22321/adobe-animate-embed/HEAD/_tests/data/animation4/images/animation4_atlas_1.png


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "singleQuote": true,
 3 |     "tabWidth": 4,
 4 |     "printWidth": 120,
 5 |     "trailingComma": "none",
 6 |     "trailingCommaPHP": false,
 7 |     "phpVersion": "7.2",
 8 |     "arrowParens": "avoid"
 9 | }
10 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | /_public/*
 2 | !/_public/.gitkeep
 3 | /_build/
 4 | /node_modules/
 5 | /vendor/
 6 | /logs/
 7 | /usage/
 8 | /_vue/_build/
 9 | /_js/_build/
10 | /_tests/_build/
11 | /package-lock.json
12 | __image_snapshots__
13 | /.env
14 | *.css.map
15 | *.js.map
16 | *.tmp-browserify*
17 | /composer.lock


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "presets": [
 3 |         [
 4 |             "@babel/preset-env",
 5 |             {
 6 |                 "useBuiltIns": "usage",
 7 |                 "corejs": { "version": "3.8", "proposals": true }
 8 |             }
 9 |         ],
10 |         "@babel/preset-react"
11 |     ],
12 |     "plugins": [
13 |         "@babel/plugin-transform-runtime",
14 |         "@babel/plugin-proposal-class-properties",
15 |         "@babel/plugin-proposal-optional-chaining",
16 |         "@babel/plugin-proposal-private-methods"
17 |     ]
18 | }
19 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |     env: {
 3 |         browser: true,
 4 |         es6: true,
 5 |         jquery: true,
 6 |         amd: true,
 7 |         node: true
 8 |     },
 9 |     extends: 'eslint:recommended',
10 |     parserOptions: {
11 |         ecmaVersion: 2021,
12 |         sourceType: 'module'
13 |     },
14 |     rules: {
15 |         quotes: ['error', 'single', { allowTemplateLiterals: true }],
16 |         semi: ['error', 'always'],
17 |         'linebreak-style': 0,
18 |         'no-console': 'off',
19 |         'no-unused-vars': 'off'
20 |     }
21 | };
22 | 


--------------------------------------------------------------------------------
/_tests/data/animation1/animation1.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <!--
 3 | 	NOTES:
 4 | 	1. All tokens are represented by '$' sign in the template.
 5 | 	2. You can write your code only wherever mentioned.
 6 | 	3. All occurrences of existing tokens will be replaced by their appropriate values.
 7 | 	4. Blank lines will be removed automatically.
 8 | 	5. Remove unnecessary comments before creating your template.
 9 | -->
10 | <html>
11 | <head>
12 | <meta charset="UTF-8">
13 | <meta name="authoring-tool" content="Adobe_Animate_CC">
14 | <title>animation1</title>
15 | <!-- write your code here -->
16 | <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
17 | <script src="animation1.js"></script>
18 | <script>
19 | var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
20 | function init() {
21 | 	canvas = document.getElementById("canvas");
22 | 	anim_container = document.getElementById("animation_container");
23 | 	dom_overlay_container = document.getElementById("dom_overlay_container");
24 | 	var comp=AdobeAn.getComposition("BA8189FFF95A6E44AD05467BE571AA0B");
25 | 	var lib=comp.getLibrary();
26 | 	handleComplete({},comp);
27 | }
28 | function handleComplete(evt,comp) {
29 | 	//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
30 | 	var lib=comp.getLibrary();
31 | 	var ss=comp.getSpriteSheet();
32 | 	exportRoot = new lib.animation1();
33 | 	stage = new lib.Stage(canvas);	
34 | 	//Registers the "tick" event listener.
35 | 	fnStartAnimation = function() {
36 | 		stage.addChild(exportRoot);
37 | 		createjs.Ticker.framerate = lib.properties.fps;
38 | 		createjs.Ticker.addEventListener("tick", stage);
39 | 	}	    
40 | 	//Code to support hidpi screens and responsive scaling.
41 | 	AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);	
42 | 	AdobeAn.compositionLoaded(lib.properties.id);
43 | 	fnStartAnimation();
44 | }
45 | </script>
46 | <!-- write your code here -->
47 | </head>
48 | <body onload="init();" style="margin:0px;">
49 | 	<div id="animation_container" style="background-color:rgba(102, 255, 0, 0.09); width:640px; height:480px">
50 | 		<canvas id="canvas" width="640" height="480" style="position: absolute; display: block; background-color:rgba(102, 255, 0, 0.09);"></canvas>
51 | 		<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:640px; height:480px; position: absolute; left: 0px; top: 0px; display: block;">
52 | 		</div>
53 | 	</div>
54 | </body>
55 | </html>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # 🍿 adobe-animate-embed 🍿
  2 | 
  3 | embed canvas animations generated with adobe animate the way it should be.
  4 | 
  5 | ## supports
  6 | 
  7 | -   fully responsive to the parent container
  8 | -   full or partly transparent backgrounds
  9 | -   auto play and rewind on mouse over and out
 10 | -   no need to manually embed createjs (e.g. from an external cdn)
 11 | -   simple caching mechanism when loading published files from adobe animate
 12 | -   control loop, rewind and play/pause
 13 | -   embedding of multiple animations (from the same source) on the same page
 14 | -   different fps in different animations, also manually modify speed
 15 | -   full ie11 support
 16 | 
 17 | ## installation
 18 | 
 19 | ### directly
 20 | 
 21 | ```html
 22 | <script src="adobe-animate-embed.min.js"></script>
 23 | ```
 24 | 
 25 | ### library
 26 | 
 27 | ```sh
 28 | npm install adobe-animate-embed
 29 | ```
 30 | 
 31 | ```js
 32 | import aae from 'adobe-animate-embed';
 33 | ```
 34 | 
 35 | ## usage
 36 | 
 37 | first create an animation in adobe animate of type [html5 canvas](https://helpx.adobe.com/animate/using/creating-publishing-html5-canvas-document.html) and publish the animation with the default values into e.g. /data/animation1/. for more information look at this [blog article](https://vielhuber.de/blog/adobe-animate-animationen-nativ-einbinden/).
 38 | 
 39 | now prepare an empty container:
 40 | 
 41 | ```html
 42 | <div class="anim1"></div>
 43 | ```
 44 | 
 45 | instantiate the animation by referencing the js file from the folder created above:
 46 | 
 47 | ```js
 48 | let a1 = new aae(
 49 |     document.querySelector('.anim1'), // dom element, where the animation should be instantiated
 50 |     '/data/animation1/animation1.js' // url to the js file; can be an absolute or relative link
 51 | );
 52 | ```
 53 | 
 54 | it's time to run the animation:
 55 | 
 56 | ```js
 57 | a1.start();
 58 | ```
 59 | 
 60 | by default the loop setting from the publish settings is used.
 61 | however, you can change this dynamically:
 62 | 
 63 | ```js
 64 | a1.start(true); // run in loop
 65 | a1.start(false); // run once
 66 | ```
 67 | 
 68 | you even can rewind an animation and play it backwards:
 69 | 
 70 | ```js
 71 | a1.start(null, false); // run forwards
 72 | a1.start(null, true); // run backwards
 73 | ```
 74 | 
 75 | `start` immediately starts the animation. however, you can also show only the first frame:
 76 | 
 77 | ```js
 78 | a1.start(null, null, false); // no autoplay
 79 | a1.resume();
 80 | ```
 81 | 
 82 | you can manually adjust the speed of an animation:
 83 | 
 84 | ```js
 85 | a1.start(null, null, null, 2); // play at double speed
 86 | ```
 87 | 
 88 | often you want an animation to play when hovering an element and rewind when unhovering.\
 89 | the library provides a handy shortcut for that:
 90 | 
 91 | ```js
 92 | a1.hover();
 93 | ```
 94 | 
 95 | you can stop, pause or destroy the animation at any time:
 96 | 
 97 | ```js
 98 | a1.stop();
 99 | a1.pause();
100 | a1.destroy();
101 | ```
102 | 
103 | ## caveats
104 | 
105 | - easing functions such as "elastic" are not cleanly supported by Animate CC after the export
106 | 


--------------------------------------------------------------------------------
/_tests/data/animation2/animation2.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <!--
 3 | 	NOTES:
 4 | 	1. All tokens are represented by '$' sign in the template.
 5 | 	2. You can write your code only wherever mentioned.
 6 | 	3. All occurrences of existing tokens will be replaced by their appropriate values.
 7 | 	4. Blank lines will be removed automatically.
 8 | 	5. Remove unnecessary comments before creating your template.
 9 | -->
10 | <html>
11 | <head>
12 | <meta charset="UTF-8">
13 | <meta name="authoring-tool" content="Adobe_Animate_CC">
14 | <title>animation2</title>
15 | <!-- write your code here -->
16 | <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
17 | <script src="animation2.js"></script>
18 | <script>
19 | var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
20 | function init() {
21 | 	canvas = document.getElementById("canvas");
22 | 	anim_container = document.getElementById("animation_container");
23 | 	dom_overlay_container = document.getElementById("dom_overlay_container");
24 | 	var comp=AdobeAn.getComposition("461BE263A46F40348AC50F8CB46AE189");
25 | 	var lib=comp.getLibrary();
26 | 	var loader = new createjs.LoadQueue(false);
27 | 	loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
28 | 	loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
29 | 	var lib=comp.getLibrary();
30 | 	loader.loadManifest(lib.properties.manifest);
31 | }
32 | function handleFileLoad(evt, comp) {
33 | 	var images=comp.getImages();	
34 | 	if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }	
35 | }
36 | function handleComplete(evt,comp) {
37 | 	//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
38 | 	var lib=comp.getLibrary();
39 | 	var ss=comp.getSpriteSheet();
40 | 	var queue = evt.target;
41 | 	var ssMetadata = lib.ssMetadata;
42 | 	for(i=0; i<ssMetadata.length; i++) {
43 | 		ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
44 | 	}
45 | 	exportRoot = new lib.animation2();
46 | 	stage = new lib.Stage(canvas);	
47 | 	//Registers the "tick" event listener.
48 | 	fnStartAnimation = function() {
49 | 		stage.addChild(exportRoot);
50 | 		createjs.Ticker.framerate = lib.properties.fps;
51 | 		createjs.Ticker.addEventListener("tick", stage);
52 | 	}	    
53 | 	//Code to support hidpi screens and responsive scaling.
54 | 	AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);	
55 | 	AdobeAn.compositionLoaded(lib.properties.id);
56 | 	fnStartAnimation();
57 | }
58 | </script>
59 | <!-- write your code here -->
60 | </head>
61 | <body onload="init();" style="margin:0px;">
62 | 	<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:520px; height:260px">
63 | 		<canvas id="canvas" width="520" height="260" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
64 | 		<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:520px; height:260px; position: absolute; left: 0px; top: 0px; display: block;">
65 | 		</div>
66 | 	</div>
67 | </body>
68 | </html>


--------------------------------------------------------------------------------
/_tests/data/animation3/animation3.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <!--
 3 | 	NOTES:
 4 | 	1. All tokens are represented by '$' sign in the template.
 5 | 	2. You can write your code only wherever mentioned.
 6 | 	3. All occurrences of existing tokens will be replaced by their appropriate values.
 7 | 	4. Blank lines will be removed automatically.
 8 | 	5. Remove unnecessary comments before creating your template.
 9 | -->
10 | <html>
11 | <head>
12 | <meta charset="UTF-8">
13 | <meta name="authoring-tool" content="Adobe_Animate_CC">
14 | <title>animation3</title>
15 | <!-- write your code here -->
16 | <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
17 | <script src="animation3.js"></script>
18 | <script>
19 | var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
20 | function init() {
21 | 	canvas = document.getElementById("canvas");
22 | 	anim_container = document.getElementById("animation_container");
23 | 	dom_overlay_container = document.getElementById("dom_overlay_container");
24 | 	var comp=AdobeAn.getComposition("461BE263A46F40348AC50F8CB46AE189");
25 | 	var lib=comp.getLibrary();
26 | 	var loader = new createjs.LoadQueue(false);
27 | 	loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
28 | 	loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
29 | 	var lib=comp.getLibrary();
30 | 	loader.loadManifest(lib.properties.manifest);
31 | }
32 | function handleFileLoad(evt, comp) {
33 | 	var images=comp.getImages();	
34 | 	if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }	
35 | }
36 | function handleComplete(evt,comp) {
37 | 	//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
38 | 	var lib=comp.getLibrary();
39 | 	var ss=comp.getSpriteSheet();
40 | 	var queue = evt.target;
41 | 	var ssMetadata = lib.ssMetadata;
42 | 	for(i=0; i<ssMetadata.length; i++) {
43 | 		ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
44 | 	}
45 | 	exportRoot = new lib.animation3();
46 | 	stage = new lib.Stage(canvas);	
47 | 	//Registers the "tick" event listener.
48 | 	fnStartAnimation = function() {
49 | 		stage.addChild(exportRoot);
50 | 		createjs.Ticker.framerate = lib.properties.fps;
51 | 		createjs.Ticker.addEventListener("tick", stage);
52 | 	}	    
53 | 	//Code to support hidpi screens and responsive scaling.
54 | 	AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);	
55 | 	AdobeAn.compositionLoaded(lib.properties.id);
56 | 	fnStartAnimation();
57 | }
58 | </script>
59 | <!-- write your code here -->
60 | </head>
61 | <body onload="init();" style="margin:0px;">
62 | 	<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:520px; height:260px">
63 | 		<canvas id="canvas" width="520" height="260" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
64 | 		<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:520px; height:260px; position: absolute; left: 0px; top: 0px; display: block;">
65 | 		</div>
66 | 	</div>
67 | </body>
68 | </html>


--------------------------------------------------------------------------------
/_tests/data/animation4/animation4.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <!--
 3 | 	NOTES:
 4 | 	1. All tokens are represented by '$' sign in the template.
 5 | 	2. You can write your code only wherever mentioned.
 6 | 	3. All occurrences of existing tokens will be replaced by their appropriate values.
 7 | 	4. Blank lines will be removed automatically.
 8 | 	5. Remove unnecessary comments before creating your template.
 9 | -->
10 | <html>
11 | <head>
12 | <meta charset="UTF-8">
13 | <meta name="authoring-tool" content="Adobe_Animate_CC">
14 | <title>animation4</title>
15 | <!-- write your code here -->
16 | <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
17 | <script src="animation4.js"></script>
18 | <script>
19 | var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
20 | function init() {
21 | 	canvas = document.getElementById("canvas");
22 | 	anim_container = document.getElementById("animation_container");
23 | 	dom_overlay_container = document.getElementById("dom_overlay_container");
24 | 	var comp=AdobeAn.getComposition("461BE263A46F40348AC50F8CB46AE189");
25 | 	var lib=comp.getLibrary();
26 | 	var loader = new createjs.LoadQueue(false);
27 | 	loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
28 | 	loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
29 | 	var lib=comp.getLibrary();
30 | 	loader.loadManifest(lib.properties.manifest);
31 | }
32 | function handleFileLoad(evt, comp) {
33 | 	var images=comp.getImages();	
34 | 	if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }	
35 | }
36 | function handleComplete(evt,comp) {
37 | 	//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
38 | 	var lib=comp.getLibrary();
39 | 	var ss=comp.getSpriteSheet();
40 | 	var queue = evt.target;
41 | 	var ssMetadata = lib.ssMetadata;
42 | 	for(i=0; i<ssMetadata.length; i++) {
43 | 		ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
44 | 	}
45 | 	exportRoot = new lib.animation4();
46 | 	stage = new lib.Stage(canvas);	
47 | 	//Registers the "tick" event listener.
48 | 	fnStartAnimation = function() {
49 | 		stage.addChild(exportRoot);
50 | 		createjs.Ticker.framerate = lib.properties.fps;
51 | 		createjs.Ticker.addEventListener("tick", stage);
52 | 	}	    
53 | 	//Code to support hidpi screens and responsive scaling.
54 | 	AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);	
55 | 	AdobeAn.compositionLoaded(lib.properties.id);
56 | 	fnStartAnimation();
57 | }
58 | </script>
59 | <!-- write your code here -->
60 | </head>
61 | <body onload="init();" style="margin:0px;">
62 | 	<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:520px; height:260px">
63 | 		<canvas id="canvas" width="520" height="260" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
64 | 		<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:520px; height:260px; position: absolute; left: 0px; top: 0px; display: block;">
65 | 		</div>
66 | 	</div>
67 | </body>
68 | </html>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "name": "adobe-animate-embed",
  3 |     "version": "1.0.8",
  4 |     "main": "_build/script.js",
  5 |     "files": [
  6 |         "_build/*.js",
  7 |         "adobe-animate-embed.min.js"
  8 |     ],
  9 |     "scripts": {
 10 |         "🔽 js 🔽": "",
 11 |         "js": "npm-run-all --sequential js:browserify js:minify js:babel",
 12 |         "js:dev": "npm-run-all --sequential js:browserify js:babel",
 13 |         "js:watch": "onchange ./_js/*.js ./_js/**/*.js --initial --poll 25 --delay 0 --await-write-finish 25 -- onerror \"npm run js:dev\" --title \"js:watch\" --message \"build failed\" --sound mute",
 14 |         "js:browserify": "browserify ./_js/script.js --outfile ./adobe-animate-embed.min.js --debug -g [ browserify-css --minify=true --stripComments=true ] --transform babelify",
 15 |         "js:minify": "terser --compress --mangle --output ./adobe-animate-embed.min.js ./adobe-animate-embed.min.js",
 16 |         "js:babel": "npx babel ./_js/ --out-dir ./_build/",
 17 |         "                                                                                                                                                                                                       ": "",
 18 |         "🔽 pipelines 🔽": "",
 19 |         "prod": "cross-env NODE_ENV=production npm-run-all --sequential js",
 20 |         "dev": "cross-env NODE_ENV=development npm-run-all --parallel js:watch"
 21 |     },
 22 |     "devDependencies": {
 23 |         "@babel/cli": "^7.20.7",
 24 |         "@babel/core": "^7.20.12",
 25 |         "@babel/plugin-proposal-class-properties": "^7.18.6",
 26 |         "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
 27 |         "@babel/plugin-proposal-optional-chaining": "^7.20.7",
 28 |         "@babel/plugin-proposal-private-methods": "^7.18.6",
 29 |         "@babel/plugin-transform-runtime": "^7.19.6",
 30 |         "@babel/polyfill": "^7.12.1",
 31 |         "@babel/preset-env": "^7.20.2",
 32 |         "@babel/preset-react": "^7.18.6",
 33 |         "@babel/runtime": "^7.20.7",
 34 |         "@prettier/plugin-php": "^0.19.3",
 35 |         "autoprefixer": "^10.4.13",
 36 |         "babel-core": "^7.0.0-bridge.0",
 37 |         "babel-jest": "^29.3.1",
 38 |         "babel-plugin-array-includes": "^2.0.3",
 39 |         "babelify": "^10.0.0",
 40 |         "browser-sync": "^2.27.11",
 41 |         "browserify": "^17.0.0",
 42 |         "browserify-css": "^0.15.0",
 43 |         "cli-error-notifier": "^3.0.1",
 44 |         "concat": "^1.0.3",
 45 |         "core-js": "^3.27.2",
 46 |         "cpx": "^1.5.0",
 47 |         "critical": "^5.0.4",
 48 |         "cross-env": "^7.0.3",
 49 |         "cross-spawn": "^7.0.3",
 50 |         "cross-var": "^1.1.0",
 51 |         "cssnano": "^5.1.14",
 52 |         "del-cli": "^5.0.0",
 53 |         "dotenv": "^16.0.3",
 54 |         "element-closest": "^3.0.2",
 55 |         "env-cmd": "^10.1.0",
 56 |         "eslint": "^8.32.0",
 57 |         "exit": "^0.1.2",
 58 |         "from-env": "^1.1.4",
 59 |         "gulp": "^4.0.2",
 60 |         "gulp-autoprefixer": "^8.0.0",
 61 |         "gulp-babel": "^8.0.0",
 62 |         "gulp-clean-css": "^4.3.0",
 63 |         "gulp-concat": "^2.6.1",
 64 |         "gulp-connect": "^5.7.0",
 65 |         "gulp-htmlmin": "^5.0.1",
 66 |         "gulp-jest": "^4.0.4",
 67 |         "gulp-penthouse": "^0.2.0",
 68 |         "gulp-rename": "^2.0.0",
 69 |         "gulp-sass": "^5.1.0",
 70 |         "gulp-sourcemaps": "^3.0.0",
 71 |         "gulp-uglify": "^3.0.2",
 72 |         "gulp-vueify": "0.0.3",
 73 |         "highlight.js": "^11.7.0",
 74 |         "hlp": "^3.3.0",
 75 |         "html-minifier": "^4.0.0",
 76 |         "inline-source-cli": "^2.0.0",
 77 |         "ismobilejs": "^1.1.1",
 78 |         "jest": "^29.3.1",
 79 |         "jest-cli": "^29.3.1",
 80 |         "jest-image-snapshot": "^6.1.0",
 81 |         "jest-puppeteer": "^6.2.0",
 82 |         "mdn-polyfills": "^5.20.0",
 83 |         "move-file-cli": "^3.0.0",
 84 |         "ncp": "^2.0.0",
 85 |         "node-sass": "^8.0.0",
 86 |         "npm-check-updates": "^16.6.2",
 87 |         "npm-run-all": "^4.1.5",
 88 |         "onchange": "^7.1.0",
 89 |         "postcss": "^8.4.21",
 90 |         "postcss-cli": "^10.1.0",
 91 |         "postcss-tailwind-data-attr": "^1.0.7",
 92 |         "postcss-url": "^10.1.3",
 93 |         "prettier": "^2.8.3",
 94 |         "puppeteer": "^19.5.2",
 95 |         "regenerator-runtime": "^0.13.11",
 96 |         "replace-in-file": "^6.3.5",
 97 |         "rimraf": "^4.1.1",
 98 |         "run-sequence": "^2.2.1",
 99 |         "tailwindcss": "^3.2.4",
100 |         "terser": "^5.16.1",
101 |         "through-gulp": "^0.5.0",
102 |         "uglify": "^0.1.5",
103 |         "uglify-js": "^3.17.4",
104 |         "vinyl-buffer": "^1.0.1",
105 |         "vinyl-source-stream": "^2.0.0",
106 |         "vue": "^3.2.45",
107 |         "vue-template-compiler": "^2.7.14",
108 |         "vueify": "^9.4.1",
109 |         "vueify-insert-css": "^1.0.0",
110 |         "whatwg-fetch": "^3.6.2"
111 |     },
112 |     "description": "",
113 |     "author": "",
114 |     "license": "ISC",
115 |     "dependencies": {}
116 | }
117 | 


--------------------------------------------------------------------------------
/_tests/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="de">
  3 |     <head>
  4 |         <meta charset="utf-8" />
  5 |         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1" />
  6 |         <title>.</title>
  7 |         <script src="../adobe-animate-embed.min.js"></script>
  8 |         <script>
  9 |             window.addEventListener('load', function () {
 10 |                 let a = [];
 11 |                 [].forEach.call(document.querySelectorAll('.anim'), function (el) {
 12 |                     a.push(new aae(el, el.getAttribute('data-path')));
 13 |                 });
 14 | 
 15 |                 a[0].hover();
 16 | 
 17 |                 document.querySelector('.ctrl--start00').addEventListener('click', function (e) {
 18 |                     a[1].start(false, false);
 19 |                     e.preventDefault();
 20 |                 });
 21 |                 document.querySelector('.ctrl--start01').addEventListener('click', function (e) {
 22 |                     a[1].start(false, true);
 23 |                     e.preventDefault();
 24 |                 });
 25 |                 document.querySelector('.ctrl--start10').addEventListener('click', function (e) {
 26 |                     a[1].start(true, false);
 27 |                     e.preventDefault();
 28 |                 });
 29 |                 document.querySelector('.ctrl--start11').addEventListener('click', function (e) {
 30 |                     a[1].start(true, true);
 31 |                     e.preventDefault();
 32 |                 });
 33 |                 document.querySelector('.ctrl--start110').addEventListener('click', function (e) {
 34 |                     a[1].start(true, true, false);
 35 |                     e.preventDefault();
 36 |                 });
 37 |                 document.querySelector('.ctrl--hover').addEventListener('click', function (e) {
 38 |                     a[1].hover();
 39 |                     e.preventDefault();
 40 |                 });
 41 |                 document.querySelector('.ctrl--destroy').addEventListener('click', function (e) {
 42 |                     a[1].destroy();
 43 |                     e.preventDefault();
 44 |                 });
 45 |                 document.querySelector('.ctrl--pause').addEventListener('click', function (e) {
 46 |                     a[1].pause();
 47 |                     e.preventDefault();
 48 |                 });
 49 |                 document.querySelector('.ctrl--resume').addEventListener('click', function (e) {
 50 |                     a[1].resume();
 51 |                     e.preventDefault();
 52 |                 });
 53 |                 document.querySelector('.ctrl--stop').addEventListener('click', function (e) {
 54 |                     a[1].stop();
 55 |                     e.preventDefault();
 56 |                 });
 57 | 
 58 |                 a[2].start();
 59 |                 a[3].start(null, null, null, 3);
 60 |                 a[4].start();
 61 |                 a[5].start();
 62 |                 a[6].start();
 63 |                 a[7].start();
 64 |             });
 65 |         </script>
 66 |         <style>
 67 |             body {
 68 |                 background-color: #eee;
 69 |             }
 70 |             .anim {
 71 |                 max-width: 100%;
 72 |                 box-shadow: 1px 1px 1px 1px red;
 73 |                 margin: 20px 0;
 74 |             }
 75 |             .anim--1 {
 76 |                 width: 200px;
 77 |             }
 78 |             .anim--2 {
 79 |                 width: 300px;
 80 |             }
 81 |             .anim--3 {
 82 |                 width: 400px;
 83 |             }
 84 |             .anim--4 {
 85 |                 width: 500px;
 86 |             }
 87 |             .anim--5 {
 88 |                 width: 600px;
 89 |             }
 90 |             .anim--6 {
 91 |                 width: 700px;
 92 |             }
 93 |             .anim--7 {
 94 |                 width: 100px;
 95 |             }
 96 |             .anim--8 {
 97 |                 width: 500px;
 98 |             }
 99 |         </style>
100 |     </head>
101 |     <body>
102 |         <h2>hover example</h2>
103 |         <div class="anim anim--1" data-path="data/animation1/animation1.js"></div>
104 | 
105 |         <h2>control example</h2>
106 |         <a href="#" class="ctrl ctrl--start00">start (no loop, no rewind)</a> -
107 |         <a href="#" class="ctrl ctrl--start01">start (no loop, rewind)</a> -
108 |         <a href="#" class="ctrl ctrl--start10">start (loop, no rewind)</a> -
109 |         <a href="#" class="ctrl ctrl--start11">start (loop, rewind)</a> -
110 |         <a href="#" class="ctrl ctrl--start110">start (loop, rewind, no autoplay)</a> -
111 |         <a href="#" class="ctrl ctrl--hover">hover</a> - <a href="#" class="ctrl ctrl--destroy">destroy</a> -
112 |         <a href="#" class="ctrl ctrl--pause">pause</a> - <a href="#" class="ctrl ctrl--resume">resume</a> -
113 |         <a href="#" class="ctrl ctrl--stop">stop</a>
114 |         <div class="anim anim--2" data-path="data/animation1/animation1.js"></div>
115 | 
116 |         <h2>other examples</h2>
117 |         <div
118 |             class="anim anim--3"
119 |             data-path="http://adobe-animate-embed.local.vielhuber.de/_tests/data/animation1/animation1.js"
120 |         ></div>
121 |         <div class="anim anim--4" data-path="data/animation2/animation2.js"></div>
122 |         <div class="anim anim--5" data-path="data/animation3/animation3.js"></div>
123 |         <div class="anim anim--6" data-path="data/animation4/animation4.js"></div>
124 |         <div class="anim anim--7" data-path="data/animation5/RENAMED.js"></div>
125 |         <div class="anim anim--8" data-path="data/animation6/blog-stoerer.js"></div>
126 |     </body>
127 | </html>
128 | 


--------------------------------------------------------------------------------
/_tests/data/animation5/RENAMED.js:
--------------------------------------------------------------------------------
  1 | (function (cjs, an) {
  2 | 
  3 | var p; // shortcut to reference prototypes
  4 | var lib={};var ss={};var img={};
  5 | lib.ssMetadata = [];
  6 | 
  7 | 
  8 | (lib.AnMovieClip = function(){
  9 | 	this.actionFrames = [];
 10 | 	this.ignorePause = false;
 11 | 	this.gotoAndPlay = function(positionOrLabel){
 12 | 		cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel);
 13 | 	}
 14 | 	this.play = function(){
 15 | 		cjs.MovieClip.prototype.play.call(this);
 16 | 	}
 17 | 	this.gotoAndStop = function(positionOrLabel){
 18 | 		cjs.MovieClip.prototype.gotoAndStop.call(this,positionOrLabel);
 19 | 	}
 20 | 	this.stop = function(){
 21 | 		cjs.MovieClip.prototype.stop.call(this);
 22 | 	}
 23 | }).prototype = p = new cjs.MovieClip();
 24 | // symbols:
 25 | 
 26 | 
 27 | 
 28 | (lib.Tween8 = function(mode,startPosition,loop,reversed) {
 29 | if (loop == null) { loop = true; }
 30 | if (reversed == null) { reversed = false; }
 31 | 	var props = new Object();
 32 | 	props.mode = mode;
 33 | 	props.startPosition = startPosition;
 34 | 	props.labels = {};
 35 | 	props.loop = loop;
 36 | 	props.reversed = reversed;
 37 | 	cjs.MovieClip.apply(this,[props]);
 38 | 
 39 | 	// Ebene_1
 40 | 	this.shape = new cjs.Shape();
 41 | 	this.shape.graphics.f("#00FF33").s().p("Egj5Aj6Qu3u4AA1CQAA1BO3u4QO4u3VBAAQVCAAO4O3QO3O4AAVBQAAVCu3O4Qu4O31CAAQ1BAAu4u3g");
 42 | 
 43 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
 44 | 
 45 | 	this._renderFirstFrame();
 46 | 
 47 | }).prototype = p = new cjs.MovieClip();
 48 | p.nominalBounds = new cjs.Rectangle(-324.9,-324.9,649.8,649.8);
 49 | 
 50 | 
 51 | (lib.Tween7 = function(mode,startPosition,loop,reversed) {
 52 | if (loop == null) { loop = true; }
 53 | if (reversed == null) { reversed = false; }
 54 | 	var props = new Object();
 55 | 	props.mode = mode;
 56 | 	props.startPosition = startPosition;
 57 | 	props.labels = {};
 58 | 	props.loop = loop;
 59 | 	props.reversed = reversed;
 60 | 	cjs.MovieClip.apply(this,[props]);
 61 | 
 62 | 	// Ebene_1
 63 | 	this.shape = new cjs.Shape();
 64 | 	this.shape.graphics.f("#00FF33").s().p("Egj4Aj5Qu4u3AA1CQAA1BO4u3QO3u4VBAAQVCAAO3O4QO4O3AAVBQAAVCu4O3Qu3O41CAAQ1BAAu3u4g");
 65 | 
 66 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
 67 | 
 68 | 	this._renderFirstFrame();
 69 | 
 70 | }).prototype = p = new cjs.MovieClip();
 71 | p.nominalBounds = new cjs.Rectangle(-324.9,-324.9,649.8,649.8);
 72 | 
 73 | 
 74 | // stage content:
 75 | (lib.TEST = function(mode,startPosition,loop,reversed) {
 76 | if (loop == null) { loop = true; }
 77 | if (reversed == null) { reversed = false; }
 78 | 	var props = new Object();
 79 | 	props.mode = mode;
 80 | 	props.startPosition = startPosition;
 81 | 	props.labels = {};
 82 | 	props.loop = loop;
 83 | 	props.reversed = reversed;
 84 | 	cjs.MovieClip.apply(this,[props]);
 85 | 
 86 | 	// TEST
 87 | 	this.instance = new lib.Tween7("synched",0);
 88 | 	this.instance.setTransform(910.75,1337.8);
 89 | 
 90 | 	this.instance_1 = new lib.Tween8("synched",0);
 91 | 	this.instance_1.setTransform(2294.65,1053.9);
 92 | 
 93 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance}]}).to({state:[{t:this.instance_1}]},112).wait(11));
 94 | 	this.timeline.addTween(cjs.Tween.get(this.instance).to({_off:true,x:2294.65,y:1053.9},112,cjs.Ease.quintInOut).wait(11));
 95 | 
 96 | 	this._renderFirstFrame();
 97 | 
 98 | }).prototype = p = new lib.AnMovieClip();
 99 | p.nominalBounds = new cjs.Rectangle(2335.9,1779,283.6999999999998,-116.29999999999995);
100 | // library properties:
101 | lib.properties = {
102 | 	id: '51B2527E75494B87BE2CE32B6734DFEF',
103 | 	width: 3500,
104 | 	height: 2100,
105 | 	fps: 60,
106 | 	color: "#FFFFFF",
107 | 	opacity: 0.00,
108 | 	manifest: [],
109 | 	preloads: []
110 | };
111 | 
112 | 
113 | 
114 | // bootstrap callback support:
115 | 
116 | (lib.Stage = function(canvas) {
117 | 	createjs.Stage.call(this, canvas);
118 | }).prototype = p = new createjs.Stage();
119 | 
120 | p.setAutoPlay = function(autoPlay) {
121 | 	this.tickEnabled = autoPlay;
122 | }
123 | p.play = function() { this.tickEnabled = true; this.getChildAt(0).gotoAndPlay(this.getTimelinePosition()) }
124 | p.stop = function(ms) { if(ms) this.seek(ms); this.tickEnabled = false; }
125 | p.seek = function(ms) { this.tickEnabled = true; this.getChildAt(0).gotoAndStop(lib.properties.fps * ms / 1000); }
126 | p.getDuration = function() { return this.getChildAt(0).totalFrames / lib.properties.fps * 1000; }
127 | 
128 | p.getTimelinePosition = function() { return this.getChildAt(0).currentFrame / lib.properties.fps * 1000; }
129 | 
130 | an.bootcompsLoaded = an.bootcompsLoaded || [];
131 | if(!an.bootstrapListeners) {
132 | 	an.bootstrapListeners=[];
133 | }
134 | 
135 | an.bootstrapCallback=function(fnCallback) {
136 | 	an.bootstrapListeners.push(fnCallback);
137 | 	if(an.bootcompsLoaded.length > 0) {
138 | 		for(var i=0; i<an.bootcompsLoaded.length; ++i) {
139 | 			fnCallback(an.bootcompsLoaded[i]);
140 | 		}
141 | 	}
142 | };
143 | 
144 | an.compositions = an.compositions || {};
145 | an.compositions['51B2527E75494B87BE2CE32B6734DFEF'] = {
146 | 	getStage: function() { return exportRoot.stage; },
147 | 	getLibrary: function() { return lib; },
148 | 	getSpriteSheet: function() { return ss; },
149 | 	getImages: function() { return img; }
150 | };
151 | 
152 | an.compositionLoaded = function(id) {
153 | 	an.bootcompsLoaded.push(id);
154 | 	for(var j=0; j<an.bootstrapListeners.length; j++) {
155 | 		an.bootstrapListeners[j](id);
156 | 	}
157 | }
158 | 
159 | an.getComposition = function(id) {
160 | 	return an.compositions[id];
161 | }
162 | 
163 | 
164 | an.makeResponsive = function(isResp, respDim, isScale, scaleType, domContainers) {		
165 | 	var lastW, lastH, lastS=1;		
166 | 	window.addEventListener('resize', resizeCanvas);		
167 | 	resizeCanvas();		
168 | 	function resizeCanvas() {			
169 | 		var w = lib.properties.width, h = lib.properties.height;			
170 | 		var iw = window.innerWidth, ih=window.innerHeight;			
171 | 		var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;			
172 | 		if(isResp) {                
173 | 			if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {                    
174 | 				sRatio = lastS;                
175 | 			}				
176 | 			else if(!isScale) {					
177 | 				if(iw<w || ih<h)						
178 | 					sRatio = Math.min(xRatio, yRatio);				
179 | 			}				
180 | 			else if(scaleType==1) {					
181 | 				sRatio = Math.min(xRatio, yRatio);				
182 | 			}				
183 | 			else if(scaleType==2) {					
184 | 				sRatio = Math.max(xRatio, yRatio);				
185 | 			}			
186 | 		}
187 | 		domContainers[0].width = w * pRatio * sRatio;			
188 | 		domContainers[0].height = h * pRatio * sRatio;
189 | 		domContainers.forEach(function(container) {				
190 | 			container.style.width = w * sRatio + 'px';				
191 | 			container.style.height = h * sRatio + 'px';			
192 | 		});
193 | 		stage.scaleX = pRatio*sRatio;			
194 | 		stage.scaleY = pRatio*sRatio;
195 | 		lastW = iw; lastH = ih; lastS = sRatio;            
196 | 		stage.tickOnUpdate = false;            
197 | 		stage.update();            
198 | 		stage.tickOnUpdate = true;		
199 | 	}
200 | }
201 | an.handleSoundStreamOnTick = function(event) {
202 | 	if(!event.paused){
203 | 		var stageChild = stage.getChildAt(0);
204 | 		if(!stageChild.paused || stageChild.ignorePause){
205 | 			stageChild.syncStreamSounds();
206 | 		}
207 | 	}
208 | }
209 | an.handleFilterCache = function(event) {
210 | 	if(!event.paused){
211 | 		var target = event.target;
212 | 		if(target){
213 | 			if(target.filterCacheList){
214 | 				for(var index = 0; index < target.filterCacheList.length ; index++){
215 | 					var cacheInst = target.filterCacheList[index];
216 | 					if((cacheInst.startFrame <= target.currentFrame) && (target.currentFrame <= cacheInst.endFrame)){
217 | 						cacheInst.instance.cache(cacheInst.x, cacheInst.y, cacheInst.w, cacheInst.h);
218 | 					}
219 | 				}
220 | 			}
221 | 		}
222 | 	}
223 | }
224 | 
225 | 
226 | })(createjs = createjs||{}, AdobeAn = AdobeAn||{});
227 | var createjs, AdobeAn;


--------------------------------------------------------------------------------
/_tests/data/animation1/animation1.js:
--------------------------------------------------------------------------------
  1 | (function (cjs, an) {
  2 | 
  3 | var p; // shortcut to reference prototypes
  4 | var lib={};var ss={};var img={};
  5 | lib.ssMetadata = [];
  6 | 
  7 | 
  8 | (lib.AnMovieClip = function(){
  9 | 	this.actionFrames = [];
 10 | 	this.ignorePause = false;
 11 | 	this.gotoAndPlay = function(positionOrLabel){
 12 | 		cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel);
 13 | 	}
 14 | 	this.play = function(){
 15 | 		cjs.MovieClip.prototype.play.call(this);
 16 | 	}
 17 | 	this.gotoAndStop = function(positionOrLabel){
 18 | 		cjs.MovieClip.prototype.gotoAndStop.call(this,positionOrLabel);
 19 | 	}
 20 | 	this.stop = function(){
 21 | 		cjs.MovieClip.prototype.stop.call(this);
 22 | 	}
 23 | }).prototype = p = new cjs.MovieClip();
 24 | // symbols:
 25 | // helper functions:
 26 | 
 27 | function mc_symbol_clone() {
 28 | 	var clone = this._cloneProps(new this.constructor(this.mode, this.startPosition, this.loop, this.reversed));
 29 | 	clone.gotoAndStop(this.currentFrame);
 30 | 	clone.paused = this.paused;
 31 | 	clone.framerate = this.framerate;
 32 | 	return clone;
 33 | }
 34 | 
 35 | function getMCSymbolPrototype(symbol, nominalBounds, frameBounds) {
 36 | 	var prototype = cjs.extend(symbol, cjs.MovieClip);
 37 | 	prototype.clone = mc_symbol_clone;
 38 | 	prototype.nominalBounds = nominalBounds;
 39 | 	prototype.frameBounds = frameBounds;
 40 | 	return prototype;
 41 | 	}
 42 | 
 43 | 
 44 | (lib.Symbol1 = function(mode,startPosition,loop,reversed) {
 45 | if (loop == null) { loop = true; }
 46 | if (reversed == null) { reversed = false; }
 47 | 	var props = new Object();
 48 | 	props.mode = mode;
 49 | 	props.startPosition = startPosition;
 50 | 	props.labels = {};
 51 | 	props.loop = loop;
 52 | 	props.reversed = reversed;
 53 | 	cjs.MovieClip.apply(this,[props]);
 54 | 
 55 | 	// Ebene_1
 56 | 	this.shape = new cjs.Shape();
 57 | 	this.shape.graphics.f("#FF0000").s().p("AswMxQlSlSAAnfQAAndFSlTQFTlSHdAAQHfAAFSFSQFSFTAAHdQAAHflSFSQlSFSnfAAQndAAlTlSg");
 58 | 	this.shape.setTransform(115.5,115.5);
 59 | 
 60 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
 61 | 
 62 | 	this._renderFirstFrame();
 63 | 
 64 | }).prototype = getMCSymbolPrototype(lib.Symbol1, new cjs.Rectangle(0,0,231,231), null);
 65 | 
 66 | 
 67 | // stage content:
 68 | (lib.animation1 = function(mode,startPosition,loop,reversed) {
 69 | if (loop == null) { loop = true; }
 70 | if (reversed == null) { reversed = false; }
 71 | 	var props = new Object();
 72 | 	props.mode = mode;
 73 | 	props.startPosition = startPosition;
 74 | 	props.labels = {};
 75 | 	props.loop = loop;
 76 | 	props.reversed = reversed;
 77 | 	cjs.MovieClip.apply(this,[props]);
 78 | 
 79 | 	// Ebene_1
 80 | 	this.instance = new lib.Symbol1();
 81 | 	this.instance.setTransform(163.5,259.55,1,1,0,0,0,115.5,115.5);
 82 | 
 83 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1).to({x:176.95,y:259.85},0).wait(1).to({x:190.45,y:260.15},0).wait(1).to({x:203.9,y:260.45},0).wait(1).to({x:217.4,y:260.75},0).wait(1).to({x:230.85,y:261.05},0).wait(1).to({x:244.35,y:261.35},0).wait(1).to({x:257.8,y:261.65},0).wait(1).to({x:271.3,y:261.95},0).wait(1).to({x:284.8,y:262.25},0).wait(1).to({x:298.25,y:262.55},0).wait(1).to({x:311.75,y:262.85},0).wait(1).to({x:325.2,y:263.2},0).wait(1).to({x:338.7,y:263.5},0).wait(1).to({x:352.15,y:263.8},0).wait(1).to({x:365.65,y:264.1},0).wait(1).to({x:379.15,y:264.4},0).wait(1).to({x:392.6,y:264.7},0).wait(1).to({x:406.1,y:265},0).wait(1).to({x:419.55,y:265.3},0).wait(1).to({x:433.05,y:265.6},0).wait(1).to({x:446.5,y:265.9},0).wait(1).to({x:460,y:266.2},0).wait(1).to({x:473.5,y:266.55},0).wait(1));
 84 | 
 85 | 	this._renderFirstFrame();
 86 | 
 87 | }).prototype = p = new lib.AnMovieClip();
 88 | p.nominalBounds = new cjs.Rectangle(368,384.1,221,-2);
 89 | // library properties:
 90 | lib.properties = {
 91 | 	id: 'BA8189FFF95A6E44AD05467BE571AA0B',
 92 | 	width: 640,
 93 | 	height: 480,
 94 | 	fps: 30,
 95 | 	color: "#66FF00",
 96 | 	opacity: 0.09,
 97 | 	manifest: [],
 98 | 	preloads: []
 99 | };
100 | 
101 | 
102 | 
103 | // bootstrap callback support:
104 | 
105 | (lib.Stage = function(canvas) {
106 | 	createjs.Stage.call(this, canvas);
107 | }).prototype = p = new createjs.Stage();
108 | 
109 | p.setAutoPlay = function(autoPlay) {
110 | 	this.tickEnabled = autoPlay;
111 | }
112 | p.play = function() { this.tickEnabled = true; this.getChildAt(0).gotoAndPlay(this.getTimelinePosition()) }
113 | p.stop = function(ms) { if(ms) this.seek(ms); this.tickEnabled = false; }
114 | p.seek = function(ms) { this.tickEnabled = true; this.getChildAt(0).gotoAndStop(lib.properties.fps * ms / 1000); }
115 | p.getDuration = function() { return this.getChildAt(0).totalFrames / lib.properties.fps * 1000; }
116 | 
117 | p.getTimelinePosition = function() { return this.getChildAt(0).currentFrame / lib.properties.fps * 1000; }
118 | 
119 | an.bootcompsLoaded = an.bootcompsLoaded || [];
120 | if(!an.bootstrapListeners) {
121 | 	an.bootstrapListeners=[];
122 | }
123 | 
124 | an.bootstrapCallback=function(fnCallback) {
125 | 	an.bootstrapListeners.push(fnCallback);
126 | 	if(an.bootcompsLoaded.length > 0) {
127 | 		for(var i=0; i<an.bootcompsLoaded.length; ++i) {
128 | 			fnCallback(an.bootcompsLoaded[i]);
129 | 		}
130 | 	}
131 | };
132 | 
133 | an.compositions = an.compositions || {};
134 | an.compositions['BA8189FFF95A6E44AD05467BE571AA0B'] = {
135 | 	getStage: function() { return exportRoot.stage; },
136 | 	getLibrary: function() { return lib; },
137 | 	getSpriteSheet: function() { return ss; },
138 | 	getImages: function() { return img; }
139 | };
140 | 
141 | an.compositionLoaded = function(id) {
142 | 	an.bootcompsLoaded.push(id);
143 | 	for(var j=0; j<an.bootstrapListeners.length; j++) {
144 | 		an.bootstrapListeners[j](id);
145 | 	}
146 | }
147 | 
148 | an.getComposition = function(id) {
149 | 	return an.compositions[id];
150 | }
151 | 
152 | 
153 | an.makeResponsive = function(isResp, respDim, isScale, scaleType, domContainers) {		
154 | 	var lastW, lastH, lastS=1;		
155 | 	window.addEventListener('resize', resizeCanvas);		
156 | 	resizeCanvas();		
157 | 	function resizeCanvas() {			
158 | 		var w = lib.properties.width, h = lib.properties.height;			
159 | 		var iw = window.innerWidth, ih=window.innerHeight;			
160 | 		var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;			
161 | 		if(isResp) {                
162 | 			if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {                    
163 | 				sRatio = lastS;                
164 | 			}				
165 | 			else if(!isScale) {					
166 | 				if(iw<w || ih<h)						
167 | 					sRatio = Math.min(xRatio, yRatio);				
168 | 			}				
169 | 			else if(scaleType==1) {					
170 | 				sRatio = Math.min(xRatio, yRatio);				
171 | 			}				
172 | 			else if(scaleType==2) {					
173 | 				sRatio = Math.max(xRatio, yRatio);				
174 | 			}			
175 | 		}
176 | 		domContainers[0].width = w * pRatio * sRatio;			
177 | 		domContainers[0].height = h * pRatio * sRatio;
178 | 		domContainers.forEach(function(container) {				
179 | 			container.style.width = w * sRatio + 'px';				
180 | 			container.style.height = h * sRatio + 'px';			
181 | 		});
182 | 		stage.scaleX = pRatio*sRatio;			
183 | 		stage.scaleY = pRatio*sRatio;
184 | 		lastW = iw; lastH = ih; lastS = sRatio;            
185 | 		stage.tickOnUpdate = false;            
186 | 		stage.update();            
187 | 		stage.tickOnUpdate = true;		
188 | 	}
189 | }
190 | an.handleSoundStreamOnTick = function(event) {
191 | 	if(!event.paused){
192 | 		var stageChild = stage.getChildAt(0);
193 | 		if(!stageChild.paused || stageChild.ignorePause){
194 | 			stageChild.syncStreamSounds();
195 | 		}
196 | 	}
197 | }
198 | an.handleFilterCache = function(event) {
199 | 	if(!event.paused){
200 | 		var target = event.target;
201 | 		if(target){
202 | 			if(target.filterCacheList){
203 | 				for(var index = 0; index < target.filterCacheList.length ; index++){
204 | 					var cacheInst = target.filterCacheList[index];
205 | 					if((cacheInst.startFrame <= target.currentFrame) && (target.currentFrame <= cacheInst.endFrame)){
206 | 						cacheInst.instance.cache(cacheInst.x, cacheInst.y, cacheInst.w, cacheInst.h);
207 | 					}
208 | 				}
209 | 			}
210 | 		}
211 | 	}
212 | }
213 | 
214 | 
215 | })(createjs = createjs||{}, AdobeAn = AdobeAn||{});
216 | var createjs, AdobeAn;


--------------------------------------------------------------------------------
/_tests/data/animation6/blog-stoerer.js:
--------------------------------------------------------------------------------
  1 | (function (cjs, an) {
  2 | 
  3 | var p; // shortcut to reference prototypes
  4 | var lib={};var ss={};var img={};
  5 | lib.ssMetadata = [];
  6 | 
  7 | 
  8 | (lib.AnMovieClip = function(){
  9 | 	this.actionFrames = [];
 10 | 	this.ignorePause = false;
 11 | 	this.gotoAndPlay = function(positionOrLabel){
 12 | 		cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel);
 13 | 	}
 14 | 	this.play = function(){
 15 | 		cjs.MovieClip.prototype.play.call(this);
 16 | 	}
 17 | 	this.gotoAndStop = function(positionOrLabel){
 18 | 		cjs.MovieClip.prototype.gotoAndStop.call(this,positionOrLabel);
 19 | 	}
 20 | 	this.stop = function(){
 21 | 		cjs.MovieClip.prototype.stop.call(this);
 22 | 	}
 23 | }).prototype = p = new cjs.MovieClip();
 24 | // symbols:
 25 | 
 26 | 
 27 | 
 28 | (lib.Tween15 = function(mode,startPosition,loop,reversed) {
 29 | if (loop == null) { loop = true; }
 30 | if (reversed == null) { reversed = false; }
 31 | 	var props = new Object();
 32 | 	props.mode = mode;
 33 | 	props.startPosition = startPosition;
 34 | 	props.labels = {};
 35 | 	props.loop = loop;
 36 | 	props.reversed = reversed;
 37 | 	cjs.MovieClip.apply(this,[props]);
 38 | 
 39 | 	// Ebene_1
 40 | 	this.shape = new cjs.Shape();
 41 | 	this.shape.graphics.f().s("rgba(224,0,26,0)").ss(1,1,1).p("AyWr2IUCyDMAQrA7zg");
 42 | 
 43 | 	this.shape_1 = new cjs.Shape();
 44 | 	this.shape_1.graphics.f("#00E18E").s().p("AyVr2IUAyCMAQsA7yg");
 45 | 
 46 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).wait(1));
 47 | 
 48 | 	this._renderFirstFrame();
 49 | 
 50 | }).prototype = p = new cjs.MovieClip();
 51 | p.nominalBounds = new cjs.Rectangle(-118.4,-192.3,236.9,384.70000000000005);
 52 | 
 53 | 
 54 | (lib.Tween14 = function(mode,startPosition,loop,reversed) {
 55 | if (loop == null) { loop = true; }
 56 | if (reversed == null) { reversed = false; }
 57 | 	var props = new Object();
 58 | 	props.mode = mode;
 59 | 	props.startPosition = startPosition;
 60 | 	props.labels = {};
 61 | 	props.loop = loop;
 62 | 	props.reversed = reversed;
 63 | 	cjs.MovieClip.apply(this,[props]);
 64 | 
 65 | 	// Ebene_1
 66 | 	this.shape = new cjs.Shape();
 67 | 	this.shape.graphics.f().s("rgba(224,0,26,0)").ss(1,1,1).p("AyWr2IUCyDMAQrA7zg");
 68 | 
 69 | 	this.shape_1 = new cjs.Shape();
 70 | 	this.shape_1.graphics.f("#00E18E").s().p("AyVr2IUAyCMAQsA7yg");
 71 | 
 72 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).wait(1));
 73 | 
 74 | 	this._renderFirstFrame();
 75 | 
 76 | }).prototype = p = new cjs.MovieClip();
 77 | p.nominalBounds = new cjs.Rectangle(-118.4,-192.3,236.9,384.70000000000005);
 78 | 
 79 | 
 80 | (lib.Tween13 = function(mode,startPosition,loop,reversed) {
 81 | if (loop == null) { loop = true; }
 82 | if (reversed == null) { reversed = false; }
 83 | 	var props = new Object();
 84 | 	props.mode = mode;
 85 | 	props.startPosition = startPosition;
 86 | 	props.labels = {};
 87 | 	props.loop = loop;
 88 | 	props.reversed = reversed;
 89 | 	cjs.MovieClip.apply(this,[props]);
 90 | 
 91 | 	// Ebene_1
 92 | 	this.shape = new cjs.Shape();
 93 | 	this.shape.graphics.f().s("rgba(224,0,26,0)").ss(1,1,1).p("EACrAqNMgO+hUZIYnJVg");
 94 | 	this.shape.setTransform(0.025,0.025);
 95 | 
 96 | 	this.shape_1 = new cjs.Shape();
 97 | 	this.shape_1.graphics.f("#00E18E").s().p("EgMTgqMIYnJVMgJpBLEg");
 98 | 	this.shape_1.setTransform(0.025,0.025);
 99 | 
100 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).wait(1));
101 | 
102 | 	this._renderFirstFrame();
103 | 
104 | }).prototype = p = new cjs.MovieClip();
105 | p.nominalBounds = new cjs.Rectangle(-79.7,-271.1,159.5,542.3);
106 | 
107 | 
108 | (lib.Tween12 = function(mode,startPosition,loop,reversed) {
109 | if (loop == null) { loop = true; }
110 | if (reversed == null) { reversed = false; }
111 | 	var props = new Object();
112 | 	props.mode = mode;
113 | 	props.startPosition = startPosition;
114 | 	props.labels = {};
115 | 	props.loop = loop;
116 | 	props.reversed = reversed;
117 | 	cjs.MovieClip.apply(this,[props]);
118 | 
119 | 	// Ebene_1
120 | 	this.shape = new cjs.Shape();
121 | 	this.shape.graphics.f().s("rgba(224,0,26,0)").ss(1,1,1).p("EACrAqNMgO+hUZIYnJVg");
122 | 	this.shape.setTransform(0.025,0.025);
123 | 
124 | 	this.shape_1 = new cjs.Shape();
125 | 	this.shape_1.graphics.f("#00E18E").s().p("EgMTgqMIYnJVMgJpBLEg");
126 | 	this.shape_1.setTransform(0.025,0.025);
127 | 
128 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).wait(1));
129 | 
130 | 	this._renderFirstFrame();
131 | 
132 | }).prototype = p = new cjs.MovieClip();
133 | p.nominalBounds = new cjs.Rectangle(-79.7,-271.1,159.5,542.3);
134 | 
135 | 
136 | (lib.Tween11 = function(mode,startPosition,loop,reversed) {
137 | if (loop == null) { loop = true; }
138 | if (reversed == null) { reversed = false; }
139 | 	var props = new Object();
140 | 	props.mode = mode;
141 | 	props.startPosition = startPosition;
142 | 	props.labels = {};
143 | 	props.loop = loop;
144 | 	props.reversed = reversed;
145 | 	cjs.MovieClip.apply(this,[props]);
146 | 
147 | 	// Ebene_1
148 | 	this.shape = new cjs.Shape();
149 | 	this.shape.graphics.f().s("rgba(224,0,26,0)").ss(1,1,1).p("At1OsIUz9XIG4Ibg");
150 | 	this.shape.setTransform(0.025,0);
151 | 
152 | 	this.shape_1 = new cjs.Shape();
153 | 	this.shape_1.graphics.f("#00E18E").s().p("AG+urIG4IaI7rU9g");
154 | 	this.shape_1.setTransform(0.025,0);
155 | 
156 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).wait(1));
157 | 
158 | 	this._renderFirstFrame();
159 | 
160 | }).prototype = p = new cjs.MovieClip();
161 | p.nominalBounds = new cjs.Rectangle(-89.5,-94.9,179.1,189.9);
162 | 
163 | 
164 | (lib.Tween10 = function(mode,startPosition,loop,reversed) {
165 | if (loop == null) { loop = true; }
166 | if (reversed == null) { reversed = false; }
167 | 	var props = new Object();
168 | 	props.mode = mode;
169 | 	props.startPosition = startPosition;
170 | 	props.labels = {};
171 | 	props.loop = loop;
172 | 	props.reversed = reversed;
173 | 	cjs.MovieClip.apply(this,[props]);
174 | 
175 | 	// Ebene_1
176 | 	this.shape = new cjs.Shape();
177 | 	this.shape.graphics.f().s("rgba(224,0,26,0)").ss(1,1,1).p("At1OsIUz9XIG4Ibg");
178 | 	this.shape.setTransform(0.025,0);
179 | 
180 | 	this.shape_1 = new cjs.Shape();
181 | 	this.shape_1.graphics.f("#00E18E").s().p("AG+urIG4IaI7rU9g");
182 | 	this.shape_1.setTransform(0.025,0);
183 | 
184 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).wait(1));
185 | 
186 | 	this._renderFirstFrame();
187 | 
188 | }).prototype = p = new cjs.MovieClip();
189 | p.nominalBounds = new cjs.Rectangle(-89.5,-94.9,179.1,189.9);
190 | 
191 | 
192 | (lib.Tween7 = function(mode,startPosition,loop,reversed) {
193 | if (loop == null) { loop = true; }
194 | if (reversed == null) { reversed = false; }
195 | 	var props = new Object();
196 | 	props.mode = mode;
197 | 	props.startPosition = startPosition;
198 | 	props.labels = {};
199 | 	props.loop = loop;
200 | 	props.reversed = reversed;
201 | 	cjs.MovieClip.apply(this,[props]);
202 | 
203 | 	// Ebene_1
204 | 	this.shape = new cjs.Shape();
205 | 	this.shape.graphics.f().s("rgba(224,0,26,0)").ss(1,1,1).p("Eg0OAkLMBDShIVMAlLAU0g");
206 | 	this.shape.setTransform(0,0.025);
207 | 
208 | 	this.shape_1 = new cjs.Shape();
209 | 	this.shape_1.graphics.f("#00E18E").s().p("EAPEgkKMAlLAU0MhodAzhg");
210 | 	this.shape_1.setTransform(0,0.025);
211 | 
212 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).wait(1));
213 | 
214 | 	this._renderFirstFrame();
215 | 
216 | }).prototype = p = new cjs.MovieClip();
217 | p.nominalBounds = new cjs.Rectangle(-335.2,-232.4,670.5,464.9);
218 | 
219 | 
220 | (lib.Tween6 = function(mode,startPosition,loop,reversed) {
221 | if (loop == null) { loop = true; }
222 | if (reversed == null) { reversed = false; }
223 | 	var props = new Object();
224 | 	props.mode = mode;
225 | 	props.startPosition = startPosition;
226 | 	props.labels = {};
227 | 	props.loop = loop;
228 | 	props.reversed = reversed;
229 | 	cjs.MovieClip.apply(this,[props]);
230 | 
231 | 	// Ebene_1
232 | 	this.shape = new cjs.Shape();
233 | 	this.shape.graphics.f().s("rgba(224,0,26,0)").ss(1,1,1).p("Eg0OAkLMBDShIVMAlLAU0g");
234 | 	this.shape.setTransform(0,0.025);
235 | 
236 | 	this.shape_1 = new cjs.Shape();
237 | 	this.shape_1.graphics.f("#00E18E").s().p("EAPEgkKMAlLAU0MhodAzhg");
238 | 	this.shape_1.setTransform(0,0.025);
239 | 
240 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).wait(1));
241 | 
242 | 	this._renderFirstFrame();
243 | 
244 | }).prototype = p = new cjs.MovieClip();
245 | p.nominalBounds = new cjs.Rectangle(-335.2,-232.4,670.5,464.9);
246 | 
247 | 
248 | // stage content:
249 | (lib.BLOG_STOERER = function(mode,startPosition,loop,reversed) {
250 | if (loop == null) { loop = true; }
251 | if (reversed == null) { reversed = false; }
252 | 	var props = new Object();
253 | 	props.mode = mode;
254 | 	props.startPosition = startPosition;
255 | 	props.labels = {};
256 | 	props.loop = loop;
257 | 	props.reversed = reversed;
258 | 	cjs.MovieClip.apply(this,[props]);
259 | 
260 | 	// _4
261 | 	this.instance = new lib.Tween14("synched",0);
262 | 	this.instance.setTransform(336.1,1138.15,0.2585,0.2585,8.551,0,0,0.5,0.4);
263 | 	this.instance.alpha = 0;
264 | 
265 | 	this.instance_1 = new lib.Tween15("synched",0);
266 | 	this.instance_1.setTransform(180.75,853.2,0.7701,0.7701);
267 | 
268 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance}]}).to({state:[{t:this.instance_1}]},78).wait(16));
269 | 	this.timeline.addTween(cjs.Tween.get(this.instance).to({_off:true,regX:0,regY:0,scaleX:0.7701,scaleY:0.7701,rotation:0,x:180.75,y:853.2,alpha:1},78,cjs.Ease.quintInOut).wait(16));
270 | 
271 | 	// _3
272 | 	this.instance_2 = new lib.Tween12("synched",0);
273 | 	this.instance_2.setTransform(530.95,1041.25,0.3865,0.2366,0,0,24.683);
274 | 	this.instance_2.alpha = 0;
275 | 
276 | 	this.instance_3 = new lib.Tween13("synched",0);
277 | 	this.instance_3.setTransform(530.95,594.25,1.2315,1,0,0,-35.7061);
278 | 
279 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_2}]}).to({state:[{t:this.instance_3}]},88).wait(6));
280 | 	this.timeline.addTween(cjs.Tween.get(this.instance_2).to({_off:true,scaleX:1.2315,scaleY:1,skewY:-35.7061,y:594.25,alpha:1},88,cjs.Ease.quintInOut).wait(6));
281 | 
282 | 	// _2
283 | 	this.instance_4 = new lib.Tween10("synched",0);
284 | 	this.instance_4.setTransform(626.1,1169.9,0.5325,0.488,0,0,23.5954);
285 | 	this.instance_4.alpha = 0;
286 | 
287 | 	this.instance_5 = new lib.Tween11("synched",0);
288 | 	this.instance_5.setTransform(859.8,919);
289 | 
290 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_4}]}).to({state:[{t:this.instance_5}]},88).wait(6));
291 | 	this.timeline.addTween(cjs.Tween.get(this.instance_4).to({_off:true,scaleX:1,scaleY:1,skewY:0,x:859.8,y:919,alpha:1},88,cjs.Ease.quintInOut).wait(6));
292 | 
293 | 	// _1
294 | 	this.instance_6 = new lib.Tween6("synched",0);
295 | 	this.instance_6.setTransform(1087.35,1197.45,0.2222,0.2222,0,0,0,0,0.2);
296 | 	this.instance_6.alpha = 0;
297 | 
298 | 	this.instance_7 = new lib.Tween7("synched",0);
299 | 	this.instance_7.setTransform(1360.9,981.1);
300 | 
301 | 	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_6}]}).to({state:[{t:this.instance_7}]},83).wait(11));
302 | 	this.timeline.addTween(cjs.Tween.get(this.instance_6).to({_off:true,regY:0,scaleX:1,scaleY:1,x:1360.9,y:981.1,alpha:1},83,cjs.Ease.quintInOut).wait(11));
303 | 
304 | 	this._renderFirstFrame();
305 | 
306 | }).prototype = p = new lib.AnMovieClip();
307 | p.nominalBounds = new cjs.Rectangle(1089,1326.2,607.2,-76.40000000000009);
308 | // library properties:
309 | lib.properties = {
310 | 	id: 'D83AC814013744D2A77F21B22BB9A59D',
311 | 	width: 2000,
312 | 	height: 2000,
313 | 	fps: 60,
314 | 	color: "#FFFFFF",
315 | 	opacity: 0.00,
316 | 	manifest: [],
317 | 	preloads: []
318 | };
319 | 
320 | 
321 | 
322 | // bootstrap callback support:
323 | 
324 | (lib.Stage = function(canvas) {
325 | 	createjs.Stage.call(this, canvas);
326 | }).prototype = p = new createjs.Stage();
327 | 
328 | p.setAutoPlay = function(autoPlay) {
329 | 	this.tickEnabled = autoPlay;
330 | }
331 | p.play = function() { this.tickEnabled = true; this.getChildAt(0).gotoAndPlay(this.getTimelinePosition()) }
332 | p.stop = function(ms) { if(ms) this.seek(ms); this.tickEnabled = false; }
333 | p.seek = function(ms) { this.tickEnabled = true; this.getChildAt(0).gotoAndStop(lib.properties.fps * ms / 1000); }
334 | p.getDuration = function() { return this.getChildAt(0).totalFrames / lib.properties.fps * 1000; }
335 | 
336 | p.getTimelinePosition = function() { return this.getChildAt(0).currentFrame / lib.properties.fps * 1000; }
337 | 
338 | an.bootcompsLoaded = an.bootcompsLoaded || [];
339 | if(!an.bootstrapListeners) {
340 | 	an.bootstrapListeners=[];
341 | }
342 | 
343 | an.bootstrapCallback=function(fnCallback) {
344 | 	an.bootstrapListeners.push(fnCallback);
345 | 	if(an.bootcompsLoaded.length > 0) {
346 | 		for(var i=0; i<an.bootcompsLoaded.length; ++i) {
347 | 			fnCallback(an.bootcompsLoaded[i]);
348 | 		}
349 | 	}
350 | };
351 | 
352 | an.compositions = an.compositions || {};
353 | an.compositions['D83AC814013744D2A77F21B22BB9A59D'] = {
354 | 	getStage: function() { return exportRoot.stage; },
355 | 	getLibrary: function() { return lib; },
356 | 	getSpriteSheet: function() { return ss; },
357 | 	getImages: function() { return img; }
358 | };
359 | 
360 | an.compositionLoaded = function(id) {
361 | 	an.bootcompsLoaded.push(id);
362 | 	for(var j=0; j<an.bootstrapListeners.length; j++) {
363 | 		an.bootstrapListeners[j](id);
364 | 	}
365 | }
366 | 
367 | an.getComposition = function(id) {
368 | 	return an.compositions[id];
369 | }
370 | 
371 | 
372 | an.makeResponsive = function(isResp, respDim, isScale, scaleType, domContainers) {		
373 | 	var lastW, lastH, lastS=1;		
374 | 	window.addEventListener('resize', resizeCanvas);		
375 | 	resizeCanvas();		
376 | 	function resizeCanvas() {			
377 | 		var w = lib.properties.width, h = lib.properties.height;			
378 | 		var iw = window.innerWidth, ih=window.innerHeight;			
379 | 		var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;			
380 | 		if(isResp) {                
381 | 			if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {                    
382 | 				sRatio = lastS;                
383 | 			}				
384 | 			else if(!isScale) {					
385 | 				if(iw<w || ih<h)						
386 | 					sRatio = Math.min(xRatio, yRatio);				
387 | 			}				
388 | 			else if(scaleType==1) {					
389 | 				sRatio = Math.min(xRatio, yRatio);				
390 | 			}				
391 | 			else if(scaleType==2) {					
392 | 				sRatio = Math.max(xRatio, yRatio);				
393 | 			}			
394 | 		}
395 | 		domContainers[0].width = w * pRatio * sRatio;			
396 | 		domContainers[0].height = h * pRatio * sRatio;
397 | 		domContainers.forEach(function(container) {				
398 | 			container.style.width = w * sRatio + 'px';				
399 | 			container.style.height = h * sRatio + 'px';			
400 | 		});
401 | 		stage.scaleX = pRatio*sRatio;			
402 | 		stage.scaleY = pRatio*sRatio;
403 | 		lastW = iw; lastH = ih; lastS = sRatio;            
404 | 		stage.tickOnUpdate = false;            
405 | 		stage.update();            
406 | 		stage.tickOnUpdate = true;		
407 | 	}
408 | }
409 | an.handleSoundStreamOnTick = function(event) {
410 | 	if(!event.paused){
411 | 		var stageChild = stage.getChildAt(0);
412 | 		if(!stageChild.paused || stageChild.ignorePause){
413 | 			stageChild.syncStreamSounds();
414 | 		}
415 | 	}
416 | }
417 | an.handleFilterCache = function(event) {
418 | 	if(!event.paused){
419 | 		var target = event.target;
420 | 		if(target){
421 | 			if(target.filterCacheList){
422 | 				for(var index = 0; index < target.filterCacheList.length ; index++){
423 | 					var cacheInst = target.filterCacheList[index];
424 | 					if((cacheInst.startFrame <= target.currentFrame) && (target.currentFrame <= cacheInst.endFrame)){
425 | 						cacheInst.instance.cache(cacheInst.x, cacheInst.y, cacheInst.w, cacheInst.h);
426 | 					}
427 | 				}
428 | 			}
429 | 		}
430 | 	}
431 | }
432 | 
433 | 
434 | })(createjs = createjs||{}, AdobeAn = AdobeAn||{});
435 | var createjs, AdobeAn;


--------------------------------------------------------------------------------
/_tests/data/animation2/animation2.js:
--------------------------------------------------------------------------------
  1 | (function (cjs, an) {
  2 | 
  3 | var p; // shortcut to reference prototypes
  4 | var lib={};var ss={};var img={};
  5 | lib.ssMetadata = [
  6 | 		{name:"animation2_atlas_1", frames: [[0,0,66,72],[68,0,54,56]]}
  7 | ];
  8 | 
  9 | 
 10 | (lib.AnMovieClip = function(){
 11 | 	this.actionFrames = [];
 12 | 	this.ignorePause = false;
 13 | 	this.gotoAndPlay = function(positionOrLabel){
 14 | 		cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel);
 15 | 	}
 16 | 	this.play = function(){
 17 | 		cjs.MovieClip.prototype.play.call(this);
 18 | 	}
 19 | 	this.gotoAndStop = function(positionOrLabel){
 20 | 		cjs.MovieClip.prototype.gotoAndStop.call(this,positionOrLabel);
 21 | 	}
 22 | 	this.stop = function(){
 23 | 		cjs.MovieClip.prototype.stop.call(this);
 24 | 	}
 25 | }).prototype = p = new cjs.MovieClip();
 26 | // symbols:
 27 | 
 28 | 
 29 | 
 30 | (lib._01 = function() {
 31 | 	this.initialize(ss["animation2_atlas_1"]);
 32 | 	this.gotoAndStop(0);
 33 | }).prototype = p = new cjs.Sprite();
 34 | 
 35 | 
 36 | 
 37 | (lib._02 = function() {
 38 | 	this.initialize(ss["animation2_atlas_1"]);
 39 | 	this.gotoAndStop(1);
 40 | }).prototype = p = new cjs.Sprite();
 41 | 
 42 | 
 43 | 
 44 | (lib.Tween18 = function(mode,startPosition,loop,reversed) {
 45 | if (loop == null) { loop = true; }
 46 | if (reversed == null) { reversed = false; }
 47 | 	var props = new Object();
 48 | 	props.mode = mode;
 49 | 	props.startPosition = startPosition;
 50 | 	props.labels = {};
 51 | 	props.loop = loop;
 52 | 	props.reversed = reversed;
 53 | 	cjs.MovieClip.apply(this,[props]);
 54 | 
 55 | 	// Ebene_1
 56 | 	this.instance = new lib._02();
 57 | 	this.instance.setTransform(-36,-26);
 58 | 
 59 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
 60 | 
 61 | 	this._renderFirstFrame();
 62 | 
 63 | }).prototype = p = new cjs.MovieClip();
 64 | p.nominalBounds = new cjs.Rectangle(-36,-26,54,56);
 65 | 
 66 | 
 67 | (lib.Tween17 = function(mode,startPosition,loop,reversed) {
 68 | if (loop == null) { loop = true; }
 69 | if (reversed == null) { reversed = false; }
 70 | 	var props = new Object();
 71 | 	props.mode = mode;
 72 | 	props.startPosition = startPosition;
 73 | 	props.labels = {};
 74 | 	props.loop = loop;
 75 | 	props.reversed = reversed;
 76 | 	cjs.MovieClip.apply(this,[props]);
 77 | 
 78 | 	// Ebene_1
 79 | 	this.instance = new lib._02();
 80 | 	this.instance.setTransform(-36,-26);
 81 | 
 82 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
 83 | 
 84 | 	this._renderFirstFrame();
 85 | 
 86 | }).prototype = p = new cjs.MovieClip();
 87 | p.nominalBounds = new cjs.Rectangle(-36,-26,54,56);
 88 | 
 89 | 
 90 | (lib.Tween16 = function(mode,startPosition,loop,reversed) {
 91 | if (loop == null) { loop = true; }
 92 | if (reversed == null) { reversed = false; }
 93 | 	var props = new Object();
 94 | 	props.mode = mode;
 95 | 	props.startPosition = startPosition;
 96 | 	props.labels = {};
 97 | 	props.loop = loop;
 98 | 	props.reversed = reversed;
 99 | 	cjs.MovieClip.apply(this,[props]);
100 | 
101 | 	// Ebene_1
102 | 	this.instance = new lib._01();
103 | 	this.instance.setTransform(-42.5,-35);
104 | 
105 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
106 | 
107 | 	this._renderFirstFrame();
108 | 
109 | }).prototype = p = new cjs.MovieClip();
110 | p.nominalBounds = new cjs.Rectangle(-42.5,-35,66,72);
111 | 
112 | 
113 | (lib.Tween15 = function(mode,startPosition,loop,reversed) {
114 | if (loop == null) { loop = true; }
115 | if (reversed == null) { reversed = false; }
116 | 	var props = new Object();
117 | 	props.mode = mode;
118 | 	props.startPosition = startPosition;
119 | 	props.labels = {};
120 | 	props.loop = loop;
121 | 	props.reversed = reversed;
122 | 	cjs.MovieClip.apply(this,[props]);
123 | 
124 | 	// Ebene_1
125 | 	this.instance = new lib._01();
126 | 	this.instance.setTransform(-42.5,-35);
127 | 
128 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
129 | 
130 | 	this._renderFirstFrame();
131 | 
132 | }).prototype = p = new cjs.MovieClip();
133 | p.nominalBounds = new cjs.Rectangle(-42.5,-35,66,72);
134 | 
135 | 
136 | (lib.Tween14 = function(mode,startPosition,loop,reversed) {
137 | if (loop == null) { loop = true; }
138 | if (reversed == null) { reversed = false; }
139 | 	var props = new Object();
140 | 	props.mode = mode;
141 | 	props.startPosition = startPosition;
142 | 	props.labels = {};
143 | 	props.loop = loop;
144 | 	props.reversed = reversed;
145 | 	cjs.MovieClip.apply(this,[props]);
146 | 
147 | 	// Ebene_1
148 | 	this.shape = new cjs.Shape();
149 | 	this.shape.graphics.f("#1AFDAF").s().p("AgRASQgHgIAAgKQAAgJAHgIQAHgHAKAAQALAAAGAHQAIAIAAAJQAAAKgIAIQgGAHgLAAQgKAAgHgHg");
150 | 
151 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
152 | 
153 | 	this._renderFirstFrame();
154 | 
155 | }).prototype = p = new cjs.MovieClip();
156 | p.nominalBounds = new cjs.Rectangle(-2.5,-2.5,5,5);
157 | 
158 | 
159 | (lib.Tween13 = function(mode,startPosition,loop,reversed) {
160 | if (loop == null) { loop = true; }
161 | if (reversed == null) { reversed = false; }
162 | 	var props = new Object();
163 | 	props.mode = mode;
164 | 	props.startPosition = startPosition;
165 | 	props.labels = {};
166 | 	props.loop = loop;
167 | 	props.reversed = reversed;
168 | 	cjs.MovieClip.apply(this,[props]);
169 | 
170 | 	// Ebene_1
171 | 	this.shape = new cjs.Shape();
172 | 	this.shape.graphics.f("#1AFDAF").s().p("AgRASQgHgIAAgKQAAgJAHgIQAHgHAKAAQALAAAGAHQAIAIAAAJQAAAKgIAIQgGAHgLAAQgKAAgHgHg");
173 | 
174 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
175 | 
176 | 	this._renderFirstFrame();
177 | 
178 | }).prototype = p = new cjs.MovieClip();
179 | p.nominalBounds = new cjs.Rectangle(-2.5,-2.5,5,5);
180 | 
181 | 
182 | (lib.Tween11 = function(mode,startPosition,loop,reversed) {
183 | if (loop == null) { loop = true; }
184 | if (reversed == null) { reversed = false; }
185 | 	var props = new Object();
186 | 	props.mode = mode;
187 | 	props.startPosition = startPosition;
188 | 	props.labels = {};
189 | 	props.loop = loop;
190 | 	props.reversed = reversed;
191 | 	cjs.MovieClip.apply(this,[props]);
192 | 
193 | 	// Ebene_1
194 | 	this.shape = new cjs.Shape();
195 | 	this.shape.graphics.f("#1DCAD1").s().p("AgRASQgHgIAAgKQAAgJAHgIQAIgHAJAAQAKAAAHAHQAIAIAAAJQAAAKgIAIQgHAHgKAAQgJAAgIgHg");
196 | 
197 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
198 | 
199 | 	this._renderFirstFrame();
200 | 
201 | }).prototype = p = new cjs.MovieClip();
202 | p.nominalBounds = new cjs.Rectangle(-2.5,-2.5,5,5);
203 | 
204 | 
205 | (lib.Tween10 = function(mode,startPosition,loop,reversed) {
206 | if (loop == null) { loop = true; }
207 | if (reversed == null) { reversed = false; }
208 | 	var props = new Object();
209 | 	props.mode = mode;
210 | 	props.startPosition = startPosition;
211 | 	props.labels = {};
212 | 	props.loop = loop;
213 | 	props.reversed = reversed;
214 | 	cjs.MovieClip.apply(this,[props]);
215 | 
216 | 	// Ebene_1
217 | 	this.shape = new cjs.Shape();
218 | 	this.shape.graphics.f("#01E498").s().p("AhGBGQgdgdAAgpQAAgpAdgdQAegdAoAAQApAAAeAdQAdAdAAApQAAApgdAdQgeAegpAAQgoAAgegeg");
219 | 
220 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
221 | 
222 | 	this._renderFirstFrame();
223 | 
224 | }).prototype = p = new cjs.MovieClip();
225 | p.nominalBounds = new cjs.Rectangle(-10,-10,20,20);
226 | 
227 | 
228 | (lib.Tween9 = function(mode,startPosition,loop,reversed) {
229 | if (loop == null) { loop = true; }
230 | if (reversed == null) { reversed = false; }
231 | 	var props = new Object();
232 | 	props.mode = mode;
233 | 	props.startPosition = startPosition;
234 | 	props.labels = {};
235 | 	props.loop = loop;
236 | 	props.reversed = reversed;
237 | 	cjs.MovieClip.apply(this,[props]);
238 | 
239 | 	// Ebene_1
240 | 	this.shape = new cjs.Shape();
241 | 	this.shape.graphics.f("#01E498").s().p("AhGBGQgdgdAAgpQAAgpAdgdQAegdAoAAQApAAAeAdQAdAdAAApQAAApgdAdQgeAegpAAQgoAAgegeg");
242 | 
243 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
244 | 
245 | 	this._renderFirstFrame();
246 | 
247 | }).prototype = p = new cjs.MovieClip();
248 | p.nominalBounds = new cjs.Rectangle(-10,-10,20,20);
249 | 
250 | 
251 | (lib.Tween8 = function(mode,startPosition,loop,reversed) {
252 | if (loop == null) { loop = true; }
253 | if (reversed == null) { reversed = false; }
254 | 	var props = new Object();
255 | 	props.mode = mode;
256 | 	props.startPosition = startPosition;
257 | 	props.labels = {};
258 | 	props.loop = loop;
259 | 	props.reversed = reversed;
260 | 	cjs.MovieClip.apply(this,[props]);
261 | 
262 | 	// Ebene_1
263 | 	this.shape = new cjs.Shape();
264 | 	this.shape.graphics.f("#1AFDAF").s().p("AgxGQIAAsfIBjAAIAAMfg");
265 | 
266 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
267 | 
268 | 	this._renderFirstFrame();
269 | 
270 | }).prototype = p = new cjs.MovieClip();
271 | p.nominalBounds = new cjs.Rectangle(-5,-40,10,80);
272 | 
273 | 
274 | (lib.Tween7 = function(mode,startPosition,loop,reversed) {
275 | if (loop == null) { loop = true; }
276 | if (reversed == null) { reversed = false; }
277 | 	var props = new Object();
278 | 	props.mode = mode;
279 | 	props.startPosition = startPosition;
280 | 	props.labels = {};
281 | 	props.loop = loop;
282 | 	props.reversed = reversed;
283 | 	cjs.MovieClip.apply(this,[props]);
284 | 
285 | 	// Ebene_1
286 | 	this.shape = new cjs.Shape();
287 | 	this.shape.graphics.f("#1AFDAF").s().p("AgxGQIAAsfIBjAAIAAMfg");
288 | 
289 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
290 | 
291 | 	this._renderFirstFrame();
292 | 
293 | }).prototype = p = new cjs.MovieClip();
294 | p.nominalBounds = new cjs.Rectangle(-5,-40,10,80);
295 | 
296 | 
297 | (lib.Tween6 = function(mode,startPosition,loop,reversed) {
298 | if (loop == null) { loop = true; }
299 | if (reversed == null) { reversed = false; }
300 | 	var props = new Object();
301 | 	props.mode = mode;
302 | 	props.startPosition = startPosition;
303 | 	props.labels = {};
304 | 	props.loop = loop;
305 | 	props.reversed = reversed;
306 | 	cjs.MovieClip.apply(this,[props]);
307 | 
308 | 	// Ebene_1
309 | 	this.shape = new cjs.Shape();
310 | 	this.shape.graphics.f("#1DCAD1").s().p("AgxAyIAAhjIBjAAIAABjg");
311 | 
312 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
313 | 
314 | 	this._renderFirstFrame();
315 | 
316 | }).prototype = p = new cjs.MovieClip();
317 | p.nominalBounds = new cjs.Rectangle(-5,-5,10,10);
318 | 
319 | 
320 | (lib.Tween5 = function(mode,startPosition,loop,reversed) {
321 | if (loop == null) { loop = true; }
322 | if (reversed == null) { reversed = false; }
323 | 	var props = new Object();
324 | 	props.mode = mode;
325 | 	props.startPosition = startPosition;
326 | 	props.labels = {};
327 | 	props.loop = loop;
328 | 	props.reversed = reversed;
329 | 	cjs.MovieClip.apply(this,[props]);
330 | 
331 | 	// Ebene_1
332 | 	this.shape = new cjs.Shape();
333 | 	this.shape.graphics.f("#1DCAD1").s().p("AgxAyIAAhjIBjAAIAABjg");
334 | 
335 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
336 | 
337 | 	this._renderFirstFrame();
338 | 
339 | }).prototype = p = new cjs.MovieClip();
340 | p.nominalBounds = new cjs.Rectangle(-5,-5,10,10);
341 | 
342 | 
343 | (lib.Tween4 = function(mode,startPosition,loop,reversed) {
344 | if (loop == null) { loop = true; }
345 | if (reversed == null) { reversed = false; }
346 | 	var props = new Object();
347 | 	props.mode = mode;
348 | 	props.startPosition = startPosition;
349 | 	props.labels = {};
350 | 	props.loop = loop;
351 | 	props.reversed = reversed;
352 | 	cjs.MovieClip.apply(this,[props]);
353 | 
354 | 	// Ebene_1
355 | 	this.shape = new cjs.Shape();
356 | 	this.shape.graphics.f("#1AFDAF").s().p("AmPAyIAAhjIMfAAIAABjg");
357 | 
358 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
359 | 
360 | 	this._renderFirstFrame();
361 | 
362 | }).prototype = p = new cjs.MovieClip();
363 | p.nominalBounds = new cjs.Rectangle(-40,-5,80,10);
364 | 
365 | 
366 | (lib.Tween3 = function(mode,startPosition,loop,reversed) {
367 | if (loop == null) { loop = true; }
368 | if (reversed == null) { reversed = false; }
369 | 	var props = new Object();
370 | 	props.mode = mode;
371 | 	props.startPosition = startPosition;
372 | 	props.labels = {};
373 | 	props.loop = loop;
374 | 	props.reversed = reversed;
375 | 	cjs.MovieClip.apply(this,[props]);
376 | 
377 | 	// Ebene_1
378 | 	this.shape = new cjs.Shape();
379 | 	this.shape.graphics.f("#1AFDAF").s().p("AmPAyIAAhjIMfAAIAABjg");
380 | 
381 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
382 | 
383 | 	this._renderFirstFrame();
384 | 
385 | }).prototype = p = new cjs.MovieClip();
386 | p.nominalBounds = new cjs.Rectangle(-40,-5,80,10);
387 | 
388 | 
389 | (lib.Tween2 = function(mode,startPosition,loop,reversed) {
390 | if (loop == null) { loop = true; }
391 | if (reversed == null) { reversed = false; }
392 | 	var props = new Object();
393 | 	props.mode = mode;
394 | 	props.startPosition = startPosition;
395 | 	props.labels = {};
396 | 	props.loop = loop;
397 | 	props.reversed = reversed;
398 | 	cjs.MovieClip.apply(this,[props]);
399 | 
400 | 	// Ebene_1
401 | 	this.text = new cjs.Text("Linkaufbau", "40px 'Gotham'");
402 | 	this.text.lineHeight = 46;
403 | 	this.text.lineWidth = 224;
404 | 	this.text.parent = this;
405 | 	this.text.setTransform(-109.8,-34.45);
406 | 
407 | 	this.timeline.addTween(cjs.Tween.get(this.text).wait(1));
408 | 
409 | 	this._renderFirstFrame();
410 | 
411 | }).prototype = p = new cjs.MovieClip();
412 | p.nominalBounds = new cjs.Rectangle(-111.8,-36.4,227.6,52);
413 | 
414 | 
415 | (lib.Tween1 = function(mode,startPosition,loop,reversed) {
416 | if (loop == null) { loop = true; }
417 | if (reversed == null) { reversed = false; }
418 | 	var props = new Object();
419 | 	props.mode = mode;
420 | 	props.startPosition = startPosition;
421 | 	props.labels = {};
422 | 	props.loop = loop;
423 | 	props.reversed = reversed;
424 | 	cjs.MovieClip.apply(this,[props]);
425 | 
426 | 	// Ebene_1
427 | 	this.text = new cjs.Text("Linkaufbau", "40px 'Gotham'");
428 | 	this.text.lineHeight = 46;
429 | 	this.text.lineWidth = 224;
430 | 	this.text.parent = this;
431 | 	this.text.setTransform(-124.5,-24);
432 | 
433 | 	this.timeline.addTween(cjs.Tween.get(this.text).wait(1));
434 | 
435 | 	this._renderFirstFrame();
436 | 
437 | }).prototype = p = new cjs.MovieClip();
438 | p.nominalBounds = new cjs.Rectangle(-126.5,-26,227.5,52);
439 | 
440 | 
441 | // stage content:
442 | (lib.animation2 = function(mode,startPosition,loop,reversed) {
443 | if (loop == null) { loop = true; }
444 | if (reversed == null) { reversed = false; }
445 | 	var props = new Object();
446 | 	props.mode = mode;
447 | 	props.startPosition = startPosition;
448 | 	props.labels = {};
449 | 	props.loop = loop;
450 | 	props.reversed = reversed;
451 | 	cjs.MovieClip.apply(this,[props]);
452 | 
453 | 	// Titel
454 | 	this.instance = new lib.Tween1("synched",0);
455 | 	this.instance.setTransform(272.75,130);
456 | 
457 | 	this.instance_1 = new lib.Tween2("synched",0);
458 | 	this.instance_1.setTransform(260.75,129.95,1,1,-13.2605);
459 | 	this.instance_1.alpha = 0;
460 | 	this.instance_1._off = true;
461 | 
462 | 	this.timeline.addTween(cjs.Tween.get(this.instance).to({_off:true,rotation:-13.2605,x:260.75,y:129.95,alpha:0},24,cjs.Ease.circInOut).wait(161));
463 | 	this.timeline.addTween(cjs.Tween.get(this.instance_1).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},23).wait(10).to({_off:false,rotation:20.6921,x:260,y:130},0).to({rotation:0,x:258.05,y:140.45,alpha:1},19,cjs.Ease.circInOut).wait(27).to({startPosition:0},0).to({rotation:-27.4448,x:263.1,y:140.2,alpha:0},10,cjs.Ease.circInOut).wait(25).to({rotation:0,x:294.05,y:140.45},0).to({x:258.05,alpha:1},16,cjs.Ease.circInOut).wait(31));
464 | 
465 | 	// Icon_2
466 | 	this.instance_2 = new lib.Tween17("synched",0);
467 | 	this.instance_2.setTransform(262.95,128,0.3923,0.3923,-90);
468 | 	this.instance_2.alpha = 0;
469 | 	this.instance_2._off = true;
470 | 
471 | 	this.instance_3 = new lib.Tween18("synched",0);
472 | 	this.instance_3.setTransform(357,187);
473 | 	this.instance_3._off = true;
474 | 
475 | 	this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(57).to({_off:false},0).to({_off:true,scaleX:1,scaleY:1,rotation:0,x:357,y:187,alpha:1},19,cjs.Ease.circInOut).wait(109));
476 | 	this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(57).to({_off:false},19,cjs.Ease.circInOut).wait(27).to({startPosition:0},0).to({regX:0.1,scaleX:1.5,scaleY:1.5,rotation:74.9998,x:429.4,y:222.25,alpha:0},10,cjs.Ease.circInOut).to({_off:true},10).wait(62));
477 | 
478 | 	// Icon_1
479 | 	this.instance_4 = new lib.Tween15("synched",0);
480 | 	this.instance_4.setTransform(260.05,126.95,0.3728,0.3728,-75.002);
481 | 	this.instance_4.alpha = 0;
482 | 	this.instance_4._off = true;
483 | 
484 | 	this.instance_5 = new lib.Tween16("synched",0);
485 | 	this.instance_5.setTransform(182,54);
486 | 	this.instance_5._off = true;
487 | 
488 | 	this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(57).to({_off:false},0).to({_off:true,scaleX:1,scaleY:1,rotation:0,x:182,y:54,alpha:1},19,cjs.Ease.circInOut).wait(109));
489 | 	this.timeline.addTween(cjs.Tween.get(this.instance_5).wait(57).to({_off:false},19,cjs.Ease.circInOut).wait(27).to({startPosition:0},0).to({scaleX:1.46,scaleY:1.46,rotation:-75.0001,x:112.3,y:-9.4,alpha:0},10,cjs.Ease.circInOut).to({_off:true},10).wait(62));
490 | 
491 | 	// Kreis_1
492 | 	this.instance_6 = new lib.Tween9("synched",0);
493 | 	this.instance_6.setTransform(260,130.05,0.25,0.25,0,0,0,0,0.2);
494 | 	this.instance_6.alpha = 0;
495 | 	this.instance_6._off = true;
496 | 
497 | 	this.instance_7 = new lib.Tween10("synched",0);
498 | 	this.instance_7.setTransform(260,130);
499 | 	this.instance_7._off = true;
500 | 
501 | 	this.timeline.addTween(cjs.Tween.get(this.instance_6).wait(4).to({_off:false},0).to({_off:true,regY:0,scaleX:1,scaleY:1,y:130,alpha:1},8,cjs.Ease.circInOut).wait(173));
502 | 	this.timeline.addTween(cjs.Tween.get(this.instance_7).wait(4).to({_off:false},8,cjs.Ease.circInOut).wait(9).to({startPosition:0},0).to({scaleX:2,scaleY:2},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:5,scaleY:5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:2,scaleY:2},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({regX:0.1,regY:0.1,scaleX:1,scaleY:1,x:260.1,y:130.1},14,cjs.Ease.circInOut).wait(2).to({startPosition:0},0).to({regX:0.2,regY:0.2,scaleX:4.9997,scaleY:4.9997,x:261,y:131,alpha:0},13,cjs.Ease.circInOut).to({_off:true},10).wait(27));
503 | 
504 | 	// Kreis_9
505 | 	this.instance_8 = new lib.Tween13("synched",0);
506 | 	this.instance_8.setTransform(260,130);
507 | 	this.instance_8._off = true;
508 | 
509 | 	this.instance_9 = new lib.Tween14("synched",0);
510 | 	this.instance_9.setTransform(260.4,193,6,6);
511 | 	this.instance_9._off = true;
512 | 
513 | 	this.timeline.addTween(cjs.Tween.get(this.instance_8).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:260.4,y:193},23,cjs.Ease.circInOut).wait(141));
514 | 	this.timeline.addTween(cjs.Tween.get(this.instance_9).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:357.1,y:183.25},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:260,y:193},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
515 | 
516 | 	// Kreis_8
517 | 	this.instance_10 = new lib.Tween13("synched",0);
518 | 	this.instance_10.setTransform(260,130);
519 | 	this.instance_10._off = true;
520 | 
521 | 	this.instance_11 = new lib.Tween14("synched",0);
522 | 	this.instance_11.setTransform(260.4,68,6,6);
523 | 	this.instance_11._off = true;
524 | 
525 | 	this.timeline.addTween(cjs.Tween.get(this.instance_10).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:260.4,y:68},23,cjs.Ease.circInOut).wait(141));
526 | 	this.timeline.addTween(cjs.Tween.get(this.instance_11).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:188.05,y:57.85},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:260,y:68},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
527 | 
528 | 	// Kreis_7
529 | 	this.instance_12 = new lib.Tween13("synched",0);
530 | 	this.instance_12.setTransform(260,130);
531 | 	this.instance_12._off = true;
532 | 
533 | 	this.instance_13 = new lib.Tween14("synched",0);
534 | 	this.instance_13.setTransform(323,130.5,6,6);
535 | 	this.instance_13._off = true;
536 | 
537 | 	this.timeline.addTween(cjs.Tween.get(this.instance_12).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:323,y:130.5},23,cjs.Ease.circInOut).wait(141));
538 | 	this.timeline.addTween(cjs.Tween.get(this.instance_13).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:2,scaleY:2,x:432,y:50},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:5.9999,scaleY:5.9999,x:323.05,y:130},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
539 | 
540 | 	// Kreis_6
541 | 	this.instance_14 = new lib.Tween13("synched",0);
542 | 	this.instance_14.setTransform(260,130);
543 | 	this.instance_14._off = true;
544 | 
545 | 	this.instance_15 = new lib.Tween14("synched",0);
546 | 	this.instance_15.setTransform(198,130.5,6,6);
547 | 	this.instance_15._off = true;
548 | 
549 | 	this.timeline.addTween(cjs.Tween.get(this.instance_14).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:198,y:130.5},23,cjs.Ease.circInOut).wait(141));
550 | 	this.timeline.addTween(cjs.Tween.get(this.instance_15).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:2,scaleY:2,x:79.55,y:193.25},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:5.9999,scaleY:5.9999,x:198,y:130},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
551 | 
552 | 	// Kreis_5
553 | 	this.instance_16 = new lib.Tween11("synched",0);
554 | 	this.instance_16.setTransform(260,130);
555 | 	this.instance_16._off = true;
556 | 
557 | 	this.timeline.addTween(cjs.Tween.get(this.instance_16).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:291.45,y:161.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:277.9,y:222.95},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:2.9999,scaleY:2.9999,x:291.65,y:161.55},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({regX:0.1,regY:0.1,scaleX:1,scaleY:1,x:260.1,y:130.1},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
558 | 
559 | 	// Kreis_4
560 | 	this.instance_17 = new lib.Tween11("synched",0);
561 | 	this.instance_17.setTransform(260,130);
562 | 	this.instance_17._off = true;
563 | 
564 | 	this.timeline.addTween(cjs.Tween.get(this.instance_17).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:229.2,y:161.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:180.55,y:220.5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:229.15,y:161.55},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
565 | 
566 | 	// Kreis_3
567 | 	this.instance_18 = new lib.Tween11("synched",0);
568 | 	this.instance_18.setTransform(260,130);
569 | 	this.instance_18._off = true;
570 | 
571 | 	this.timeline.addTween(cjs.Tween.get(this.instance_18).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:229.2,y:99.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:288.2,y:47.5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:229.15,y:98.9},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
572 | 
573 | 	// Kreis_2
574 | 	this.instance_19 = new lib.Tween11("synched",0);
575 | 	this.instance_19.setTransform(260,130);
576 | 	this.instance_19._off = true;
577 | 
578 | 	this.timeline.addTween(cjs.Tween.get(this.instance_19).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:291.7,y:99.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:312.5,y:85.5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:2.9999,scaleY:2.9999,x:291.65,y:99.35},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
579 | 
580 | 	// Line_3
581 | 	this.instance_20 = new lib.Tween3("synched",0);
582 | 	this.instance_20.setTransform(480,255);
583 | 
584 | 	this.instance_21 = new lib.Tween4("synched",0);
585 | 	this.instance_21.setTransform(274.75,255,2.5488,1,0,0,0,0.1,0);
586 | 	this.instance_21.alpha = 0;
587 | 	this.instance_21._off = true;
588 | 
589 | 	this.timeline.addTween(cjs.Tween.get(this.instance_20).to({_off:true,regX:0.1,scaleX:2.5488,x:274.75,alpha:0},24,cjs.Ease.circInOut).wait(161));
590 | 	this.timeline.addTween(cjs.Tween.get(this.instance_21).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},4).wait(107).to({_off:false},0).to({regX:0.2,scaleX:1,x:480.2,alpha:1},18,cjs.Ease.circInOut).wait(32));
591 | 
592 | 	// Line_2
593 | 	this.instance_22 = new lib.Tween5("synched",0);
594 | 	this.instance_22.setTransform(43.75,5);
595 | 
596 | 	this.instance_23 = new lib.Tween6("synched",0);
597 | 	this.instance_23.setTransform(43.75,152.95,1,9.9,0,0,0,0,0.5);
598 | 	this.instance_23.alpha = 0;
599 | 	this.instance_23._off = true;
600 | 
601 | 	this.timeline.addTween(cjs.Tween.get(this.instance_22).to({_off:true,regY:0.5,scaleY:9.9,y:152.95,alpha:0},24,cjs.Ease.circInOut).wait(161));
602 | 	this.timeline.addTween(cjs.Tween.get(this.instance_23).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},4).wait(107).to({_off:false},0).to({regY:0.6,scaleY:1,y:5.6,alpha:1},18,cjs.Ease.circInOut).wait(32));
603 | 
604 | 	// Line_1
605 | 	this.instance_24 = new lib.Tween7("synched",0);
606 | 	this.instance_24.setTransform(5,40);
607 | 
608 | 	this.instance_25 = new lib.Tween8("synched",0);
609 | 	this.instance_25.setTransform(5,160.5,1,0.3375);
610 | 	this.instance_25.alpha = 0;
611 | 	this.instance_25._off = true;
612 | 
613 | 	this.timeline.addTween(cjs.Tween.get(this.instance_24).to({_off:true,scaleY:0.3375,y:160.5,alpha:0},24,cjs.Ease.circInOut).wait(161));
614 | 	this.timeline.addTween(cjs.Tween.get(this.instance_25).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},4).wait(107).to({_off:false},0).to({scaleY:1,y:40,alpha:1},18,cjs.Ease.circInOut).wait(32));
615 | 
616 | 	this._renderFirstFrame();
617 | 
618 | }).prototype = p = new lib.AnMovieClip();
619 | p.nominalBounds = new cjs.Rectangle(260,74.3,260,185.8);
620 | // library properties:
621 | lib.properties = {
622 | 	id: '461BE263A46F40348AC50F8CB46AE189',
623 | 	width: 520,
624 | 	height: 260,
625 | 	fps: 24,
626 | 	color: "#FFFFFF",
627 | 	opacity: 1.00,
628 | 	manifest: [
629 | 		{src:"images/animation2_atlas_1.png", id:"animation2_atlas_1"}
630 | 	],
631 | 	preloads: []
632 | };
633 | 
634 | 
635 | 
636 | // bootstrap callback support:
637 | 
638 | (lib.Stage = function(canvas) {
639 | 	createjs.Stage.call(this, canvas);
640 | }).prototype = p = new createjs.Stage();
641 | 
642 | p.setAutoPlay = function(autoPlay) {
643 | 	this.tickEnabled = autoPlay;
644 | }
645 | p.play = function() { this.tickEnabled = true; this.getChildAt(0).gotoAndPlay(this.getTimelinePosition()) }
646 | p.stop = function(ms) { if(ms) this.seek(ms); this.tickEnabled = false; }
647 | p.seek = function(ms) { this.tickEnabled = true; this.getChildAt(0).gotoAndStop(lib.properties.fps * ms / 1000); }
648 | p.getDuration = function() { return this.getChildAt(0).totalFrames / lib.properties.fps * 1000; }
649 | 
650 | p.getTimelinePosition = function() { return this.getChildAt(0).currentFrame / lib.properties.fps * 1000; }
651 | 
652 | an.bootcompsLoaded = an.bootcompsLoaded || [];
653 | if(!an.bootstrapListeners) {
654 | 	an.bootstrapListeners=[];
655 | }
656 | 
657 | an.bootstrapCallback=function(fnCallback) {
658 | 	an.bootstrapListeners.push(fnCallback);
659 | 	if(an.bootcompsLoaded.length > 0) {
660 | 		for(var i=0; i<an.bootcompsLoaded.length; ++i) {
661 | 			fnCallback(an.bootcompsLoaded[i]);
662 | 		}
663 | 	}
664 | };
665 | 
666 | an.compositions = an.compositions || {};
667 | an.compositions['461BE263A46F40348AC50F8CB46AE189'] = {
668 | 	getStage: function() { return exportRoot.stage; },
669 | 	getLibrary: function() { return lib; },
670 | 	getSpriteSheet: function() { return ss; },
671 | 	getImages: function() { return img; }
672 | };
673 | 
674 | an.compositionLoaded = function(id) {
675 | 	an.bootcompsLoaded.push(id);
676 | 	for(var j=0; j<an.bootstrapListeners.length; j++) {
677 | 		an.bootstrapListeners[j](id);
678 | 	}
679 | }
680 | 
681 | an.getComposition = function(id) {
682 | 	return an.compositions[id];
683 | }
684 | 
685 | 
686 | an.makeResponsive = function(isResp, respDim, isScale, scaleType, domContainers) {		
687 | 	var lastW, lastH, lastS=1;		
688 | 	window.addEventListener('resize', resizeCanvas);		
689 | 	resizeCanvas();		
690 | 	function resizeCanvas() {			
691 | 		var w = lib.properties.width, h = lib.properties.height;			
692 | 		var iw = window.innerWidth, ih=window.innerHeight;			
693 | 		var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;			
694 | 		if(isResp) {                
695 | 			if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {                    
696 | 				sRatio = lastS;                
697 | 			}				
698 | 			else if(!isScale) {					
699 | 				if(iw<w || ih<h)						
700 | 					sRatio = Math.min(xRatio, yRatio);				
701 | 			}				
702 | 			else if(scaleType==1) {					
703 | 				sRatio = Math.min(xRatio, yRatio);				
704 | 			}				
705 | 			else if(scaleType==2) {					
706 | 				sRatio = Math.max(xRatio, yRatio);				
707 | 			}			
708 | 		}
709 | 		domContainers[0].width = w * pRatio * sRatio;			
710 | 		domContainers[0].height = h * pRatio * sRatio;
711 | 		domContainers.forEach(function(container) {				
712 | 			container.style.width = w * sRatio + 'px';				
713 | 			container.style.height = h * sRatio + 'px';			
714 | 		});
715 | 		stage.scaleX = pRatio*sRatio;			
716 | 		stage.scaleY = pRatio*sRatio;
717 | 		lastW = iw; lastH = ih; lastS = sRatio;            
718 | 		stage.tickOnUpdate = false;            
719 | 		stage.update();            
720 | 		stage.tickOnUpdate = true;		
721 | 	}
722 | }
723 | an.handleSoundStreamOnTick = function(event) {
724 | 	if(!event.paused){
725 | 		var stageChild = stage.getChildAt(0);
726 | 		if(!stageChild.paused || stageChild.ignorePause){
727 | 			stageChild.syncStreamSounds();
728 | 		}
729 | 	}
730 | }
731 | an.handleFilterCache = function(event) {
732 | 	if(!event.paused){
733 | 		var target = event.target;
734 | 		if(target){
735 | 			if(target.filterCacheList){
736 | 				for(var index = 0; index < target.filterCacheList.length ; index++){
737 | 					var cacheInst = target.filterCacheList[index];
738 | 					if((cacheInst.startFrame <= target.currentFrame) && (target.currentFrame <= cacheInst.endFrame)){
739 | 						cacheInst.instance.cache(cacheInst.x, cacheInst.y, cacheInst.w, cacheInst.h);
740 | 					}
741 | 				}
742 | 			}
743 | 		}
744 | 	}
745 | }
746 | 
747 | 
748 | })(createjs = createjs||{}, AdobeAn = AdobeAn||{});
749 | var createjs, AdobeAn;


--------------------------------------------------------------------------------
/_tests/data/animation3/animation3.js:
--------------------------------------------------------------------------------
  1 | (function (cjs, an) {
  2 | 
  3 | var p; // shortcut to reference prototypes
  4 | var lib={};var ss={};var img={};
  5 | lib.ssMetadata = [
  6 | 		{name:"animation3_atlas_1", frames: [[0,0,70,58],[0,60,62,58]]}
  7 | ];
  8 | 
  9 | 
 10 | (lib.AnMovieClip = function(){
 11 | 	this.actionFrames = [];
 12 | 	this.ignorePause = false;
 13 | 	this.gotoAndPlay = function(positionOrLabel){
 14 | 		cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel);
 15 | 	}
 16 | 	this.play = function(){
 17 | 		cjs.MovieClip.prototype.play.call(this);
 18 | 	}
 19 | 	this.gotoAndStop = function(positionOrLabel){
 20 | 		cjs.MovieClip.prototype.gotoAndStop.call(this,positionOrLabel);
 21 | 	}
 22 | 	this.stop = function(){
 23 | 		cjs.MovieClip.prototype.stop.call(this);
 24 | 	}
 25 | }).prototype = p = new cjs.MovieClip();
 26 | // symbols:
 27 | 
 28 | 
 29 | 
 30 | (lib._01 = function() {
 31 | 	this.initialize(ss["animation3_atlas_1"]);
 32 | 	this.gotoAndStop(0);
 33 | }).prototype = p = new cjs.Sprite();
 34 | 
 35 | 
 36 | 
 37 | (lib._02 = function() {
 38 | 	this.initialize(ss["animation3_atlas_1"]);
 39 | 	this.gotoAndStop(1);
 40 | }).prototype = p = new cjs.Sprite();
 41 | 
 42 | 
 43 | 
 44 | (lib.Tween18 = function(mode,startPosition,loop,reversed) {
 45 | if (loop == null) { loop = true; }
 46 | if (reversed == null) { reversed = false; }
 47 | 	var props = new Object();
 48 | 	props.mode = mode;
 49 | 	props.startPosition = startPosition;
 50 | 	props.labels = {};
 51 | 	props.loop = loop;
 52 | 	props.reversed = reversed;
 53 | 	cjs.MovieClip.apply(this,[props]);
 54 | 
 55 | 	// Ebene_1
 56 | 	this.instance = new lib._02();
 57 | 	this.instance.setTransform(-36,-26);
 58 | 
 59 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
 60 | 
 61 | 	this._renderFirstFrame();
 62 | 
 63 | }).prototype = p = new cjs.MovieClip();
 64 | p.nominalBounds = new cjs.Rectangle(-36,-26,62,58);
 65 | 
 66 | 
 67 | (lib.Tween17 = function(mode,startPosition,loop,reversed) {
 68 | if (loop == null) { loop = true; }
 69 | if (reversed == null) { reversed = false; }
 70 | 	var props = new Object();
 71 | 	props.mode = mode;
 72 | 	props.startPosition = startPosition;
 73 | 	props.labels = {};
 74 | 	props.loop = loop;
 75 | 	props.reversed = reversed;
 76 | 	cjs.MovieClip.apply(this,[props]);
 77 | 
 78 | 	// Ebene_1
 79 | 	this.instance = new lib._02();
 80 | 	this.instance.setTransform(-36,-26);
 81 | 
 82 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
 83 | 
 84 | 	this._renderFirstFrame();
 85 | 
 86 | }).prototype = p = new cjs.MovieClip();
 87 | p.nominalBounds = new cjs.Rectangle(-36,-26,62,58);
 88 | 
 89 | 
 90 | (lib.Tween16 = function(mode,startPosition,loop,reversed) {
 91 | if (loop == null) { loop = true; }
 92 | if (reversed == null) { reversed = false; }
 93 | 	var props = new Object();
 94 | 	props.mode = mode;
 95 | 	props.startPosition = startPosition;
 96 | 	props.labels = {};
 97 | 	props.loop = loop;
 98 | 	props.reversed = reversed;
 99 | 	cjs.MovieClip.apply(this,[props]);
100 | 
101 | 	// Ebene_1
102 | 	this.instance = new lib._01();
103 | 	this.instance.setTransform(-42.5,-35);
104 | 
105 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
106 | 
107 | 	this._renderFirstFrame();
108 | 
109 | }).prototype = p = new cjs.MovieClip();
110 | p.nominalBounds = new cjs.Rectangle(-42.5,-35,70,58);
111 | 
112 | 
113 | (lib.Tween15 = function(mode,startPosition,loop,reversed) {
114 | if (loop == null) { loop = true; }
115 | if (reversed == null) { reversed = false; }
116 | 	var props = new Object();
117 | 	props.mode = mode;
118 | 	props.startPosition = startPosition;
119 | 	props.labels = {};
120 | 	props.loop = loop;
121 | 	props.reversed = reversed;
122 | 	cjs.MovieClip.apply(this,[props]);
123 | 
124 | 	// Ebene_1
125 | 	this.instance = new lib._01();
126 | 	this.instance.setTransform(-42.5,-35);
127 | 
128 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
129 | 
130 | 	this._renderFirstFrame();
131 | 
132 | }).prototype = p = new cjs.MovieClip();
133 | p.nominalBounds = new cjs.Rectangle(-42.5,-35,70,58);
134 | 
135 | 
136 | (lib.Tween14 = function(mode,startPosition,loop,reversed) {
137 | if (loop == null) { loop = true; }
138 | if (reversed == null) { reversed = false; }
139 | 	var props = new Object();
140 | 	props.mode = mode;
141 | 	props.startPosition = startPosition;
142 | 	props.labels = {};
143 | 	props.loop = loop;
144 | 	props.reversed = reversed;
145 | 	cjs.MovieClip.apply(this,[props]);
146 | 
147 | 	// Ebene_1
148 | 	this.shape = new cjs.Shape();
149 | 	this.shape.graphics.f("#1AFDAF").s().p("AgRASQgHgIAAgKQAAgJAHgIQAHgHAKAAQALAAAGAHQAIAIAAAJQAAAKgIAIQgGAHgLAAQgKAAgHgHg");
150 | 
151 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
152 | 
153 | 	this._renderFirstFrame();
154 | 
155 | }).prototype = p = new cjs.MovieClip();
156 | p.nominalBounds = new cjs.Rectangle(-2.5,-2.5,5,5);
157 | 
158 | 
159 | (lib.Tween13 = function(mode,startPosition,loop,reversed) {
160 | if (loop == null) { loop = true; }
161 | if (reversed == null) { reversed = false; }
162 | 	var props = new Object();
163 | 	props.mode = mode;
164 | 	props.startPosition = startPosition;
165 | 	props.labels = {};
166 | 	props.loop = loop;
167 | 	props.reversed = reversed;
168 | 	cjs.MovieClip.apply(this,[props]);
169 | 
170 | 	// Ebene_1
171 | 	this.shape = new cjs.Shape();
172 | 	this.shape.graphics.f("#1AFDAF").s().p("AgRASQgHgIAAgKQAAgJAHgIQAHgHAKAAQALAAAGAHQAIAIAAAJQAAAKgIAIQgGAHgLAAQgKAAgHgHg");
173 | 
174 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
175 | 
176 | 	this._renderFirstFrame();
177 | 
178 | }).prototype = p = new cjs.MovieClip();
179 | p.nominalBounds = new cjs.Rectangle(-2.5,-2.5,5,5);
180 | 
181 | 
182 | (lib.Tween11 = function(mode,startPosition,loop,reversed) {
183 | if (loop == null) { loop = true; }
184 | if (reversed == null) { reversed = false; }
185 | 	var props = new Object();
186 | 	props.mode = mode;
187 | 	props.startPosition = startPosition;
188 | 	props.labels = {};
189 | 	props.loop = loop;
190 | 	props.reversed = reversed;
191 | 	cjs.MovieClip.apply(this,[props]);
192 | 
193 | 	// Ebene_1
194 | 	this.shape = new cjs.Shape();
195 | 	this.shape.graphics.f("#1DCAD1").s().p("AgRASQgHgIAAgKQAAgJAHgIQAIgHAJAAQAKAAAHAHQAIAIAAAJQAAAKgIAIQgHAHgKAAQgJAAgIgHg");
196 | 
197 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
198 | 
199 | 	this._renderFirstFrame();
200 | 
201 | }).prototype = p = new cjs.MovieClip();
202 | p.nominalBounds = new cjs.Rectangle(-2.5,-2.5,5,5);
203 | 
204 | 
205 | (lib.Tween10 = function(mode,startPosition,loop,reversed) {
206 | if (loop == null) { loop = true; }
207 | if (reversed == null) { reversed = false; }
208 | 	var props = new Object();
209 | 	props.mode = mode;
210 | 	props.startPosition = startPosition;
211 | 	props.labels = {};
212 | 	props.loop = loop;
213 | 	props.reversed = reversed;
214 | 	cjs.MovieClip.apply(this,[props]);
215 | 
216 | 	// Ebene_1
217 | 	this.shape = new cjs.Shape();
218 | 	this.shape.graphics.f("#01E498").s().p("AhGBGQgdgdAAgpQAAgpAdgdQAegdAoAAQApAAAeAdQAdAdAAApQAAApgdAdQgeAegpAAQgoAAgegeg");
219 | 
220 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
221 | 
222 | 	this._renderFirstFrame();
223 | 
224 | }).prototype = p = new cjs.MovieClip();
225 | p.nominalBounds = new cjs.Rectangle(-10,-10,20,20);
226 | 
227 | 
228 | (lib.Tween9 = function(mode,startPosition,loop,reversed) {
229 | if (loop == null) { loop = true; }
230 | if (reversed == null) { reversed = false; }
231 | 	var props = new Object();
232 | 	props.mode = mode;
233 | 	props.startPosition = startPosition;
234 | 	props.labels = {};
235 | 	props.loop = loop;
236 | 	props.reversed = reversed;
237 | 	cjs.MovieClip.apply(this,[props]);
238 | 
239 | 	// Ebene_1
240 | 	this.shape = new cjs.Shape();
241 | 	this.shape.graphics.f("#01E498").s().p("AhGBGQgdgdAAgpQAAgpAdgdQAegdAoAAQApAAAeAdQAdAdAAApQAAApgdAdQgeAegpAAQgoAAgegeg");
242 | 
243 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
244 | 
245 | 	this._renderFirstFrame();
246 | 
247 | }).prototype = p = new cjs.MovieClip();
248 | p.nominalBounds = new cjs.Rectangle(-10,-10,20,20);
249 | 
250 | 
251 | (lib.Tween8 = function(mode,startPosition,loop,reversed) {
252 | if (loop == null) { loop = true; }
253 | if (reversed == null) { reversed = false; }
254 | 	var props = new Object();
255 | 	props.mode = mode;
256 | 	props.startPosition = startPosition;
257 | 	props.labels = {};
258 | 	props.loop = loop;
259 | 	props.reversed = reversed;
260 | 	cjs.MovieClip.apply(this,[props]);
261 | 
262 | 	// Ebene_1
263 | 	this.shape = new cjs.Shape();
264 | 	this.shape.graphics.f("#1AFDAF").s().p("AgxGQIAAsfIBjAAIAAMfg");
265 | 
266 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
267 | 
268 | 	this._renderFirstFrame();
269 | 
270 | }).prototype = p = new cjs.MovieClip();
271 | p.nominalBounds = new cjs.Rectangle(-5,-40,10,80);
272 | 
273 | 
274 | (lib.Tween7 = function(mode,startPosition,loop,reversed) {
275 | if (loop == null) { loop = true; }
276 | if (reversed == null) { reversed = false; }
277 | 	var props = new Object();
278 | 	props.mode = mode;
279 | 	props.startPosition = startPosition;
280 | 	props.labels = {};
281 | 	props.loop = loop;
282 | 	props.reversed = reversed;
283 | 	cjs.MovieClip.apply(this,[props]);
284 | 
285 | 	// Ebene_1
286 | 	this.shape = new cjs.Shape();
287 | 	this.shape.graphics.f("#1AFDAF").s().p("AgxGQIAAsfIBjAAIAAMfg");
288 | 
289 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
290 | 
291 | 	this._renderFirstFrame();
292 | 
293 | }).prototype = p = new cjs.MovieClip();
294 | p.nominalBounds = new cjs.Rectangle(-5,-40,10,80);
295 | 
296 | 
297 | (lib.Tween6 = function(mode,startPosition,loop,reversed) {
298 | if (loop == null) { loop = true; }
299 | if (reversed == null) { reversed = false; }
300 | 	var props = new Object();
301 | 	props.mode = mode;
302 | 	props.startPosition = startPosition;
303 | 	props.labels = {};
304 | 	props.loop = loop;
305 | 	props.reversed = reversed;
306 | 	cjs.MovieClip.apply(this,[props]);
307 | 
308 | 	// Ebene_1
309 | 	this.shape = new cjs.Shape();
310 | 	this.shape.graphics.f("#1DCAD1").s().p("AgxAyIAAhjIBjAAIAABjg");
311 | 
312 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
313 | 
314 | 	this._renderFirstFrame();
315 | 
316 | }).prototype = p = new cjs.MovieClip();
317 | p.nominalBounds = new cjs.Rectangle(-5,-5,10,10);
318 | 
319 | 
320 | (lib.Tween5 = function(mode,startPosition,loop,reversed) {
321 | if (loop == null) { loop = true; }
322 | if (reversed == null) { reversed = false; }
323 | 	var props = new Object();
324 | 	props.mode = mode;
325 | 	props.startPosition = startPosition;
326 | 	props.labels = {};
327 | 	props.loop = loop;
328 | 	props.reversed = reversed;
329 | 	cjs.MovieClip.apply(this,[props]);
330 | 
331 | 	// Ebene_1
332 | 	this.shape = new cjs.Shape();
333 | 	this.shape.graphics.f("#1DCAD1").s().p("AgxAyIAAhjIBjAAIAABjg");
334 | 
335 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
336 | 
337 | 	this._renderFirstFrame();
338 | 
339 | }).prototype = p = new cjs.MovieClip();
340 | p.nominalBounds = new cjs.Rectangle(-5,-5,10,10);
341 | 
342 | 
343 | (lib.Tween4 = function(mode,startPosition,loop,reversed) {
344 | if (loop == null) { loop = true; }
345 | if (reversed == null) { reversed = false; }
346 | 	var props = new Object();
347 | 	props.mode = mode;
348 | 	props.startPosition = startPosition;
349 | 	props.labels = {};
350 | 	props.loop = loop;
351 | 	props.reversed = reversed;
352 | 	cjs.MovieClip.apply(this,[props]);
353 | 
354 | 	// Ebene_1
355 | 	this.shape = new cjs.Shape();
356 | 	this.shape.graphics.f("#1AFDAF").s().p("AmPAyIAAhjIMfAAIAABjg");
357 | 
358 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
359 | 
360 | 	this._renderFirstFrame();
361 | 
362 | }).prototype = p = new cjs.MovieClip();
363 | p.nominalBounds = new cjs.Rectangle(-40,-5,80,10);
364 | 
365 | 
366 | (lib.Tween3 = function(mode,startPosition,loop,reversed) {
367 | if (loop == null) { loop = true; }
368 | if (reversed == null) { reversed = false; }
369 | 	var props = new Object();
370 | 	props.mode = mode;
371 | 	props.startPosition = startPosition;
372 | 	props.labels = {};
373 | 	props.loop = loop;
374 | 	props.reversed = reversed;
375 | 	cjs.MovieClip.apply(this,[props]);
376 | 
377 | 	// Ebene_1
378 | 	this.shape = new cjs.Shape();
379 | 	this.shape.graphics.f("#1AFDAF").s().p("AmPAyIAAhjIMfAAIAABjg");
380 | 
381 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
382 | 
383 | 	this._renderFirstFrame();
384 | 
385 | }).prototype = p = new cjs.MovieClip();
386 | p.nominalBounds = new cjs.Rectangle(-40,-5,80,10);
387 | 
388 | 
389 | (lib.Tween2 = function(mode,startPosition,loop,reversed) {
390 | if (loop == null) { loop = true; }
391 | if (reversed == null) { reversed = false; }
392 | 	var props = new Object();
393 | 	props.mode = mode;
394 | 	props.startPosition = startPosition;
395 | 	props.labels = {};
396 | 	props.loop = loop;
397 | 	props.reversed = reversed;
398 | 	cjs.MovieClip.apply(this,[props]);
399 | 
400 | 	// Ebene_1
401 | 	this.text = new cjs.Text("Brand", "40px 'Gotham'");
402 | 	this.text.lineHeight = 46;
403 | 	this.text.lineWidth = 122;
404 | 	this.text.parent = this;
405 | 	this.text.setTransform(-109.8,-34.45);
406 | 
407 | 	this.timeline.addTween(cjs.Tween.get(this.text).wait(1));
408 | 
409 | 	this._renderFirstFrame();
410 | 
411 | }).prototype = p = new cjs.MovieClip();
412 | p.nominalBounds = new cjs.Rectangle(-111.8,-36.4,125.5,52);
413 | 
414 | 
415 | (lib.Tween1 = function(mode,startPosition,loop,reversed) {
416 | if (loop == null) { loop = true; }
417 | if (reversed == null) { reversed = false; }
418 | 	var props = new Object();
419 | 	props.mode = mode;
420 | 	props.startPosition = startPosition;
421 | 	props.labels = {};
422 | 	props.loop = loop;
423 | 	props.reversed = reversed;
424 | 	cjs.MovieClip.apply(this,[props]);
425 | 
426 | 	// Ebene_1
427 | 	this.text = new cjs.Text("Brand", "40px 'Gotham'");
428 | 	this.text.lineHeight = 46;
429 | 	this.text.lineWidth = 121;
430 | 	this.text.parent = this;
431 | 	this.text.setTransform(-124.5,-24);
432 | 
433 | 	this.timeline.addTween(cjs.Tween.get(this.text).wait(1));
434 | 
435 | 	this._renderFirstFrame();
436 | 
437 | }).prototype = p = new cjs.MovieClip();
438 | p.nominalBounds = new cjs.Rectangle(-126.5,-26,125.4,52);
439 | 
440 | 
441 | // stage content:
442 | (lib.animation3 = function(mode,startPosition,loop,reversed) {
443 | if (loop == null) { loop = true; }
444 | if (reversed == null) { reversed = false; }
445 | 	var props = new Object();
446 | 	props.mode = mode;
447 | 	props.startPosition = startPosition;
448 | 	props.labels = {};
449 | 	props.loop = loop;
450 | 	props.reversed = reversed;
451 | 	cjs.MovieClip.apply(this,[props]);
452 | 
453 | 	// Titel
454 | 	this.instance = new lib.Tween1("synched",0);
455 | 	this.instance.setTransform(323.85,130);
456 | 
457 | 	this.instance_1 = new lib.Tween2("synched",0);
458 | 	this.instance_1.setTransform(310.15,116.95,1,1,-13.2605);
459 | 	this.instance_1.alpha = 0;
460 | 	this.instance_1._off = true;
461 | 
462 | 	this.timeline.addTween(cjs.Tween.get(this.instance).to({_off:true,rotation:-13.2605,x:310.15,y:116.95,alpha:0},24,cjs.Ease.circInOut).wait(161));
463 | 	this.timeline.addTween(cjs.Tween.get(this.instance_1).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},23).wait(10).to({_off:false,rotation:20.6921,x:302.2,y:157.1},0).to({rotation:0,x:309.05,y:140.45,alpha:1},19,cjs.Ease.circInOut).wait(27).to({startPosition:0},0).to({rotation:-27.4448,x:308.35,y:116.65,alpha:0},10,cjs.Ease.circInOut).wait(25).to({rotation:0,x:323.45,y:140.45},0).to({x:309.05,alpha:1},16,cjs.Ease.circInOut).wait(31));
464 | 
465 | 	// Icon_2
466 | 	this.instance_2 = new lib.Tween17("synched",0);
467 | 	this.instance_2.setTransform(262.95,128,0.3923,0.3923,-90);
468 | 	this.instance_2.alpha = 0;
469 | 	this.instance_2._off = true;
470 | 
471 | 	this.instance_3 = new lib.Tween18("synched",0);
472 | 	this.instance_3.setTransform(346,202);
473 | 	this.instance_3._off = true;
474 | 
475 | 	this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(57).to({_off:false},0).to({_off:true,scaleX:1,scaleY:1,rotation:0,x:346,y:202,alpha:1},19,cjs.Ease.circInOut).wait(109));
476 | 	this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(57).to({_off:false},19,cjs.Ease.circInOut).wait(27).to({startPosition:0},0).to({regX:0.1,scaleX:1.5,scaleY:1.5,rotation:74.9998,x:429.4,y:222.25,alpha:0},10,cjs.Ease.circInOut).to({_off:true},10).wait(62));
477 | 
478 | 	// Icon_1
479 | 	this.instance_4 = new lib.Tween15("synched",0);
480 | 	this.instance_4.setTransform(260.05,126.95,0.3728,0.3728,-75.002);
481 | 	this.instance_4.alpha = 0;
482 | 	this.instance_4._off = true;
483 | 
484 | 	this.instance_5 = new lib.Tween16("synched",0);
485 | 	this.instance_5.setTransform(186,58);
486 | 	this.instance_5._off = true;
487 | 
488 | 	this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(57).to({_off:false},0).to({_off:true,scaleX:1,scaleY:1,rotation:0,x:186,y:58,alpha:1},19,cjs.Ease.circInOut).wait(109));
489 | 	this.timeline.addTween(cjs.Tween.get(this.instance_5).wait(57).to({_off:false},19,cjs.Ease.circInOut).wait(27).to({startPosition:0},0).to({scaleX:1.46,scaleY:1.46,rotation:-75.0001,x:112.3,y:-9.4,alpha:0},10,cjs.Ease.circInOut).to({_off:true},10).wait(62));
490 | 
491 | 	// Kreis_1
492 | 	this.instance_6 = new lib.Tween9("synched",0);
493 | 	this.instance_6.setTransform(260,130.05,0.25,0.25,0,0,0,0,0.2);
494 | 	this.instance_6.alpha = 0;
495 | 	this.instance_6._off = true;
496 | 
497 | 	this.instance_7 = new lib.Tween10("synched",0);
498 | 	this.instance_7.setTransform(260,130);
499 | 	this.instance_7._off = true;
500 | 
501 | 	this.timeline.addTween(cjs.Tween.get(this.instance_6).wait(4).to({_off:false},0).to({_off:true,regY:0,scaleX:1,scaleY:1,y:130,alpha:1},8,cjs.Ease.circInOut).wait(173));
502 | 	this.timeline.addTween(cjs.Tween.get(this.instance_7).wait(4).to({_off:false},8,cjs.Ease.circInOut).wait(9).to({startPosition:0},0).to({scaleX:2,scaleY:2},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:5,scaleY:5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:2,scaleY:2},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({regX:0.1,regY:0.1,scaleX:1,scaleY:1,x:260.1,y:130.1},14,cjs.Ease.circInOut).wait(2).to({startPosition:0},0).to({regX:0.2,regY:0.2,scaleX:4.9997,scaleY:4.9997,x:261,y:131,alpha:0},13,cjs.Ease.circInOut).to({_off:true},10).wait(27));
503 | 
504 | 	// Kreis_9
505 | 	this.instance_8 = new lib.Tween13("synched",0);
506 | 	this.instance_8.setTransform(260,130);
507 | 	this.instance_8._off = true;
508 | 
509 | 	this.instance_9 = new lib.Tween14("synched",0);
510 | 	this.instance_9.setTransform(260.4,193,6,6);
511 | 	this.instance_9._off = true;
512 | 
513 | 	this.timeline.addTween(cjs.Tween.get(this.instance_8).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:260.4,y:193},23,cjs.Ease.circInOut).wait(141));
514 | 	this.timeline.addTween(cjs.Tween.get(this.instance_9).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:357.1,y:183.25},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:260,y:193},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
515 | 
516 | 	// Kreis_8
517 | 	this.instance_10 = new lib.Tween13("synched",0);
518 | 	this.instance_10.setTransform(260,130);
519 | 	this.instance_10._off = true;
520 | 
521 | 	this.instance_11 = new lib.Tween14("synched",0);
522 | 	this.instance_11.setTransform(260.4,68,6,6);
523 | 	this.instance_11._off = true;
524 | 
525 | 	this.timeline.addTween(cjs.Tween.get(this.instance_10).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:260.4,y:68},23,cjs.Ease.circInOut).wait(141));
526 | 	this.timeline.addTween(cjs.Tween.get(this.instance_11).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:188.05,y:57.85},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:260,y:68},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
527 | 
528 | 	// Kreis_7
529 | 	this.instance_12 = new lib.Tween13("synched",0);
530 | 	this.instance_12.setTransform(260,130);
531 | 	this.instance_12._off = true;
532 | 
533 | 	this.instance_13 = new lib.Tween14("synched",0);
534 | 	this.instance_13.setTransform(323,130.5,6,6);
535 | 	this.instance_13._off = true;
536 | 
537 | 	this.timeline.addTween(cjs.Tween.get(this.instance_12).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:323,y:130.5},23,cjs.Ease.circInOut).wait(141));
538 | 	this.timeline.addTween(cjs.Tween.get(this.instance_13).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:2,scaleY:2,x:432,y:50},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:5.9999,scaleY:5.9999,x:323.05,y:130},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
539 | 
540 | 	// Kreis_6
541 | 	this.instance_14 = new lib.Tween13("synched",0);
542 | 	this.instance_14.setTransform(260,130);
543 | 	this.instance_14._off = true;
544 | 
545 | 	this.instance_15 = new lib.Tween14("synched",0);
546 | 	this.instance_15.setTransform(198,130.5,6,6);
547 | 	this.instance_15._off = true;
548 | 
549 | 	this.timeline.addTween(cjs.Tween.get(this.instance_14).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:198,y:130.5},23,cjs.Ease.circInOut).wait(141));
550 | 	this.timeline.addTween(cjs.Tween.get(this.instance_15).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:2,scaleY:2,x:79.55,y:193.25},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:5.9999,scaleY:5.9999,x:198,y:130},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
551 | 
552 | 	// Kreis_5
553 | 	this.instance_16 = new lib.Tween11("synched",0);
554 | 	this.instance_16.setTransform(260,130);
555 | 	this.instance_16._off = true;
556 | 
557 | 	this.timeline.addTween(cjs.Tween.get(this.instance_16).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:291.45,y:161.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:277.9,y:222.95},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:2.9999,scaleY:2.9999,x:291.65,y:161.55},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({regX:0.1,regY:0.1,scaleX:1,scaleY:1,x:260.1,y:130.1},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
558 | 
559 | 	// Kreis_4
560 | 	this.instance_17 = new lib.Tween11("synched",0);
561 | 	this.instance_17.setTransform(260,130);
562 | 	this.instance_17._off = true;
563 | 
564 | 	this.timeline.addTween(cjs.Tween.get(this.instance_17).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:229.2,y:161.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:180.55,y:220.5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:229.15,y:161.55},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
565 | 
566 | 	// Kreis_3
567 | 	this.instance_18 = new lib.Tween11("synched",0);
568 | 	this.instance_18.setTransform(260,130);
569 | 	this.instance_18._off = true;
570 | 
571 | 	this.timeline.addTween(cjs.Tween.get(this.instance_18).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:229.2,y:99.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:288.2,y:47.5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:229.15,y:98.9},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
572 | 
573 | 	// Kreis_2
574 | 	this.instance_19 = new lib.Tween11("synched",0);
575 | 	this.instance_19.setTransform(260,130);
576 | 	this.instance_19._off = true;
577 | 
578 | 	this.timeline.addTween(cjs.Tween.get(this.instance_19).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:291.7,y:99.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:312.5,y:85.5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:2.9999,scaleY:2.9999,x:291.65,y:99.35},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
579 | 
580 | 	// Line_3
581 | 	this.instance_20 = new lib.Tween3("synched",0);
582 | 	this.instance_20.setTransform(480,255);
583 | 
584 | 	this.instance_21 = new lib.Tween4("synched",0);
585 | 	this.instance_21.setTransform(274.75,255,2.5488,1,0,0,0,0.1,0);
586 | 	this.instance_21.alpha = 0;
587 | 	this.instance_21._off = true;
588 | 
589 | 	this.timeline.addTween(cjs.Tween.get(this.instance_20).to({_off:true,regX:0.1,scaleX:2.5488,x:274.75,alpha:0},24,cjs.Ease.circInOut).wait(161));
590 | 	this.timeline.addTween(cjs.Tween.get(this.instance_21).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},4).wait(107).to({_off:false},0).to({regX:0.2,scaleX:1,x:480.2,alpha:1},18,cjs.Ease.circInOut).wait(32));
591 | 
592 | 	// Line_2
593 | 	this.instance_22 = new lib.Tween5("synched",0);
594 | 	this.instance_22.setTransform(43.75,5);
595 | 
596 | 	this.instance_23 = new lib.Tween6("synched",0);
597 | 	this.instance_23.setTransform(43.75,152.95,1,9.9,0,0,0,0,0.5);
598 | 	this.instance_23.alpha = 0;
599 | 	this.instance_23._off = true;
600 | 
601 | 	this.timeline.addTween(cjs.Tween.get(this.instance_22).to({_off:true,regY:0.5,scaleY:9.9,y:152.95,alpha:0},24,cjs.Ease.circInOut).wait(161));
602 | 	this.timeline.addTween(cjs.Tween.get(this.instance_23).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},4).wait(107).to({_off:false},0).to({regY:0.6,scaleY:1,y:5.6,alpha:1},18,cjs.Ease.circInOut).wait(32));
603 | 
604 | 	// Line_1
605 | 	this.instance_24 = new lib.Tween7("synched",0);
606 | 	this.instance_24.setTransform(5,40);
607 | 
608 | 	this.instance_25 = new lib.Tween8("synched",0);
609 | 	this.instance_25.setTransform(5,160.5,1,0.3375);
610 | 	this.instance_25.alpha = 0;
611 | 	this.instance_25._off = true;
612 | 
613 | 	this.timeline.addTween(cjs.Tween.get(this.instance_24).to({_off:true,scaleY:0.3375,y:160.5,alpha:0},24,cjs.Ease.circInOut).wait(161));
614 | 	this.timeline.addTween(cjs.Tween.get(this.instance_25).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},4).wait(107).to({_off:false},0).to({scaleY:1,y:40,alpha:1},18,cjs.Ease.circInOut).wait(32));
615 | 
616 | 	this._renderFirstFrame();
617 | 
618 | }).prototype = p = new lib.AnMovieClip();
619 | p.nominalBounds = new cjs.Rectangle(260,68.6,260,204.29999999999998);
620 | // library properties:
621 | lib.properties = {
622 | 	id: '461BE263A46F40348AC50F8CB46AE189',
623 | 	width: 520,
624 | 	height: 260,
625 | 	fps: 24,
626 | 	color: "#FFFFFF",
627 | 	opacity: 1.00,
628 | 	manifest: [
629 | 		{src:"images/animation3_atlas_1.png", id:"animation3_atlas_1"}
630 | 	],
631 | 	preloads: []
632 | };
633 | 
634 | 
635 | 
636 | // bootstrap callback support:
637 | 
638 | (lib.Stage = function(canvas) {
639 | 	createjs.Stage.call(this, canvas);
640 | }).prototype = p = new createjs.Stage();
641 | 
642 | p.setAutoPlay = function(autoPlay) {
643 | 	this.tickEnabled = autoPlay;
644 | }
645 | p.play = function() { this.tickEnabled = true; this.getChildAt(0).gotoAndPlay(this.getTimelinePosition()) }
646 | p.stop = function(ms) { if(ms) this.seek(ms); this.tickEnabled = false; }
647 | p.seek = function(ms) { this.tickEnabled = true; this.getChildAt(0).gotoAndStop(lib.properties.fps * ms / 1000); }
648 | p.getDuration = function() { return this.getChildAt(0).totalFrames / lib.properties.fps * 1000; }
649 | 
650 | p.getTimelinePosition = function() { return this.getChildAt(0).currentFrame / lib.properties.fps * 1000; }
651 | 
652 | an.bootcompsLoaded = an.bootcompsLoaded || [];
653 | if(!an.bootstrapListeners) {
654 | 	an.bootstrapListeners=[];
655 | }
656 | 
657 | an.bootstrapCallback=function(fnCallback) {
658 | 	an.bootstrapListeners.push(fnCallback);
659 | 	if(an.bootcompsLoaded.length > 0) {
660 | 		for(var i=0; i<an.bootcompsLoaded.length; ++i) {
661 | 			fnCallback(an.bootcompsLoaded[i]);
662 | 		}
663 | 	}
664 | };
665 | 
666 | an.compositions = an.compositions || {};
667 | an.compositions['461BE263A46F40348AC50F8CB46AE189'] = {
668 | 	getStage: function() { return exportRoot.stage; },
669 | 	getLibrary: function() { return lib; },
670 | 	getSpriteSheet: function() { return ss; },
671 | 	getImages: function() { return img; }
672 | };
673 | 
674 | an.compositionLoaded = function(id) {
675 | 	an.bootcompsLoaded.push(id);
676 | 	for(var j=0; j<an.bootstrapListeners.length; j++) {
677 | 		an.bootstrapListeners[j](id);
678 | 	}
679 | }
680 | 
681 | an.getComposition = function(id) {
682 | 	return an.compositions[id];
683 | }
684 | 
685 | 
686 | an.makeResponsive = function(isResp, respDim, isScale, scaleType, domContainers) {		
687 | 	var lastW, lastH, lastS=1;		
688 | 	window.addEventListener('resize', resizeCanvas);		
689 | 	resizeCanvas();		
690 | 	function resizeCanvas() {			
691 | 		var w = lib.properties.width, h = lib.properties.height;			
692 | 		var iw = window.innerWidth, ih=window.innerHeight;			
693 | 		var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;			
694 | 		if(isResp) {                
695 | 			if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {                    
696 | 				sRatio = lastS;                
697 | 			}				
698 | 			else if(!isScale) {					
699 | 				if(iw<w || ih<h)						
700 | 					sRatio = Math.min(xRatio, yRatio);				
701 | 			}				
702 | 			else if(scaleType==1) {					
703 | 				sRatio = Math.min(xRatio, yRatio);				
704 | 			}				
705 | 			else if(scaleType==2) {					
706 | 				sRatio = Math.max(xRatio, yRatio);				
707 | 			}			
708 | 		}
709 | 		domContainers[0].width = w * pRatio * sRatio;			
710 | 		domContainers[0].height = h * pRatio * sRatio;
711 | 		domContainers.forEach(function(container) {				
712 | 			container.style.width = w * sRatio + 'px';				
713 | 			container.style.height = h * sRatio + 'px';			
714 | 		});
715 | 		stage.scaleX = pRatio*sRatio;			
716 | 		stage.scaleY = pRatio*sRatio;
717 | 		lastW = iw; lastH = ih; lastS = sRatio;            
718 | 		stage.tickOnUpdate = false;            
719 | 		stage.update();            
720 | 		stage.tickOnUpdate = true;		
721 | 	}
722 | }
723 | an.handleSoundStreamOnTick = function(event) {
724 | 	if(!event.paused){
725 | 		var stageChild = stage.getChildAt(0);
726 | 		if(!stageChild.paused || stageChild.ignorePause){
727 | 			stageChild.syncStreamSounds();
728 | 		}
729 | 	}
730 | }
731 | an.handleFilterCache = function(event) {
732 | 	if(!event.paused){
733 | 		var target = event.target;
734 | 		if(target){
735 | 			if(target.filterCacheList){
736 | 				for(var index = 0; index < target.filterCacheList.length ; index++){
737 | 					var cacheInst = target.filterCacheList[index];
738 | 					if((cacheInst.startFrame <= target.currentFrame) && (target.currentFrame <= cacheInst.endFrame)){
739 | 						cacheInst.instance.cache(cacheInst.x, cacheInst.y, cacheInst.w, cacheInst.h);
740 | 					}
741 | 				}
742 | 			}
743 | 		}
744 | 	}
745 | }
746 | 
747 | 
748 | })(createjs = createjs||{}, AdobeAn = AdobeAn||{});
749 | var createjs, AdobeAn;


--------------------------------------------------------------------------------
/_tests/data/animation4/animation4.js:
--------------------------------------------------------------------------------
  1 | (function (cjs, an) {
  2 | 
  3 | var p; // shortcut to reference prototypes
  4 | var lib={};var ss={};var img={};
  5 | lib.ssMetadata = [
  6 | 		{name:"animation4_atlas_1", frames: [[0,0,70,58],[0,60,62,58]]}
  7 | ];
  8 | 
  9 | 
 10 | (lib.AnMovieClip = function(){
 11 | 	this.actionFrames = [];
 12 | 	this.ignorePause = false;
 13 | 	this.gotoAndPlay = function(positionOrLabel){
 14 | 		cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel);
 15 | 	}
 16 | 	this.play = function(){
 17 | 		cjs.MovieClip.prototype.play.call(this);
 18 | 	}
 19 | 	this.gotoAndStop = function(positionOrLabel){
 20 | 		cjs.MovieClip.prototype.gotoAndStop.call(this,positionOrLabel);
 21 | 	}
 22 | 	this.stop = function(){
 23 | 		cjs.MovieClip.prototype.stop.call(this);
 24 | 	}
 25 | }).prototype = p = new cjs.MovieClip();
 26 | // symbols:
 27 | 
 28 | 
 29 | 
 30 | (lib._01 = function() {
 31 | 	this.initialize(ss["animation4_atlas_1"]);
 32 | 	this.gotoAndStop(0);
 33 | }).prototype = p = new cjs.Sprite();
 34 | 
 35 | 
 36 | 
 37 | (lib._02 = function() {
 38 | 	this.initialize(ss["animation4_atlas_1"]);
 39 | 	this.gotoAndStop(1);
 40 | }).prototype = p = new cjs.Sprite();
 41 | 
 42 | 
 43 | 
 44 | (lib.Tween18 = function(mode,startPosition,loop,reversed) {
 45 | if (loop == null) { loop = true; }
 46 | if (reversed == null) { reversed = false; }
 47 | 	var props = new Object();
 48 | 	props.mode = mode;
 49 | 	props.startPosition = startPosition;
 50 | 	props.labels = {};
 51 | 	props.loop = loop;
 52 | 	props.reversed = reversed;
 53 | 	cjs.MovieClip.apply(this,[props]);
 54 | 
 55 | 	// Ebene_1
 56 | 	this.instance = new lib._02();
 57 | 	this.instance.setTransform(-36,-26);
 58 | 
 59 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
 60 | 
 61 | 	this._renderFirstFrame();
 62 | 
 63 | }).prototype = p = new cjs.MovieClip();
 64 | p.nominalBounds = new cjs.Rectangle(-36,-26,62,58);
 65 | 
 66 | 
 67 | (lib.Tween17 = function(mode,startPosition,loop,reversed) {
 68 | if (loop == null) { loop = true; }
 69 | if (reversed == null) { reversed = false; }
 70 | 	var props = new Object();
 71 | 	props.mode = mode;
 72 | 	props.startPosition = startPosition;
 73 | 	props.labels = {};
 74 | 	props.loop = loop;
 75 | 	props.reversed = reversed;
 76 | 	cjs.MovieClip.apply(this,[props]);
 77 | 
 78 | 	// Ebene_1
 79 | 	this.instance = new lib._02();
 80 | 	this.instance.setTransform(-36,-26);
 81 | 
 82 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
 83 | 
 84 | 	this._renderFirstFrame();
 85 | 
 86 | }).prototype = p = new cjs.MovieClip();
 87 | p.nominalBounds = new cjs.Rectangle(-36,-26,62,58);
 88 | 
 89 | 
 90 | (lib.Tween16 = function(mode,startPosition,loop,reversed) {
 91 | if (loop == null) { loop = true; }
 92 | if (reversed == null) { reversed = false; }
 93 | 	var props = new Object();
 94 | 	props.mode = mode;
 95 | 	props.startPosition = startPosition;
 96 | 	props.labels = {};
 97 | 	props.loop = loop;
 98 | 	props.reversed = reversed;
 99 | 	cjs.MovieClip.apply(this,[props]);
100 | 
101 | 	// Ebene_1
102 | 	this.instance = new lib._01();
103 | 	this.instance.setTransform(-42.5,-35);
104 | 
105 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
106 | 
107 | 	this._renderFirstFrame();
108 | 
109 | }).prototype = p = new cjs.MovieClip();
110 | p.nominalBounds = new cjs.Rectangle(-42.5,-35,70,58);
111 | 
112 | 
113 | (lib.Tween15 = function(mode,startPosition,loop,reversed) {
114 | if (loop == null) { loop = true; }
115 | if (reversed == null) { reversed = false; }
116 | 	var props = new Object();
117 | 	props.mode = mode;
118 | 	props.startPosition = startPosition;
119 | 	props.labels = {};
120 | 	props.loop = loop;
121 | 	props.reversed = reversed;
122 | 	cjs.MovieClip.apply(this,[props]);
123 | 
124 | 	// Ebene_1
125 | 	this.instance = new lib._01();
126 | 	this.instance.setTransform(-42.5,-35);
127 | 
128 | 	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
129 | 
130 | 	this._renderFirstFrame();
131 | 
132 | }).prototype = p = new cjs.MovieClip();
133 | p.nominalBounds = new cjs.Rectangle(-42.5,-35,70,58);
134 | 
135 | 
136 | (lib.Tween14 = function(mode,startPosition,loop,reversed) {
137 | if (loop == null) { loop = true; }
138 | if (reversed == null) { reversed = false; }
139 | 	var props = new Object();
140 | 	props.mode = mode;
141 | 	props.startPosition = startPosition;
142 | 	props.labels = {};
143 | 	props.loop = loop;
144 | 	props.reversed = reversed;
145 | 	cjs.MovieClip.apply(this,[props]);
146 | 
147 | 	// Ebene_1
148 | 	this.shape = new cjs.Shape();
149 | 	this.shape.graphics.f("#1AFDAF").s().p("AgRASQgHgIAAgKQAAgJAHgIQAHgHAKAAQALAAAGAHQAIAIAAAJQAAAKgIAIQgGAHgLAAQgKAAgHgHg");
150 | 
151 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
152 | 
153 | 	this._renderFirstFrame();
154 | 
155 | }).prototype = p = new cjs.MovieClip();
156 | p.nominalBounds = new cjs.Rectangle(-2.5,-2.5,5,5);
157 | 
158 | 
159 | (lib.Tween13 = function(mode,startPosition,loop,reversed) {
160 | if (loop == null) { loop = true; }
161 | if (reversed == null) { reversed = false; }
162 | 	var props = new Object();
163 | 	props.mode = mode;
164 | 	props.startPosition = startPosition;
165 | 	props.labels = {};
166 | 	props.loop = loop;
167 | 	props.reversed = reversed;
168 | 	cjs.MovieClip.apply(this,[props]);
169 | 
170 | 	// Ebene_1
171 | 	this.shape = new cjs.Shape();
172 | 	this.shape.graphics.f("#1AFDAF").s().p("AgRASQgHgIAAgKQAAgJAHgIQAHgHAKAAQALAAAGAHQAIAIAAAJQAAAKgIAIQgGAHgLAAQgKAAgHgHg");
173 | 
174 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
175 | 
176 | 	this._renderFirstFrame();
177 | 
178 | }).prototype = p = new cjs.MovieClip();
179 | p.nominalBounds = new cjs.Rectangle(-2.5,-2.5,5,5);
180 | 
181 | 
182 | (lib.Tween11 = function(mode,startPosition,loop,reversed) {
183 | if (loop == null) { loop = true; }
184 | if (reversed == null) { reversed = false; }
185 | 	var props = new Object();
186 | 	props.mode = mode;
187 | 	props.startPosition = startPosition;
188 | 	props.labels = {};
189 | 	props.loop = loop;
190 | 	props.reversed = reversed;
191 | 	cjs.MovieClip.apply(this,[props]);
192 | 
193 | 	// Ebene_1
194 | 	this.shape = new cjs.Shape();
195 | 	this.shape.graphics.f("#1DCAD1").s().p("AgRASQgHgIAAgKQAAgJAHgIQAIgHAJAAQAKAAAHAHQAIAIAAAJQAAAKgIAIQgHAHgKAAQgJAAgIgHg");
196 | 
197 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
198 | 
199 | 	this._renderFirstFrame();
200 | 
201 | }).prototype = p = new cjs.MovieClip();
202 | p.nominalBounds = new cjs.Rectangle(-2.5,-2.5,5,5);
203 | 
204 | 
205 | (lib.Tween10 = function(mode,startPosition,loop,reversed) {
206 | if (loop == null) { loop = true; }
207 | if (reversed == null) { reversed = false; }
208 | 	var props = new Object();
209 | 	props.mode = mode;
210 | 	props.startPosition = startPosition;
211 | 	props.labels = {};
212 | 	props.loop = loop;
213 | 	props.reversed = reversed;
214 | 	cjs.MovieClip.apply(this,[props]);
215 | 
216 | 	// Ebene_1
217 | 	this.shape = new cjs.Shape();
218 | 	this.shape.graphics.f("#01E498").s().p("AhGBGQgdgdAAgpQAAgpAdgdQAegdAoAAQApAAAeAdQAdAdAAApQAAApgdAdQgeAegpAAQgoAAgegeg");
219 | 
220 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
221 | 
222 | 	this._renderFirstFrame();
223 | 
224 | }).prototype = p = new cjs.MovieClip();
225 | p.nominalBounds = new cjs.Rectangle(-10,-10,20,20);
226 | 
227 | 
228 | (lib.Tween9 = function(mode,startPosition,loop,reversed) {
229 | if (loop == null) { loop = true; }
230 | if (reversed == null) { reversed = false; }
231 | 	var props = new Object();
232 | 	props.mode = mode;
233 | 	props.startPosition = startPosition;
234 | 	props.labels = {};
235 | 	props.loop = loop;
236 | 	props.reversed = reversed;
237 | 	cjs.MovieClip.apply(this,[props]);
238 | 
239 | 	// Ebene_1
240 | 	this.shape = new cjs.Shape();
241 | 	this.shape.graphics.f("#01E498").s().p("AhGBGQgdgdAAgpQAAgpAdgdQAegdAoAAQApAAAeAdQAdAdAAApQAAApgdAdQgeAegpAAQgoAAgegeg");
242 | 
243 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
244 | 
245 | 	this._renderFirstFrame();
246 | 
247 | }).prototype = p = new cjs.MovieClip();
248 | p.nominalBounds = new cjs.Rectangle(-10,-10,20,20);
249 | 
250 | 
251 | (lib.Tween8 = function(mode,startPosition,loop,reversed) {
252 | if (loop == null) { loop = true; }
253 | if (reversed == null) { reversed = false; }
254 | 	var props = new Object();
255 | 	props.mode = mode;
256 | 	props.startPosition = startPosition;
257 | 	props.labels = {};
258 | 	props.loop = loop;
259 | 	props.reversed = reversed;
260 | 	cjs.MovieClip.apply(this,[props]);
261 | 
262 | 	// Ebene_1
263 | 	this.shape = new cjs.Shape();
264 | 	this.shape.graphics.f("#1AFDAF").s().p("AgxGQIAAsfIBjAAIAAMfg");
265 | 
266 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
267 | 
268 | 	this._renderFirstFrame();
269 | 
270 | }).prototype = p = new cjs.MovieClip();
271 | p.nominalBounds = new cjs.Rectangle(-5,-40,10,80);
272 | 
273 | 
274 | (lib.Tween7 = function(mode,startPosition,loop,reversed) {
275 | if (loop == null) { loop = true; }
276 | if (reversed == null) { reversed = false; }
277 | 	var props = new Object();
278 | 	props.mode = mode;
279 | 	props.startPosition = startPosition;
280 | 	props.labels = {};
281 | 	props.loop = loop;
282 | 	props.reversed = reversed;
283 | 	cjs.MovieClip.apply(this,[props]);
284 | 
285 | 	// Ebene_1
286 | 	this.shape = new cjs.Shape();
287 | 	this.shape.graphics.f("#1AFDAF").s().p("AgxGQIAAsfIBjAAIAAMfg");
288 | 
289 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
290 | 
291 | 	this._renderFirstFrame();
292 | 
293 | }).prototype = p = new cjs.MovieClip();
294 | p.nominalBounds = new cjs.Rectangle(-5,-40,10,80);
295 | 
296 | 
297 | (lib.Tween6 = function(mode,startPosition,loop,reversed) {
298 | if (loop == null) { loop = true; }
299 | if (reversed == null) { reversed = false; }
300 | 	var props = new Object();
301 | 	props.mode = mode;
302 | 	props.startPosition = startPosition;
303 | 	props.labels = {};
304 | 	props.loop = loop;
305 | 	props.reversed = reversed;
306 | 	cjs.MovieClip.apply(this,[props]);
307 | 
308 | 	// Ebene_1
309 | 	this.shape = new cjs.Shape();
310 | 	this.shape.graphics.f("#1DCAD1").s().p("AgxAyIAAhjIBjAAIAABjg");
311 | 
312 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
313 | 
314 | 	this._renderFirstFrame();
315 | 
316 | }).prototype = p = new cjs.MovieClip();
317 | p.nominalBounds = new cjs.Rectangle(-5,-5,10,10);
318 | 
319 | 
320 | (lib.Tween5 = function(mode,startPosition,loop,reversed) {
321 | if (loop == null) { loop = true; }
322 | if (reversed == null) { reversed = false; }
323 | 	var props = new Object();
324 | 	props.mode = mode;
325 | 	props.startPosition = startPosition;
326 | 	props.labels = {};
327 | 	props.loop = loop;
328 | 	props.reversed = reversed;
329 | 	cjs.MovieClip.apply(this,[props]);
330 | 
331 | 	// Ebene_1
332 | 	this.shape = new cjs.Shape();
333 | 	this.shape.graphics.f("#1DCAD1").s().p("AgxAyIAAhjIBjAAIAABjg");
334 | 
335 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
336 | 
337 | 	this._renderFirstFrame();
338 | 
339 | }).prototype = p = new cjs.MovieClip();
340 | p.nominalBounds = new cjs.Rectangle(-5,-5,10,10);
341 | 
342 | 
343 | (lib.Tween4 = function(mode,startPosition,loop,reversed) {
344 | if (loop == null) { loop = true; }
345 | if (reversed == null) { reversed = false; }
346 | 	var props = new Object();
347 | 	props.mode = mode;
348 | 	props.startPosition = startPosition;
349 | 	props.labels = {};
350 | 	props.loop = loop;
351 | 	props.reversed = reversed;
352 | 	cjs.MovieClip.apply(this,[props]);
353 | 
354 | 	// Ebene_1
355 | 	this.shape = new cjs.Shape();
356 | 	this.shape.graphics.f("#1AFDAF").s().p("AmPAyIAAhjIMfAAIAABjg");
357 | 
358 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
359 | 
360 | 	this._renderFirstFrame();
361 | 
362 | }).prototype = p = new cjs.MovieClip();
363 | p.nominalBounds = new cjs.Rectangle(-40,-5,80,10);
364 | 
365 | 
366 | (lib.Tween3 = function(mode,startPosition,loop,reversed) {
367 | if (loop == null) { loop = true; }
368 | if (reversed == null) { reversed = false; }
369 | 	var props = new Object();
370 | 	props.mode = mode;
371 | 	props.startPosition = startPosition;
372 | 	props.labels = {};
373 | 	props.loop = loop;
374 | 	props.reversed = reversed;
375 | 	cjs.MovieClip.apply(this,[props]);
376 | 
377 | 	// Ebene_1
378 | 	this.shape = new cjs.Shape();
379 | 	this.shape.graphics.f("#1AFDAF").s().p("AmPAyIAAhjIMfAAIAABjg");
380 | 
381 | 	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
382 | 
383 | 	this._renderFirstFrame();
384 | 
385 | }).prototype = p = new cjs.MovieClip();
386 | p.nominalBounds = new cjs.Rectangle(-40,-5,80,10);
387 | 
388 | 
389 | (lib.Tween2 = function(mode,startPosition,loop,reversed) {
390 | if (loop == null) { loop = true; }
391 | if (reversed == null) { reversed = false; }
392 | 	var props = new Object();
393 | 	props.mode = mode;
394 | 	props.startPosition = startPosition;
395 | 	props.labels = {};
396 | 	props.loop = loop;
397 | 	props.reversed = reversed;
398 | 	cjs.MovieClip.apply(this,[props]);
399 | 
400 | 	// Ebene_1
401 | 	this.text = new cjs.Text("Brand", "40px 'Gotham'");
402 | 	this.text.lineHeight = 46;
403 | 	this.text.lineWidth = 122;
404 | 	this.text.parent = this;
405 | 	this.text.setTransform(-109.8,-34.45);
406 | 
407 | 	this.timeline.addTween(cjs.Tween.get(this.text).wait(1));
408 | 
409 | 	this._renderFirstFrame();
410 | 
411 | }).prototype = p = new cjs.MovieClip();
412 | p.nominalBounds = new cjs.Rectangle(-111.8,-36.4,125.5,52);
413 | 
414 | 
415 | (lib.Tween1 = function(mode,startPosition,loop,reversed) {
416 | if (loop == null) { loop = true; }
417 | if (reversed == null) { reversed = false; }
418 | 	var props = new Object();
419 | 	props.mode = mode;
420 | 	props.startPosition = startPosition;
421 | 	props.labels = {};
422 | 	props.loop = loop;
423 | 	props.reversed = reversed;
424 | 	cjs.MovieClip.apply(this,[props]);
425 | 
426 | 	// Ebene_1
427 | 	this.text = new cjs.Text("Brand", "40px 'Gotham'");
428 | 	this.text.lineHeight = 46;
429 | 	this.text.lineWidth = 121;
430 | 	this.text.parent = this;
431 | 	this.text.setTransform(-124.5,-24);
432 | 
433 | 	this.timeline.addTween(cjs.Tween.get(this.text).wait(1));
434 | 
435 | 	this._renderFirstFrame();
436 | 
437 | }).prototype = p = new cjs.MovieClip();
438 | p.nominalBounds = new cjs.Rectangle(-126.5,-26,125.4,52);
439 | 
440 | 
441 | // stage content:
442 | (lib.animation4 = function(mode,startPosition,loop,reversed) {
443 | if (loop == null) { loop = true; }
444 | if (reversed == null) { reversed = false; }
445 | 	var props = new Object();
446 | 	props.mode = mode;
447 | 	props.startPosition = startPosition;
448 | 	props.labels = {};
449 | 	props.loop = loop;
450 | 	props.reversed = reversed;
451 | 	cjs.MovieClip.apply(this,[props]);
452 | 
453 | 	// Titel
454 | 	this.instance = new lib.Tween1("synched",0);
455 | 	this.instance.setTransform(323.85,130);
456 | 
457 | 	this.instance_1 = new lib.Tween2("synched",0);
458 | 	this.instance_1.setTransform(310.15,116.95,1,1,-13.2605);
459 | 	this.instance_1.alpha = 0;
460 | 	this.instance_1._off = true;
461 | 
462 | 	this.timeline.addTween(cjs.Tween.get(this.instance).to({_off:true,rotation:-13.2605,x:310.15,y:116.95,alpha:0},24,cjs.Ease.circInOut).wait(161));
463 | 	this.timeline.addTween(cjs.Tween.get(this.instance_1).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},23).wait(10).to({_off:false,rotation:20.6921,x:302.2,y:157.1},0).to({rotation:0,x:309.05,y:140.45,alpha:1},19,cjs.Ease.circInOut).wait(27).to({startPosition:0},0).to({rotation:-27.4448,x:308.35,y:116.65,alpha:0},10,cjs.Ease.circInOut).wait(25).to({rotation:0,x:323.45,y:140.45},0).to({x:309.05,alpha:1},16,cjs.Ease.circInOut).wait(31));
464 | 
465 | 	// Icon_2
466 | 	this.instance_2 = new lib.Tween17("synched",0);
467 | 	this.instance_2.setTransform(262.95,128,0.3923,0.3923,-90);
468 | 	this.instance_2.alpha = 0;
469 | 	this.instance_2._off = true;
470 | 
471 | 	this.instance_3 = new lib.Tween18("synched",0);
472 | 	this.instance_3.setTransform(346,202);
473 | 	this.instance_3._off = true;
474 | 
475 | 	this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(57).to({_off:false},0).to({_off:true,scaleX:1,scaleY:1,rotation:0,x:346,y:202,alpha:1},19,cjs.Ease.circInOut).wait(109));
476 | 	this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(57).to({_off:false},19,cjs.Ease.circInOut).wait(27).to({startPosition:0},0).to({regX:0.1,scaleX:1.5,scaleY:1.5,rotation:74.9998,x:429.4,y:222.25,alpha:0},10,cjs.Ease.circInOut).to({_off:true},10).wait(62));
477 | 
478 | 	// Icon_1
479 | 	this.instance_4 = new lib.Tween15("synched",0);
480 | 	this.instance_4.setTransform(260.05,126.95,0.3728,0.3728,-75.002);
481 | 	this.instance_4.alpha = 0;
482 | 	this.instance_4._off = true;
483 | 
484 | 	this.instance_5 = new lib.Tween16("synched",0);
485 | 	this.instance_5.setTransform(186,58);
486 | 	this.instance_5._off = true;
487 | 
488 | 	this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(57).to({_off:false},0).to({_off:true,scaleX:1,scaleY:1,rotation:0,x:186,y:58,alpha:1},19,cjs.Ease.circInOut).wait(109));
489 | 	this.timeline.addTween(cjs.Tween.get(this.instance_5).wait(57).to({_off:false},19,cjs.Ease.circInOut).wait(27).to({startPosition:0},0).to({scaleX:1.46,scaleY:1.46,rotation:-75.0001,x:112.3,y:-9.4,alpha:0},10,cjs.Ease.circInOut).to({_off:true},10).wait(62));
490 | 
491 | 	// Kreis_1
492 | 	this.instance_6 = new lib.Tween9("synched",0);
493 | 	this.instance_6.setTransform(260,130.05,0.25,0.25,0,0,0,0,0.2);
494 | 	this.instance_6.alpha = 0;
495 | 	this.instance_6._off = true;
496 | 
497 | 	this.instance_7 = new lib.Tween10("synched",0);
498 | 	this.instance_7.setTransform(260,130);
499 | 	this.instance_7._off = true;
500 | 
501 | 	this.timeline.addTween(cjs.Tween.get(this.instance_6).wait(4).to({_off:false},0).to({_off:true,regY:0,scaleX:1,scaleY:1,y:130,alpha:1},8,cjs.Ease.circInOut).wait(173));
502 | 	this.timeline.addTween(cjs.Tween.get(this.instance_7).wait(4).to({_off:false},8,cjs.Ease.circInOut).wait(9).to({startPosition:0},0).to({scaleX:2,scaleY:2},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:5,scaleY:5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:2,scaleY:2},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({regX:0.1,regY:0.1,scaleX:1,scaleY:1,x:260.1,y:130.1},14,cjs.Ease.circInOut).wait(2).to({startPosition:0},0).to({regX:0.2,regY:0.2,scaleX:4.9997,scaleY:4.9997,x:261,y:131,alpha:0},13,cjs.Ease.circInOut).to({_off:true},10).wait(27));
503 | 
504 | 	// Kreis_9
505 | 	this.instance_8 = new lib.Tween13("synched",0);
506 | 	this.instance_8.setTransform(260,130);
507 | 	this.instance_8._off = true;
508 | 
509 | 	this.instance_9 = new lib.Tween14("synched",0);
510 | 	this.instance_9.setTransform(260.4,193,6,6);
511 | 	this.instance_9._off = true;
512 | 
513 | 	this.timeline.addTween(cjs.Tween.get(this.instance_8).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:260.4,y:193},23,cjs.Ease.circInOut).wait(141));
514 | 	this.timeline.addTween(cjs.Tween.get(this.instance_9).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:357.1,y:183.25},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:260,y:193},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
515 | 
516 | 	// Kreis_8
517 | 	this.instance_10 = new lib.Tween13("synched",0);
518 | 	this.instance_10.setTransform(260,130);
519 | 	this.instance_10._off = true;
520 | 
521 | 	this.instance_11 = new lib.Tween14("synched",0);
522 | 	this.instance_11.setTransform(260.4,68,6,6);
523 | 	this.instance_11._off = true;
524 | 
525 | 	this.timeline.addTween(cjs.Tween.get(this.instance_10).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:260.4,y:68},23,cjs.Ease.circInOut).wait(141));
526 | 	this.timeline.addTween(cjs.Tween.get(this.instance_11).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:188.05,y:57.85},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:260,y:68},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
527 | 
528 | 	// Kreis_7
529 | 	this.instance_12 = new lib.Tween13("synched",0);
530 | 	this.instance_12.setTransform(260,130);
531 | 	this.instance_12._off = true;
532 | 
533 | 	this.instance_13 = new lib.Tween14("synched",0);
534 | 	this.instance_13.setTransform(323,130.5,6,6);
535 | 	this.instance_13._off = true;
536 | 
537 | 	this.timeline.addTween(cjs.Tween.get(this.instance_12).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:323,y:130.5},23,cjs.Ease.circInOut).wait(141));
538 | 	this.timeline.addTween(cjs.Tween.get(this.instance_13).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:2,scaleY:2,x:432,y:50},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:5.9999,scaleY:5.9999,x:323.05,y:130},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
539 | 
540 | 	// Kreis_6
541 | 	this.instance_14 = new lib.Tween13("synched",0);
542 | 	this.instance_14.setTransform(260,130);
543 | 	this.instance_14._off = true;
544 | 
545 | 	this.instance_15 = new lib.Tween14("synched",0);
546 | 	this.instance_15.setTransform(198,130.5,6,6);
547 | 	this.instance_15._off = true;
548 | 
549 | 	this.timeline.addTween(cjs.Tween.get(this.instance_14).wait(21).to({_off:false},0).to({_off:true,scaleX:6,scaleY:6,x:198,y:130.5},23,cjs.Ease.circInOut).wait(141));
550 | 	this.timeline.addTween(cjs.Tween.get(this.instance_15).wait(21).to({_off:false},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:2,scaleY:2,x:79.55,y:193.25},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:5.9999,scaleY:5.9999,x:198,y:130},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
551 | 
552 | 	// Kreis_5
553 | 	this.instance_16 = new lib.Tween11("synched",0);
554 | 	this.instance_16.setTransform(260,130);
555 | 	this.instance_16._off = true;
556 | 
557 | 	this.timeline.addTween(cjs.Tween.get(this.instance_16).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:291.45,y:161.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:277.9,y:222.95},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:2.9999,scaleY:2.9999,x:291.65,y:161.55},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({regX:0.1,regY:0.1,scaleX:1,scaleY:1,x:260.1,y:130.1},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
558 | 
559 | 	// Kreis_4
560 | 	this.instance_17 = new lib.Tween11("synched",0);
561 | 	this.instance_17.setTransform(260,130);
562 | 	this.instance_17._off = true;
563 | 
564 | 	this.timeline.addTween(cjs.Tween.get(this.instance_17).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:229.2,y:161.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:180.55,y:220.5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:229.15,y:161.55},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
565 | 
566 | 	// Kreis_3
567 | 	this.instance_18 = new lib.Tween11("synched",0);
568 | 	this.instance_18.setTransform(260,130);
569 | 	this.instance_18._off = true;
570 | 
571 | 	this.timeline.addTween(cjs.Tween.get(this.instance_18).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:229.2,y:99.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({x:288.2,y:47.5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({x:229.15,y:98.9},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
572 | 
573 | 	// Kreis_2
574 | 	this.instance_19 = new lib.Tween11("synched",0);
575 | 	this.instance_19.setTransform(260,130);
576 | 	this.instance_19._off = true;
577 | 
578 | 	this.timeline.addTween(cjs.Tween.get(this.instance_19).wait(21).to({_off:false},0).to({scaleX:3,scaleY:3,x:291.7,y:99.5},23,cjs.Ease.circInOut).wait(13).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:312.5,y:85.5},17,cjs.Ease.circInOut).wait(29).to({startPosition:0},0).to({scaleX:2.9999,scaleY:2.9999,x:291.65,y:99.35},10,cjs.Ease.circInOut).wait(6).to({startPosition:0},0).to({scaleX:1,scaleY:1,x:260,y:130},14,cjs.Ease.circInOut).to({_off:true},2).wait(50));
579 | 
580 | 	// Line_3
581 | 	this.instance_20 = new lib.Tween3("synched",0);
582 | 	this.instance_20.setTransform(480,255);
583 | 
584 | 	this.instance_21 = new lib.Tween4("synched",0);
585 | 	this.instance_21.setTransform(274.75,255,2.5488,1,0,0,0,0.1,0);
586 | 	this.instance_21.alpha = 0;
587 | 	this.instance_21._off = true;
588 | 
589 | 	this.timeline.addTween(cjs.Tween.get(this.instance_20).to({_off:true,regX:0.1,scaleX:2.5488,x:274.75,alpha:0},24,cjs.Ease.circInOut).wait(161));
590 | 	this.timeline.addTween(cjs.Tween.get(this.instance_21).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},4).wait(107).to({_off:false},0).to({regX:0.2,scaleX:1,x:480.2,alpha:1},18,cjs.Ease.circInOut).wait(32));
591 | 
592 | 	// Line_2
593 | 	this.instance_22 = new lib.Tween5("synched",0);
594 | 	this.instance_22.setTransform(43.75,5);
595 | 
596 | 	this.instance_23 = new lib.Tween6("synched",0);
597 | 	this.instance_23.setTransform(43.75,152.95,1,9.9,0,0,0,0,0.5);
598 | 	this.instance_23.alpha = 0;
599 | 	this.instance_23._off = true;
600 | 
601 | 	this.timeline.addTween(cjs.Tween.get(this.instance_22).to({_off:true,regY:0.5,scaleY:9.9,y:152.95,alpha:0},24,cjs.Ease.circInOut).wait(161));
602 | 	this.timeline.addTween(cjs.Tween.get(this.instance_23).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},4).wait(107).to({_off:false},0).to({regY:0.6,scaleY:1,y:5.6,alpha:1},18,cjs.Ease.circInOut).wait(32));
603 | 
604 | 	// Line_1
605 | 	this.instance_24 = new lib.Tween7("synched",0);
606 | 	this.instance_24.setTransform(5,40);
607 | 
608 | 	this.instance_25 = new lib.Tween8("synched",0);
609 | 	this.instance_25.setTransform(5,160.5,1,0.3375);
610 | 	this.instance_25.alpha = 0;
611 | 	this.instance_25._off = true;
612 | 
613 | 	this.timeline.addTween(cjs.Tween.get(this.instance_24).to({_off:true,scaleY:0.3375,y:160.5,alpha:0},24,cjs.Ease.circInOut).wait(161));
614 | 	this.timeline.addTween(cjs.Tween.get(this.instance_25).to({_off:false},24,cjs.Ease.circInOut).to({_off:true},4).wait(107).to({_off:false},0).to({scaleY:1,y:40,alpha:1},18,cjs.Ease.circInOut).wait(32));
615 | 
616 | 	this._renderFirstFrame();
617 | 
618 | }).prototype = p = new lib.AnMovieClip();
619 | p.nominalBounds = new cjs.Rectangle(260,68.6,260,204.29999999999998);
620 | // library properties:
621 | lib.properties = {
622 | 	id: '461BE263A46F40348AC50F8CB46AE189',
623 | 	width: 520,
624 | 	height: 260,
625 | 	fps: 60,
626 | 	color: "#FFFFFF",
627 | 	opacity: 1.00,
628 | 	manifest: [
629 | 		{src:"images/animation4_atlas_1.png", id:"animation4_atlas_1"}
630 | 	],
631 | 	preloads: []
632 | };
633 | 
634 | 
635 | 
636 | // bootstrap callback support:
637 | 
638 | (lib.Stage = function(canvas) {
639 | 	createjs.Stage.call(this, canvas);
640 | }).prototype = p = new createjs.Stage();
641 | 
642 | p.setAutoPlay = function(autoPlay) {
643 | 	this.tickEnabled = autoPlay;
644 | }
645 | p.play = function() { this.tickEnabled = true; this.getChildAt(0).gotoAndPlay(this.getTimelinePosition()) }
646 | p.stop = function(ms) { if(ms) this.seek(ms); this.tickEnabled = false; }
647 | p.seek = function(ms) { this.tickEnabled = true; this.getChildAt(0).gotoAndStop(lib.properties.fps * ms / 1000); }
648 | p.getDuration = function() { return this.getChildAt(0).totalFrames / lib.properties.fps * 1000; }
649 | 
650 | p.getTimelinePosition = function() { return this.getChildAt(0).currentFrame / lib.properties.fps * 1000; }
651 | 
652 | an.bootcompsLoaded = an.bootcompsLoaded || [];
653 | if(!an.bootstrapListeners) {
654 | 	an.bootstrapListeners=[];
655 | }
656 | 
657 | an.bootstrapCallback=function(fnCallback) {
658 | 	an.bootstrapListeners.push(fnCallback);
659 | 	if(an.bootcompsLoaded.length > 0) {
660 | 		for(var i=0; i<an.bootcompsLoaded.length; ++i) {
661 | 			fnCallback(an.bootcompsLoaded[i]);
662 | 		}
663 | 	}
664 | };
665 | 
666 | an.compositions = an.compositions || {};
667 | an.compositions['461BE263A46F40348AC50F8CB46AE189'] = {
668 | 	getStage: function() { return exportRoot.stage; },
669 | 	getLibrary: function() { return lib; },
670 | 	getSpriteSheet: function() { return ss; },
671 | 	getImages: function() { return img; }
672 | };
673 | 
674 | an.compositionLoaded = function(id) {
675 | 	an.bootcompsLoaded.push(id);
676 | 	for(var j=0; j<an.bootstrapListeners.length; j++) {
677 | 		an.bootstrapListeners[j](id);
678 | 	}
679 | }
680 | 
681 | an.getComposition = function(id) {
682 | 	return an.compositions[id];
683 | }
684 | 
685 | 
686 | an.makeResponsive = function(isResp, respDim, isScale, scaleType, domContainers) {		
687 | 	var lastW, lastH, lastS=1;		
688 | 	window.addEventListener('resize', resizeCanvas);		
689 | 	resizeCanvas();		
690 | 	function resizeCanvas() {			
691 | 		var w = lib.properties.width, h = lib.properties.height;			
692 | 		var iw = window.innerWidth, ih=window.innerHeight;			
693 | 		var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;			
694 | 		if(isResp) {                
695 | 			if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {                    
696 | 				sRatio = lastS;                
697 | 			}				
698 | 			else if(!isScale) {					
699 | 				if(iw<w || ih<h)						
700 | 					sRatio = Math.min(xRatio, yRatio);				
701 | 			}				
702 | 			else if(scaleType==1) {					
703 | 				sRatio = Math.min(xRatio, yRatio);				
704 | 			}				
705 | 			else if(scaleType==2) {					
706 | 				sRatio = Math.max(xRatio, yRatio);				
707 | 			}			
708 | 		}
709 | 		domContainers[0].width = w * pRatio * sRatio;			
710 | 		domContainers[0].height = h * pRatio * sRatio;
711 | 		domContainers.forEach(function(container) {				
712 | 			container.style.width = w * sRatio + 'px';				
713 | 			container.style.height = h * sRatio + 'px';			
714 | 		});
715 | 		stage.scaleX = pRatio*sRatio;			
716 | 		stage.scaleY = pRatio*sRatio;
717 | 		lastW = iw; lastH = ih; lastS = sRatio;            
718 | 		stage.tickOnUpdate = false;            
719 | 		stage.update();            
720 | 		stage.tickOnUpdate = true;		
721 | 	}
722 | }
723 | an.handleSoundStreamOnTick = function(event) {
724 | 	if(!event.paused){
725 | 		var stageChild = stage.getChildAt(0);
726 | 		if(!stageChild.paused || stageChild.ignorePause){
727 | 			stageChild.syncStreamSounds();
728 | 		}
729 | 	}
730 | }
731 | an.handleFilterCache = function(event) {
732 | 	if(!event.paused){
733 | 		var target = event.target;
734 | 		if(target){
735 | 			if(target.filterCacheList){
736 | 				for(var index = 0; index < target.filterCacheList.length ; index++){
737 | 					var cacheInst = target.filterCacheList[index];
738 | 					if((cacheInst.startFrame <= target.currentFrame) && (target.currentFrame <= cacheInst.endFrame)){
739 | 						cacheInst.instance.cache(cacheInst.x, cacheInst.y, cacheInst.w, cacheInst.h);
740 | 					}
741 | 				}
742 | 			}
743 | 		}
744 | 	}
745 | }
746 | 
747 | 
748 | })(createjs = createjs||{}, AdobeAn = AdobeAn||{});
749 | var createjs, AdobeAn;


--------------------------------------------------------------------------------