https://www.managing-expectations.com/Situation

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>Situation</title>
15<!-- write your code here -->

16<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>

16

17<script src="Situation.js?1588422987816"></script>

17

18<script>
19var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
20function 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("671CEA625E46B341903B9BFF93A99483");
25	var lib=comp.getLibrary();
26	createjs.MotionGuidePlugin.install();
27	var loader = new createjs.LoadQueue(false);
28	loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
29	loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
30	var lib=comp.getLibrary();
31	loader.loadManifest(lib.properties.manifest);
32}
33function handleFileLoad(evt, comp) {
34	var images=comp.getImages();	
35	if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }	
36}
37function handleComplete(evt,comp) {
38	//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
39	var lib=comp.getLibrary();
40	var ss=comp.getSpriteSheet();
41	var queue = evt.target;
42	var ssMetadata = lib.ssMetadata;
43	for(i=0; i<ssMetadata.length; i++) {
44		ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
45	}
46	exportRoot = new lib.Situation();
47	stage = new lib.Stage(canvas);	
48	//Registers the "tick" event listener.
49	fnStartAnimation = function() {
50		stage.addChild(exportRoot);
51		createjs.Ticker.setFPS(lib.properties.fps);
52		createjs.Ticker.addEventListener("tick", stage);
53	}	    
54	//Code to support hidpi screens and responsive scaling.
55	AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);	
56	AdobeAn.compositionLoaded(lib.properties.id);
57	fnStartAnimation();
58}
59</script>

59
60<!-- write your code here -->
61</head>
62<body onload="init();" style="margin:0px;">
63	<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:960px; height:640px">
64		<canvas id="canvas" width="960" height="640" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
65		<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:960px; height:640px; position: absolute; left: 0px; top: 0px; display: block;">
66		</div>
67	</div>
68</body>
69</html>