<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
<script src="triangleanimation.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {

	canvas = document.getElementById("canvas");
	exportRoot = new lib.triangleanimation();

	stage = new createjs.Stage(canvas);
	stage.addChild(exportRoot);
	stage.update();

	createjs.Ticker.setFPS(lib.properties.fps);
	createjs.Ticker.addEventListener("tick", stage);
}

</script>

</head>
<body onload="init();">
	<canvas id="canvas" width="1220" height="421" style="background-color:#020202"></canvas>
</body>
</html>
(function (lib, img, cjs, ss) {

var p;
lib.webFontTxtFilters = {};

lib.properties = {
	width: 1220,
	height: 421,
	fps: 30,
	color: "#000000",
	webfonts: {},
	manifest: []
};



lib.webfontAvailable = function(family) {
	lib.properties.webfonts[family] = true;
	var txtFilters = lib.webFontTxtFilters && lib.webFontTxtFilters[family] || [];
	for(var f = 0; f < txtFilters.length; ++f) {
		txtFilters[f].updateCache();
	}
};



(lib.trianglesvg = function(mode,startPosition,loop) {
	this.initialize(mode,startPosition,loop,{});


	this.shape = new cjs.Shape();
	this.shape.graphics.f().s("#704D53").p("Egk3gb/MBJtgDvMgq1A/Zg");
	this.shape.setTransform(237,203.7,1,1,0,0,0,0.2,0);

	this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));

}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-0.2,-0.4,473.9,407.9);


(lib.シンボル3 = function(mode,startPosition,loop) {
	this.initialize(mode,startPosition,loop,{});

	this.instance = new lib.trianglesvg("synched",0);
	this.instance.setTransform(0.1,0.2,1,1,0,0,0,236.8,203.7);

	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));

}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-236.9,-203.9,473.9,407.9);


(lib.シンボル2 = function(mode,startPosition,loop) {
	this.initialize(mode,startPosition,loop,{});

	this.instance = new lib.trianglesvg("synched",0);
	this.instance.setTransform(0.1,0.2,1,1,0,0,0,236.8,203.7);

	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));

}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-236.9,-203.9,473.9,407.9);



(lib.triangleanimation = function(mode,startPosition,loop) {
	this.initialize(mode,startPosition,loop,{});

	this.frame_0 = function() {



		this.addEventListener("tick",fl_RotateContinuously_5.bind(this));

		function fl_RotateContinuously_5(){
			this.movieClip_2.rotation+=2;
			this.movieClip_3.rotation+=1;
			this.movieClip_4.rotation+=1;
			this.movieClip_5.rotation+=3;
			this.movieClip_6.rotation+=2;
			this.movieClip_1.rotation+=1;
			}
	}

	this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(1));

	this.movieClip_6 = new lib.シンボル3();
	this.movieClip_6.setTransform(977.7,259.3,0.375,0.375,-12.5,0,0,0.2,0.1);
	this.movieClip_6.filters = [new cjs.ColorFilter(0.2, 0.2, 0.2, 1, 174.4, 126.4, 131.2, 0)];
	this.movieClip_6.cache(-239,-206,478,412);

	this.movieClip_5 = new lib.シンボル2();
	this.movieClip_5.setTransform(906.9,319,0.178,0.178,-21,0,0,-0.1,0.2);
	this.movieClip_5.filters = [new cjs.ColorFilter(0.2, 0.2, 0.2, 1, 174.4, 126.4, 131.2, 0)];
	this.movieClip_5.cache(-239,-206,478,412);

	this.movieClip_1 = new lib.シンボル2();
	this.movieClip_1.setTransform(826.1,357.9,0.25,0.25,-42.4,0,0,0.1,0.4);
	this.movieClip_1.filters = [new cjs.ColorFilter(0.2, 0.2, 0.2, 1, 174.4, 126.4, 131.2, 0)];
	this.movieClip_1.cache(-239,-206,478,412);

	this.movieClip_3 = new lib.シンボル3();
	this.movieClip_3.setTransform(288.5,109.2,0.375,0.375,-12.5,0,0,0.2,0.1);
	this.movieClip_3.filters = [new cjs.ColorFilter(0.2, 0.2, 0.2, 1, 174.4, 126.4, 131.2, 0)];
	this.movieClip_3.cache(-239,-206,478,412);

	this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.movieClip_3},{t:this.movieClip_1},{t:this.movieClip_5},{t:this.movieClip_6}]}).wait(1));

	this.movieClip_4 = new lib.シンボル2();
	this.movieClip_4.setTransform(352.7,249,0.178,0.178,-21,0,0,-0.1,0.2);
	this.movieClip_4.filters = [new cjs.ColorFilter(0.2, 0.2, 0.2, 1, 174.4, 126.4, 131.2, 0)];
	this.movieClip_4.cache(-239,-206,478,412);

	this.timeline.addTween(cjs.Tween.get(this.movieClip_4).wait(1));

	this.movieClip_2 = new lib.シンボル2();
	this.movieClip_2.setTransform(222.9,206.9,0.25,0.25,-42.4,0,0,0.1,0.4);
	this.movieClip_2.filters = [new cjs.ColorFilter(0.2, 0.2, 0.2, 1, 174.4, 126.4, 131.2, 0)];
	this.movieClip_2.cache(-239,-206,478,412);

	this.timeline.addTween(cjs.Tween.get(this.movieClip_2).wait(1));

}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(754.8,226.1,936.1,419.9);

})(lib = lib||{}, images = images||{}, createjs = createjs||{}, ss = ss||{});
var lib, images, createjs, ss;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.