Graphic Schreibanimation

Hier wird am Ende der Zeitleiste von Hallo die Linie beendet und im ersten Bild dann neu gestartet.

var linie = new lib.Hallo();
this.addChild(linie);


var g = new createjs.Graphics();
g.setStrokeStyle(3);
g.beginStroke("#000");
g.moveTo(linie.mov_mc.x, linie.mov_mc.y);
g.lineTo(linie.mov_mc.x, linie.mov_mc.y);
g.beginStroke("rgba(1, 1, 255, 1)");

var shape = new createjs.Shape(g);
shape.x = 100;
shape.y = 200;
this.addChild(shape);


this.addEventListener("tick", drawing.bind(this));
function drawing() {

	if (linie.currentFrame == 0) {
		shape.graphics.clear();
		//Wiederholung von Zeile 10 bis 15
		g.setStrokeStyle(3);
		g.beginStroke("rgba(30,0,190,1)");
		g.moveTo(linie.mov_mc.x, linie.mov_mc.y);
		g.lineTo(linie.mov_mc.x, linie.mov_mc.y);
		g.beginStroke("rgba(1, 1, 255, 1)");
	} else {
		g.lineTo(linie.mov_mc.x, linie.mov_mc.y);
		this.addChild(shape);
	}
}