Peinture Flash CS3: temps réel outil effacer

Lundi 11 Février, 2008

A partir des codes fournis dans Créer un Paint en Flash CS3, et la mise en œuvre de petits changements, nous pouvons améliorer de manière significative à l'outil "effacer". Ajout d'une forme n'est pas visible, vous pouvez l'utiliser comme un "plan" pour lancer draw() tirage au sort draw() mode de fusion "effacer". Comme le montre l'exemple ci-dessous, après avoir conçu quelque chose, maintenez enfoncée la touche Ctrl et de l'effet de "annulation" est maintenant en temps réel.

Chargement Flash Player ...

Le code est comme suit - source:

Plain Text
ActionScript:
  1. . MouseEvent ; flash d'importation. événements. MouseEvent;
  2. . BitmapData ; flash d'importation. afficheur. BitmapData;
  3. . Bitmap ; flash d'importation. afficheur. Bitmap;
  4. . GradientType ; flash d'importation. afficheur. GradientType;
  5. / /
  6. . Matrix ; flash d'importation. Geom. matrix;
  7. / /
  8. = false ; var MD: booléen = false;
  9. / /
  10. Sprite ( ) ; var event_spr: Sprite = new Sprite ();
  11. ; addChild (event_spr);
  12. / /
  13. = event_spr. stage . stageWidth ; var area_width: Nombre = event_spr. stade. stageWidth;
  14. = event_spr. stage . stageHeight - 32 ; var area_height: Nombre = event_spr. stade. stageHeight - 32;
  15. / /
  16. = GradientType. LINEAR ; fillType var: = Chaîne GradientType. linéaire;
  17. = [ 0xFF0000, 0x00FF00, 0x0000ff ] ; var couleurs: Array = [0xFF0000, 0x00FF00, 0x0000ff];
  18. = [ 1 , 1 , 1 ] ; var alphas: Array = [1, 1, 1];
  19. = [ 0 , 128 , 255 ] ; var ratios: Array = [0, 128, 255];
  20. = SpreadMethod. PAD ; var spreadMethod: String = SpreadMethod. PAD;
  21. Matrix ( ) ; var Matrix: Matrix = new Matrix ();
  22. area_width, area_height, 1 , 0 , 0 ) ; matrice. createGradientBox (area_width, area_height, 1, 0, 0);
  23. / /
  24. event_spr. graphics ) { avec (event_spr. graphiques) (
  25. fillType,colors,alphas,ratios,matrix,spreadMethod ) ; beginGradientFill (fillType, les couleurs, les alphas, des ratios, matrice, spreadMethod);
  26. , 0 ,area_width, area_height ) ; drawRect (0, 0, area_width, area_height);
  27. ; endFill ();
  28. )
  29. / / Paint événement
  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 ( event_spr. width ,event_spr. height , true , 0 ) ; var bmpd: BitmapData = new BitmapData (event_spr. largeur, event_spr. hauteur, vrai, 0);
  36. Bitmap ( bmpd ) ; var bmp: = new Bitmap Bitmap (bmpd);
  37. ; addChild (bmp);
  38. / /
  39. / / Forme temporaire
  40. Shape ( ) ; var draw_shape: Shape = new Shape ();
  41. ; addChild (draw_shape);
  42. / /
  43. / / Forme, pas visible, utilisés pour la "suppression"
  44. Shape ( ) ; var erase_shape: Shape = new Shape ();
  46. / /
  47. e :MouseEvent ) : void { _onMouseDown fonction (e: MouseEvent): void (
  48. ) ; debug ( "_onMouseDown");
  49. ( 10 , 0xffffff, 1 ) ; draw_shape. graphiques. LineStyle (10, 0xffffff, 1);
  50. ( 20 , 0xffffff, 1 ) ; erase_shape. graphiques. LineStyle (20, 0xffffff, 1);
  51. ( e . localX , e . localY ) ; draw_shape. graphiques. MoveTo (E. LocalX, et. localement);
  52. ( e . localX , e . localY ) ; erase_shape. graphiques. MoveTo (E. LocalX, et. localement);
  53. MD = true;
  54. )
  55. / /
  56. e :MouseEvent ) : void { _onMouseUp fonction (e: MouseEvent): void (
  57. md = false;
  58. ( draw_shape ) ; bmp. BitmapData. tirage (draw_shape);
  59. ( ) ; draw_shape. graphiques. Clear ();
  60. ( ) ; erase_shape. graphiques. Clear ();
  61. )
  62. / /
  63. e :MouseEvent ) : void { _onMouseMove fonction (e: MouseEvent): void (
  64. ) ; debug ( "_onMouseMove");
  65. md && ! e . ctrlKey ) { if (MD & &! et. ctrlKey) (
  66. ( e . localX , e . localY ) ; draw_shape. graphiques. lineto (E. LocalX, et. localement);
  67. ( md && e . ctrlKey ) { ) Else if (e & & md. CtrlKey) (
  68. ( e . localX , e . localY ) ; erase_shape. graphiques. lineto (E. LocalX, et. localement);
  69. ( erase_shape, null , null , "erase" ) ; bmp. BitmapData. tirage (erase_shape, null, null, "effacer");
  70. )
  71. )
  72. / /
  73. v: String ) : void { fonction debug (v: String): void (
  74. = new Date ( ) ; var d: Date = new Date ();
  75. d. getMinutes ( ) + ":" +d. getSeconds ( ) + ":" +d. getMilliseconds ( ) + ": " +v ) ; trace (d. getMinutes () + ":" + d. getSeconds () + ":" + d. getMilliseconds () + ":" + v);
  76. )

Nous avons ajouté une nouvelle forme, erase_shape pas visible (il n'a pas été réalisée dans toute addChild()

Plain Text
ActionScript:
  1. ...
  2. / / Forme, pas visible, utilisés pour la "suppression"
  3. Shape ( ) ; var erase_shape: Shape = new Shape ();

Le morceau de code qui tente de tirer a été introduit pour la touche contrôle et, lorsqu'il est pressé, est précisément la question de forme erase_shape et copiés sur les images:

Plain Text
ActionScript:
  1. ....
  2. . lineTo ( e . localX , e . localY ) ; erase_shape. graphiques. lineto (E. LocalX, et. localement);
  3. ( erase_shape, null , null , "erase" ) ; bmp. BitmapData. tirage (erase_shape, null, null, "effacer");

Post

Tags: effacer, le
Publié en ActionScript 3.0, Flash CS3, Graphics & Design, développement Internet, Tutoriels | Pas de commentaire »