Tutoriales »Desarrollo» Internet »Graphic Design» Flash CS3 »Actionscript 3.0

Pintura Flash CS3: en tiempo real goma de borrar

Lunes, 11 de febrero 2008

A partir de los códigos incluidos en Crear un Paint en Flash CS3, y la realización de pequeñas modificaciones, se puede mejorar mucho la herramienta para "borrar". Adición de una forma no es visible, se puede utilizar como un "plan" para ejecutar el draw() en la mezcla el modo de "borrar". Como se muestra en el ejemplo siguiente, después de dibujar algo, mantenga presionada la tecla Ctrl y el efecto de "borrar" aparece ahora en tiempo real.

Cargando Flash Player ...

El código es el siguiente - fuente:

Texto sin formato
ActionScript
  1. . MouseEvent ; flash.events de importación. MouseEvent;
  2. . BitmapData ; flash.display de importación. BitmapData;
  3. . Bitmap ; flash.display de importación. Bitmap;
  4. . GradientType ; flash.display de importación. GradientType;
  5. / /
  6. . Matrix ; flash.geom de importación. Matrix;
  7. / /
  8. Boolean = false ; MD var: Boolean = false;
  9. / /
  10. Sprite = new Sprite ( ) ; event_spr var: Sprite = Sprite nuevo ();
  11. event_spr ) ; addChild (event_spr);
  12. / /
  13. Number = event_spr . stage . stageWidth ; area_width var: Número = event_spr. etapa. stageWidth;
  14. Number = event_spr . stage . stageHeight - 32 ; area_height var: Número = event_spr. etapa. stageHeight - 32;
  15. / /
  16. String = GradientType . LINEAR ; fillType var: String = GradientType. linealidad;
  17. : Array = [ 0xFF0000 , 0x00FF00 , 0x0000ff ] ; var colors: Array = [0xFF0000, 0x00FF00, 0x0000FF];
  18. : Array = [ 1 , 1 , 1 ] ; var alphas: Array = [1, 1, 1];
  19. : Array = [ 0 , 128 , 255 ] ; var ratios: Array = [0, 128, 255];
  20. String = SpreadMethod . PAD ; var spreadMethod: String = SpreadMethod. PAD;
  21. : Matrix = new Matrix ( ) ; var matriz: Matrix = Matrix nuevo ();
  22. createGradientBox ( area_width , area_height , 1 , 0 , 0 ) ; matriz. createGradientBox (area_width, area_height, 1, 0, 0);
  23. / /
  24. event_spr . graphics ) { con (event_spr. gráficos) (
  25. fillType , colors , alphas , ratios , matrix , spreadMethod ) ; (beginGradientFill fillType, colores, alphas, ratios, matriz, spreadMethod);
  26. 0 , 0 , area_width , area_height ) ; drawRect (0, 0, area_width, area_height);
  27. ; endFill ();
  28. )
  29. / / Evento Paint
  30. ( MouseEvent . MOUSE_DOWN , _onMouseDown ) ; event_spr. addEventListener (MouseEvent. MOUSE_DOWN, _onMouseDown);
  31. ( MouseEvent . MOUSE_MOVE , _onMouseMove ) ; event_spr. addEventListener (MouseEvent. MOUSE_MOVE, _onMouseMove);
  32. ( MouseEvent . MOUSE_UP , _onMouseUp ) ; event_spr. addEventListener (MouseEvent. MOUSE_UP, _onMouseUp);
  33. ( MouseEvent . MOUSE_OUT , _onMouseUp ) ; event_spr. addEventListener (MouseEvent. MOUSE_OUT, _onMouseUp);
  34. / /
  35. BitmapData = new BitmapData ( event_spr . width , event_spr . height , true , 0 ) ; bmpd var: BitmapData = BitmapData nuevo (event_spr. ancho, event_spr. altura, es cierto, 0);
  36. Bitmap = new Bitmap ( bmpd ) ; var bmp: Bitmap = Bitmap nuevo (bmpd);
  37. bmp ) ; addChild (bmp);
  38. / /
  39. / / Forma temporal
  40. Shape = new Shape ( ) ; draw_shape var: Forma = Forma nueva ();
  41. draw_shape ) ; addChild (draw_shape);
  42. / /
  43. / / Forma, no visible, utilizado para la cancelación de la ""
  44. Shape = new Shape ( ) ; erase_shape var: Forma = Forma nueva ();
  46. / /
  47. e : MouseEvent ) : void { función _onMouseDown (e: MouseEvent): void (
  48. ) ; debug ( "_onMouseDown");
  49. . lineStyle ( 10 , 0xffffff , 1 ) ; draw_shape. gráficos. lineStyle (10, 0xFFFFFF, 1);
  50. . lineStyle ( 20 , 0xffffff , 1 ) ; erase_shape. gráficos. lineStyle (20, 0xFFFFFF, 1);
  51. . moveTo ( e . localX , e . localY ) ; draw_shape. gráficos. moveTo (elegidos por localX, y. localy);
  52. . moveTo ( e . localX , e . localY ) ; erase_shape. gráficos. moveTo (elegidos por localX, y. localy);
  53. md = true;
  54. )
  55. / /
  56. e : MouseEvent ) : void { función _onMouseUp (e: MouseEvent): void (
  57. md = false;
  58. . draw ( draw_shape ) ; bmp. BitmapData. empate (draw_shape);
  59. . clear ( ) ; draw_shape. gráficos. Clear ();
  60. . clear ( ) ; erase_shape. gráficos. Clear ();
  61. )
  62. / /
  63. e : MouseEvent ) : void { función _onMouseMove (e: MouseEvent): void (
  64. ) ; debug ( "_onMouseMove");
  65. md && ! e . ctrlKey ) { if (MD & &! y. ctrlKey) (
  66. . lineTo ( e . localX , e . localY ) ; draw_shape. gráficos. lineTo (elegidos por localX, y. localy);
  67. ( md && e . ctrlKey ) { ) Else if (MD & & y. CtrlKey) (
  68. . lineTo ( e . localX , e . localY ) ; erase_shape. gráficos. lineTo (elegidos por localX, y. localy);
  69. . draw ( erase_shape , null , null , "erase" ) ; bmp. BitmapData. empate (erase_shape, null, null, "borrar");
  70. )
  71. )
  72. / /
  73. v : String ) : void { depuración de la función (v: String): void (
  74. : Date = new Date ( ) ; var d: Fecha = Fecha de nuevo ();
  75. d . getMinutes ( ) + ":" + d . getSeconds ( ) + ":" + d . getMilliseconds ( ) + ": " + v ) ; trace (d. getMinutes () + ": getSeconds" + D. () + ": getMilliseconds" + D. () + ":" + v);
  76. )

Ha añadido una nueva forma, erase_shape no visible (no se ha hecho ningún addChild()

Texto sin formato
ActionScript
  1. ...
  2. / / Forma, no visible, utilizado para la cancelación de la ""
  3. Shape = new Shape ( ) ; erase_shape var: Forma = Forma nueva ();

En la parte de código que se encarga del diseño se ha introducido para controlar la tecla Ctrl y, si se pulsa, se refiere precisamente el erase_shape Forma y copia en el mapa de bits:

Texto sin formato
ActionScript
  1. ....
  2. . lineTo ( e . localX , e . localY ) ; erase_shape. gráficos. lineTo (elegidos por localX, y. localy);
  3. . draw ( erase_shape , null , null , "erase" ) ; bmp. BitmapData. empate (erase_shape, null, null, "borrar");

Post relacionados

Fue útil esta información?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Cargando ...

Etiquetas:

2 comentarios a "Pintura Flash CS3: en tiempo real goma de borrar"

  1. getAvatar 1,0
    20 de noviembre 2009, Greg

    Una palanca de Mejora en la Función y drenaje de la Hizo una clase mí.

    Texto sin formato
    ActionScript
    1. paquete (
    3. . Sprite ; flash.display de importación. Sprite;
    4. . MouseEvent ; flash.events de importación. MouseEvent;
    5. . BitmapData ; flash.display de importación. BitmapData;
    6. . Bitmap ; flash.display de importación. Bitmap;
    7. . GradientType ; flash.display de importación. GradientType;
    8. . SpreadMethod ; flash.display de importación. SpreadMethod;
    9. . Shape ; flash.display de importación. Forma;
    10. . Matrix ; flash.geom de importación. Matrix;
    11. . setInterval ; flash.utils de importación. setInterval;
    12. . clearInterval ; flash.utils de importación. clearInterval;
    14. BitmapErase extends Sprite { BitmapErase public class Sprite (
    16. md : Boolean = false ; MD private var: Boolean = false;
    17. event_spr : Sprite ; event_spr private var: Sprite;
    18. area_width : Number ; area_width private var: Number;
    19. area_height : Number ; area_height private var: Number;
    20. fillType : String = GradientType . LINEAR ; fillType private var: String = GradientType. linealidad;
    21. colors : Array = [ 0xFF0000 , 0x00FF00 , 0x0000ff ] ; privado var colors: Array = [0xFF0000, 0x00FF00, 0x0000FF];
    22. alphas : Array = [ 1 , 1 , 1 ] ; privado var alphas: Array = [1, 1, 1];
    23. ratios : Array = [ 0 , 128 , 255 ] ; privado var ratios: Array = [0, 128, 255];
    24. spreadMethod : String = SpreadMethod . PAD ; var spreadMethod privado: String = SpreadMethod. PAD;
    25. matrix : Matrix = new Matrix ( ) ; matriz private var: Matrix = Matrix nuevo ();
    26. erase_shape : Shape ; erase_shape private var: Forma;
    27. draw_shape : Shape ; draw_shape private var: Forma;
    28. bmpd : BitmapData ; bmpd private var: BitmapData;
    29. bmp : Bitmap ; private var bmp: mapa de bits;
    30. interval : uint ; intervalo de private var: uint;
    32. BitmapErase ( ) { BitmapErase la función pública () (
    33. ( ) ; = draw_shape Forma nueva ();
    34. draw_shape ) ; addChild (draw_shape);
    35. ( ) ; = erase_shape Forma nueva ();
    36. ( ) ; = event_spr Sprite nuevo ();
    37. event_spr ) ; addChild (event_spr);
    38. . stageWidth ; = event_spr area_width. etapa. stageWidth;
    39. . stageHeight - 32 ; = event_spr area_height. etapa. stageHeight - 32;
    40. createGradientBox ( area_width , area_height , 1 , 0 , 0 ) ; matriz. createGradientBox (area_width, area_height, 1, 0, 0);
    42. . beginGradientFill ( fillType , colors , alphas , ratios , matrix , spreadMethod ) ; gráficos event_spr.. beginGradientFill (fillType, colores, alphas, ratios, matriz, spreadMethod);
    43. . drawRect ( 0 , 0 , area_width , area_height ) ; gráficos event_spr.. drawRect (0, 0, area_width, area_height);
    44. . endFill ( ) ; gráficos event_spr.. endFill ();
    46. ( MouseEvent . MOUSE_DOWN , _onMouseDown ) ; event_spr. addEventListener (MouseEvent. MOUSE_DOWN, _onMouseDown);
    47. ( MouseEvent . MOUSE_MOVE , _onMouseMove ) ; event_spr. addEventListener (MouseEvent. MOUSE_MOVE, _onMouseMove);
    48. ( MouseEvent . MOUSE_UP , _onMouseUp ) ; event_spr. addEventListener (MouseEvent. MOUSE_UP, _onMouseUp);
    49. ( MouseEvent . MOUSE_OUT , _onMouseUp ) ; event_spr. addEventListener (MouseEvent. MOUSE_OUT, _onMouseUp);
    51. ( event_spr . width , event_spr . height , true , 0 ) ; = bmpd BitmapData nuevo (event_spr. ancho, event_spr. altura, es cierto, 0);
    52. ( bmpd ) ; bmp = Bitmap nuevo (bmpd);
    53. bmp ) ; addChild (bmp);
    54. )
    56. _onMouseDown ( e : MouseEvent ) : void { _onMouseDown private function (e: MouseEvent): void (
    57. / / Debug ( "_onMouseDown");
    58. . lineStyle ( 10 , 0xffffff , 1 ) ; draw_shape. gráficos. lineStyle (10, 0xFFFFFF, 1);
    59. . lineStyle ( 20 , 0xffffff , 1 ) ; erase_shape. gráficos. lineStyle (20, 0xFFFFFF, 1);
    60. . moveTo ( e . localX , e . localY ) ; draw_shape. gráficos. moveTo (elegidos por localX, y. localy);
    61. . moveTo ( e . localX , e . localY ) ; erase_shape. gráficos. moveTo (elegidos por localX, y. localy);
    62. md = true;
    63. )
    64. _onMouseUp ( e : MouseEvent ) : void { _onMouseUp private function (e: MouseEvent): void (
    65. md = false;
    66. . clear ( ) ; draw_shape. gráficos. Clear ();
    67. . clear ( ) ; erase_shape. gráficos. Clear ();
    68. interval ) ; clearInterval (intervalo);
    69. )
    70. _onMouseMove ( e : MouseEvent ) : void { _onMouseMove private function (e: MouseEvent): void (
    71. / / Debug ( "_onMouseMove");
    72. md && ! e . ctrlKey ) { if (MD & &! y. ctrlKey) (
    73. . lineTo ( e . localX , e . localY ) ; draw_shape. gráficos. lineTo (elegidos por localX, y. localy);
    74. drawNow , 1 ) ; intervalo = setInterval (drawNow, 1);
    75. ( md && e . ctrlKey ) { ) Else if (MD & & y. CtrlKey) (
    76. . lineTo ( e . localX , e . localY ) ; erase_shape. gráficos. lineTo (elegidos por localX, y. localy);
    77. . draw ( erase_shape , null , null , "erase" ) ; bmp. BitmapData. empate (erase_shape, null, null, "borrar");
    78. )
    79. )
    80. debug ( v : String ) : void { depuración private function (v: String): void (
    81. : Date = new Date ( ) ; var d: Fecha = Fecha de nuevo ();
    82. d . getMinutes ( ) + ":" + d . getSeconds ( ) + ":" + d . getMilliseconds ( ) + ": " + v ) ; trace (d. getMinutes () + ": getSeconds" + D. () + ": getMilliseconds" + D. () + ":" + v);
    83. )
    84. drawNow ( ) : void { drawNow private function (): void (
    85. . draw ( draw_shape ) ; bmp. BitmapData. empate (draw_shape);
    86. )
    87. )
    88. )

    Responder Compartir
  2. getAvatar 1,0
    20 de noviembre 2009 Giovambattista Fazioli:

    @ Greg: bueno! : D

    Responder Compartir

Deja tu comentario

TAG XHTML RESTRICCIONES: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de inserción: 
 <pre></pre>         // blocco generico [code][/code]       // blocco generico [as][/as]           // Actionscript [css][/css]         // CSS Style Sheet [html][/html]       // HTML [js][/js]           // Javascript [objc][/objc]       // Objective-C [php][/php]         // PHP [sql][/sql]         // SQL