{"id":424,"date":"2008-08-20T09:00:17","date_gmt":"2008-08-20T08:00:17","guid":{"rendered":"http:\/\/www.matthijskamstra.nl\/blog\/?p=424"},"modified":"2009-12-03T21:00:05","modified_gmt":"2009-12-03T20:00:05","slug":"custmm-grumm-ai-2-array","status":"publish","type":"post","link":"https:\/\/www.matthijskamstra.nl\/blog\/2008\/08\/20\/custmm-grumm-ai-2-array\/","title":{"rendered":"Custmm Grumm – AI 2 Array"},"content":{"rendered":"

Another experiment towards Custmm Grumm<\/a>. This time my task was to export\/import an Illustrator file to Flash…<\/p>\n

Yeah, yeah; I know: you say “import to stage” … correct! \ud83d\ude09
\nBut what I need is the shape converted to code (coordinates in the x-direction and y-direction)..
\nHa, you stopped grinning!<\/p>\n

Well the first part is correct.
\nYou need to import the file to the stage and give every imported shape it’s own layer.
\nThis is something that you don’t want to do by hand (I didn’t want to \ud83d\ude09 ), so I wrote a jsfl that fixes that for you (read my post about it here: object-to-layer-jsfl<\/a>)<\/p>\n

After that you need to extract the values (x and y-positions form the corners of the shapes) of the files. Some thing, you don’t want that to do by hand: I have written a jsfl who does that. (read more about that here: shape-2-array-jsfl<\/a> )<\/p>\n

If you use these two scripts, you get: all imported shapes in different layers, and you can extract all values.
\nExample of the array:
\n[as]
\nvar shapeArrayz:Array = new Array ();
\nshapeArrayz[0] = [[20.05,169.5,0] , [62.425,169.5,1] , [104.8,169.5,2] , [104.8,169.5,0] , [104.8,211.85,1] , [104.8,254.2,2] , [104.8,254.2,0] , [62.425,254.2,1] , [20.05,254.2,2] , [20.05,254.2,0] , [20.05,211.85,1] , [20.05,169.5,2]];
\n\/\/ etc…
\n[\/as]
\nThis array off point can be used to generate the shape you just “traced”.<\/p>\n

\"Generated<\/a><\/p>\n

–<\/p>\n

This script (below) is used to generate the points (every line has 3 points, the beginning, the end and one inbetween), and the generated shape on the right side (no points, only the shape):
\n[as]
\nvar shapeArray:Array = [];<\/p>\n

\/\/ visualize the points
\nfunction createPoints2 (_pointArray:Array) {
\n\tshapeArray = [];
\n\tvar point:MovieClipInLibraryWithLinkageName;
\n\tfor (var i=0; i<_pointArray.length; i++) {
\n\t\tpoint = new MovieClipInLibraryWithLinkageName();
\n\t\tpoint.x = _pointArray[i][0];
\n\t\tpoint.y = _pointArray[i][1];
\n\t\tvar switchExpression:uint = _pointArray[i][2];
\n\t\tswitch (switchExpression) {
\n\t\t\tcase 0 :
\n\t\t\t\t\/\/trace (0);
\n\t\t\t\tpoint.alpha = .5;
\n\t\t\t\tshapeArray.push ([_pointArray[i][0],_pointArray[i][1]]);
\n\t\t\t\tbreak;
\n\t\t\tcase 1 :
\n\t\t\t\t\/\/trace (1);
\n\t\t\t\tpoint.scaleX = point.scaleY = .5;
\n\t\t\t\tbreak;
\n\t\t\tcase 2 :
\n\t\t\t\t\/\/trace (2);
\n\t\t\t\tpoint.alpha = .5;
\n\t\t\t\tpoint.scaleX = point.scaleY = .3;
\n\t\t\t\tbreak;
\n\t\t\tdefault :
\n\t\t\t\ttrace ("Not 0, 1, or 2");
\n\t\t}
\n\t\taddChild (point);
\n\t}<\/p>\n

}<\/p>\n

\/\/ draw the new extracted image
\nfunction drawArray (_arr:Array) {
\n\t\/\/ trace ("drawArray ");
\n\tvar _shape:Shape = new Shape();
\n\t_shape.graphics.lineStyle (1, 0x333333, 1);
\n\t_shape.graphics.beginFill (0xcccccc);
\n\t_shape.graphics.moveTo (_arr[0][0], _arr[0][1]); \/\/ starting point
\n\tfor (var i=1; i<=_arr.length; i+=3) {
\n\t\t_shape.graphics.curveTo (_arr[i][0], _arr[i][1] , _arr[i+1][0], _arr[i+1][1]);
\n\t\t\/\/ _shape.graphics.lineTo (_arr[i+1][0], _arr[i+1][1]);
\n\t}
\n\t_shape.graphics.endFill ();
\n\tthis.drawContainer_mc.addChild (_shape);
\n}<\/p>\n

\/\/ jumpstart everything
\nfunction init (){
\n\tfor (var j=0; j<shapeArrayz.length; j++) {
\n\t\t\/\/ trace(shapeArrayz[j])
\n\t\tcreatePoints2 (shapeArrayz[j]);
\n\t\tdrawArray (shapeArrayz[j]);
\n\t}
\n}
\ninit ();<\/p>\n

[\/as]<\/p>\n

Update #1:<\/strong> I previously used point_mc in the code. That was a movieClip in the library with a linkage name. I changed it in the code, I hope that helps.<\/div>\n

Eventually I will use the points, and generated shapes to modify the shape (move a point, create a new shape) and\/or to add points.<\/p>\n","protected":false},"excerpt":{"rendered":"

Another experiment towards Custmm Grumm. This time my task was to export\/import an Illustrator file to Flash… Yeah, yeah; I know: you say “import to stage” … correct! \ud83d\ude09 But what I need is the shape converted to code (coordinates in the x-direction and y-direction).. Ha, you stopped grinning! Well the first part is correct. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,151,21,13,11],"tags":[162,148,398,403,95,29,163],"class_list":["post-424","post","type-post","status-publish","format-standard","hentry","category-as3","category-custmm-grumm-design","category-extending-flash","category-grumm","category-urban-papercraft","tag-array","tag-custmm-grumm","tag-flash","tag-grumm","tag-illustrator","tag-jsfl","tag-shape"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t