Тема 14. Рисование из программы

 lineStyle (1, 0xFF, 100);
 moveTo (20, 100);
 lineTo (170, 20);
 lineTo (170, 180);
 lineTo (20, 100);

 lineStyle (5, 0xFF00, 100);
 beginFill (0xFF0000, 100);
 moveTo (360, 100);
 lineTo (190, 20);
 lineTo (190, 180);
 lineTo (360, 100);
 endFill ();

 MovieClip.prototype.rectangle = function ( x1, y1, x2, y2) {
   with  ( this ) {
     moveTo ( x1, y1 );
     lineTo ( x2, y1 );
     lineTo ( x2, y2 );
     lineTo ( x1, y2 );
     lineTo ( x1, y1 );
   }
 }

 #include "figures.as"

 createEmptyMovieClip ("sq1", 1);
 with ( sq1 ) {
   _x = 20;
   _y = 200;
   lineStyle (1, 0, 0);
   rectangle (0, 0, 150, 150);
 }

 color = [0xFF,0xCC00];
 alpha  = [100, 100];
 pos = [0, 255];
 matrix = { matrixType:"box", x:0, y:0, w:150, h:150,
            r:45*Math.PI/180 };
 beginGradientFill ("linear", color, alpha, pos, matrix);

 endFill();

 createEmptyMovieClip ("sq2", 2);
 with ( sq2 ) {
   _x = 190;
   _y = 200;
   color = [0xFF0000, 0xFFFF00, 0xFF];
   alpha  = [100, 75,  50];
   pos = [0, 127, 255];
   matrix = { matrixType:"box", x:0, y:0, w:150, h:150, r:0 };
 }

 sq2.onEnterFrame = function() {
   with ( this ) {
     clear();
     _rotation += 1;
     matrix.x = _rotation / 2;
     matrix.y = _rotation / 2;
     beginGradientFill("radial", color, alpha, pos, matrix);
     rectangle(0, 0, 150, 150);
     endFill();
   }
 }

 MovieClip.prototype.circle = function (x, y, r) {
   this.oval ( x, y, r, r );
 }
 MovieClip.prototype.oval = function (x, y, w, h) {
   with ( this ) {
     moveTo ( x+w, y );
     curveTo ( x+w, y+0.4142*h, x+0.7071*w, y+0.7071*h );
     curveTo ( x+0.4142*w, y+h, x, y+h);
     curveTo ( x-0.4142*w, y+h, x-0.7071*w, y+0.7071*h );
     curveTo ( x-w, y+0.4142*h, x-w, y );
     curveTo ( x-w, y-0.4142*h, x-0.7071*w, y-0.7071*h );
     curveTo ( x-0.4142*w, y-h, x, y-h );
     curveTo ( x+0.4142*w, y-h, x+0.7071*w, y-0.7071*h );
     curveTo ( x+w, y-0.4142*h, x+w, y );
   }
 }

 #include "figures.as"
 createEmptyMovieClip("canvas", 1);
 canvas._x = 200;
 canvas._y = 200;
 N = 200;
 hw = 200 / N;
 hG = 0xFF / N;
 w = 200;
 G = 0xFF;
 with (canvas) {
   lineStyle(1,0,0);
   while (w > 0) {
     rgb = Math.round(G) * 0x100;
     beginFill(rgb,100);
     rectangle(-w, -w, w, w);
     endFill();
     w -= hw;
     G -= hG;
   }
 }

 createEmptyMovieClip ("ball", 2);
 ball._x = 200;
 ball._y = 200;
 nomer = 1;
 drawBall();

 function drawBall() {
   with (_root.ball) {
     clear();
     color = [0xFFFFFF, 0x990000];
     alpha = [80, 100];
     pos = [10, 245];
     matrix = {matrixType:"box", x:-75, y:-75, w:100, h:100, r:0};
     beginGradientFill("radial",color,alpha,pos,matrix);
     circle(0,0,50);
     endFill();
   }
 }

 tLast = 0;

 ball.onMouseDown = function() {
   if (this.hitTest(_root._xmouse, _root._ymouse)) {
     t = getTimer();
     if (t - tLast < 500) this.vanish();
     tLast = t;
     startDrag(this);
   }
 };
 ball.onMouseUp = function() {
   stopDrag();
 };

 ball.vanish = function() {
   x0 = this._x;
   y0 = this._y;
   dx = 0.05 * (200 - this._x);
   dy = 0.05 * (200 - this._y);
   this.onEnterFrame = this.moveCenter;
 }

 ball.moveCenter = function() {
   with (this) {
     _xscale -= 5;
     _yscale -= 5;
     _x += dx;
     _y += dy;
     if (_xscale < 1) {
       _xscale = _yscale = 100;
       _x = x0;
       _y = y0;
       nomer ++;
       onEnterFrame = null;
       drawBall();
     }
   }
 }

 txt.text = nomer;
 txt.selectable = false;
 txt.autoSize = true;

 fmt = new TextFormat();
 with ( fmt ) {
   font = "Arial";
   size = 40;
   color = 0xFFFFFF;
   bold = true;
 }
 txt.setTextFormat ( fmt );

 txt._x = - txt._width / 2;
 txt._y = - txt._height / 2;

 createEmptyMovieClip("btn", 3);
 btn._x = 175;
 btn._y = 350;
 btn.w = 50;
 btn.h = 30;
 drawUp();
 btn.onRollOver = drawOver;
 btn.onRollOut = drawUp;
 btn.onPress = drawDown;
 btn.onRelease = function() {
   drawUp();
   ball.vanish();
 }

 function drawUp()   { drawBtn("up"); }
 function drawOver() { drawBtn("over"); }
 function drawDown() { drawBtn("down"); }
 
 function drawBtn ( state ) {
   d = 0;
   col1 = 0xFFFFFF;
   col2 = 0;
   if ( state == "up" ) color = 0;
   if ( state == "over" ) color = 0xFFFFFF;
   if ( state == "down" ) {
     color = 0xFF0000;
     d = 2;
     col1 = 0;
     col2 = 0xFFFFFF;
   }
   with ( btn ) {
     clear();
     beginFill ( 0xEEEEEE, 80 );
       lineStyle(2, col1, 100 );
       moveTo(d, d+h);
       lineTo(d, d);
       lineTo(d+w, d);
       lineStyle(2, col2, 100 );
       lineTo(d+w, d+h);
       lineTo(d, d+h);
     endFill();
     lineStyle(1, 0, 0 );
     beginFill ( color, 80 );
       moveTo(d+5, d+h-10);
       lineTo(d+w/2, d+5);
       lineTo(d+w-5, d+h-10);
       lineTo(d+5, d+h-10);
     endFill();
   }
 }

 #include "button.as"

 #include "figures.as"
 createEmptyMovieClip("canvas", 1);
 with ( canvas ) {
   _x = 84;
   _y = 32;
   beginFill(0xFFFFFF, 100);
   rectangle(0, 0, 440, 290);
   endFill();
 };

 labels = ["pencil", "line", "rect", "oval"];
 for (i=0; i<labels.length; i++) {
   attachMovie("toolBtn", labels[i], 100+i);
   obj = eval("_root." + labels[i]);
   obj._x = 20;
   obj._y = 30 + (obj._height + 10 )*i;
   obj.gotoAndStop(labels[i]);
 }
 pencil.gotoAndStop(2);
 pencil.down = true;
 canvas.tool = "pencil";

 function changeTool ( which ) {
   canvas.tool = which._name;
   for (i=0; i<labels.length; i++) {
     obj = _root[labels[i]];
     if ( obj != which ) obj.goUp();
   }
 }

 colors = ["0", "0xFF0000", "0xFF00", "0xFF"];
 for (i=0; i<colors.length; i++) {
   name = "color" + i;
   attachMovie("colBtn", name, 120+i);
   obj = _root[name];
   obj._x = 30 + (obj._width + 10)*i;
   obj._y = 350;
   c = new Color(obj.back);
   c.setRGB(colors[i]);
 }
 canvas.color = 0;

 obj.filters = [ds];

 function changeColor ( which ) {
   for (i=0; i<colors.length; i++) {
     obj = _root["color"+i];
     if ( obj != which ) obj.setState("normal");
   }
   c = new Color(which.back);
   canvas.color = c.getRGB();
 }

 drag = false;
 function inside() {
   return canvas.hitTest(_root._xmouse, _root._ymouse);
 }

 canvas.onMouseDown = function() {
   with ( this ) {
     if ( inside() ) {
       lineStyle(1,color,100);
       moveTo(_xmouse, _ymouse);
       drag = true;
     }
   }
 }

 canvas.onMouseMove = function() {
   with ( this ) {
     if ( drag  &&  inside() ) {
       if ( tool == "pencil" )
         lineTo(_xmouse, _ymouse);
     }
   }
 }
 canvas.onMouseUp = function() {
   drag = false;
 }

 createEmptyMovieClip("temp", 2);
 temp._x = canvas._x;
 temp._y = canvas._y;

 x1 = _xmouse;
 y1 = _ymouse;

 x2 = _xmouse;
 y2 = _ymouse;
 temp.clear();
 temp.lineStyle(1,color,100);
 if (tool == "line") {
   temp.moveTo(x1,y1);
   temp.lineTo(x2, y2);
 }

 with ( this ) {
   if ( drag ) {
     temp.clear();
     if (tool == "line") lineTo(x2,y2);
   }
 }

 nIcons = 3;
 for(i=0; i<nIcons; i++) {
   name = "obj" + i;
   attachMovie ( "icon", name, 200+i );
   obj = _root[name];
   obj.gotoAndStop(i+1);
   obj._x = 270 + (obj._width + 10)*i;
   obj._y = 340;
 }

 function dropIcon ( name ) {
   if ( inside() ) {
     nIcons++;
     newName = "obj" + nIcons;
     duplicateMovieClip(name, newName, 200+nIcons);
     obj = _root[newName];
     obj.gotoAndStop(_root[name]._currentFrame);
     obj._xscale = obj._yscale = 150;
     obj.btn.enabled = false;
   }
   _root[name]._x = _root[name].x0;
   _root[name]._y = _root[name].y0;
 }

 on (release) {
   canvas.clear();
   while ( nIcons > 3 ) {
     name = "obj" + nIcons;
     removeMovieClip(_root[name]);
     nIcons --;
   }
 }