I can do this in AS5 where m_paper is my movie clip:
m_paper.graphics.lineStyle(5, 0xFF0000, 75);
I extract the h and v values from arrays and the line just draws using an EnterFrame Event (now a "tick"). I insert 'this.' before the m_ during HTML Canvas conversion but the #*#*#* thing does not run.
To draw in CreateJS in Animate, you must first create a Shape object. Then you use the graphics methods on the shape to draw whatever. Then you must add the shape as a child of whatever object you want it to appear on.
var thing = new createjs.Shape(); thing.graphics.beginFill("red").drawCircle(0, 0, 50); this.addChild(thing); thing.x = thing.y = 100;
Thanks very much. It works great, but now I need to draw inside a Movie Clip.
Thanks to both of you. For those who may be interested, I can draw a (black) line 1 pixel wide in a Movie Clip (called m_paper) using the following code:
var thing = new createjs.Shape();
thing.graphics.moveTo(50, 50).lineTo(150, 150);
thing.x = 0;
thing.y = 0;
This solves a huge problem for me; thank you so much. Now I get to convert a mountain of Flash files to Animate, but then what's time when you're having so much fun!
If only Animate had Input fields .......
You don't have explicitly set x and y to 0. Those are the default values.
there's a text input component.
You people provided a wonderful solution to my problem, and I am really grateful. As I am sure you know, you solve one problem and another arises.... How do I erase (clear) the lines in the movie clip?
Any non-additive change requires clearing the shape and redrawing the entire thing from scratch.
I expected that. Can you give me a source, please?