Måleri Flash CS3: realtid radera verktyg

Måndag 11 februari, 2008

Start av koder som anges i Skapa en Paint i Flash CS3, och genomföra små förändringar kan vi betydligt bättre verktyg för att "radera". Lägga till en form som inte syns kan du använda det som en "plan" för att köra draw() fusionen läge "radera". Som visas i exemplet nedan, som har utformats något, håll nere Ctrl-tangenten och effekten av "inställda" är nu i realtid.

Laddar Flash Player ...

Koden är följande - källa:

Plain Text
ActionScript:
  1. . MouseEvent ; import flash. evenemang. MouseEvent;
  2. . BitmapData ; import flash. displayen. BitmapData;
  3. . Bitmap ; import flash. displayen. Bitmap;
  4. . GradientType ; import flash. displayen. GradientType;
  5. / /
  6. . Matrix ; import flash. Geom. Matrix;
  7. / /
  8. = false ; var md: Boolean = false;
  9. / /
  10. Sprite ( ) ; var event_spr: Sprite = nya Sprite ();
  11. ; addChild (event_spr);
  12. / /
  13. = event_spr. stage . stageWidth ; var area_width: Antal = event_spr. skede. stageWidth;
  14. = event_spr. stage . stageHeight - 32 ; var area_height: Antal = event_spr. skede. stageHeight - 32;
  15. / /
  16. = GradientType. LINEAR ; var fillType: String = GradientType. linear;
  17. = [ 0xFF0000, 0x00FF00, 0x0000ff ] ; var färger: Array = [0xFF0000, 0x00FF00, 0x0000ff];
  18. = [ 1 , 1 , 1 ] ; var Alpha: Array = [1, 1, 1];
  19. = [ 0 , 128 , 255 ] ; var nyckeltal: 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 ) ; matris. createGradientBox (area_width, area_height, 1, 0, 0);
  23. / /
  24. event_spr. graphics ) { med (event_spr. grafik) (
  25. fillType,colors,alphas,ratios,matrix,spreadMethod ) ; beginGradientFill (fillType, färger, Alpha, nyckeltal, matris, spreadMethod);
  26. , 0 ,area_width, area_height ) ; drawRect (0, 0, area_width, area_height);
  27. ; endFill ();
  28. )
  29. / / Paint händelse
  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 = nya BitmapData (event_spr. bredd, event_spr. höjd, sant, 0);
  36. Bitmap ( bmpd ) ; var bmp: = new Bitmap Bitmap (bmpd);
  37. ; addChild (bmp);
  38. / /
  39. / / Tillfälliga form
  40. Shape ( ) ; var draw_shape: Shape = new Form ();
  41. ; addChild (draw_shape);
  42. / /
  43. / / Shape, inte, används för att "avskaffa"
  44. Shape ( ) ; var erase_shape: Shape = new Form ();
  46. / /
  47. e :MouseEvent ) : void { _onMouseDown funktion (e: MouseEvent): void (
  48. ) ; debug ( "_onMouseDown");
  49. ( 10 , 0xffffff, 1 ) ; draw_shape. grafik. LineStyle (10, 0xffffff, 1);
  50. ( 20 , 0xffffff, 1 ) ; erase_shape. grafik. LineStyle (20, 0xffffff, 1);
  51. ( e . localX , e . localY ) ; draw_shape. grafik. Flytta (e. localX, och. localY);
  52. ( e . localX , e . localY ) ; erase_shape. grafik. Flytta (e. localX, och. localY);
  53. Md = true;
  54. )
  55. / /
  56. e :MouseEvent ) : void { _onMouseUp funktion (e: MouseEvent): void (
  57. Md = false;
  58. ( draw_shape ) ; bmp. BitmapData. draw (draw_shape);
  59. ( ) ; draw_shape. grafik. tydlig ();
  60. ( ) ; erase_shape. grafik. tydlig ();
  61. )
  62. / /
  63. e :MouseEvent ) : void { _onMouseMove funktion (e: MouseEvent): void (
  64. ) ; debug ( "_onMouseMove");
  65. md && ! e . ctrlKey ) { om (MD & &! och. ctrlKey) (
  66. ( e . localX , e . localY ) ; draw_shape. grafik. lineTo (e. localX, och. localY);
  67. ( md && e . ctrlKey ) { ) Else om (E & & md. CtrlKey) (
  68. ( e . localX , e . localY ) ; erase_shape. grafik. lineTo (e. localX, och. localY);
  69. ( erase_shape, null , null , "erase" ) ; bmp. BitmapData. draw (erase_shape, null, null, "radera");
  70. )
  71. )
  72. / /
  73. v: String ) : void { debug-funktionen (v: String): void (
  74. = new Date ( ) ; var d: Datum = new Date ();
  75. d. getMinutes ( ) + ":" +d. getSeconds ( ) + ":" +d. getMilliseconds ( ) + ": " +v ) ; spåra (d. getMinutes () + ":" + D. getSeconds () + ":" + D. getMilliseconds () + ":" + v);
  76. )

Vi har lagt till en ny form, erase_shape inte syns (det var inte utfört någon addChild()

Plain Text
ActionScript:
  1. ...
  2. / / Shape, inte, används för att "avskaffa"
  3. Shape ( ) ; var erase_shape: Shape = new Form ();

Den del av koden som försöker dra infördes för Ctrl-tangenten och, när knappen trycks in, är just frågan Shape erase_shape och kopieras på Bitmap:

Plain Text
ActionScript:
  1. ....
  2. . lineTo ( e . localX , e . localY ) ; erase_shape. grafik. lineTo (e. localX, och. localY);
  3. ( erase_shape, null , null , "erase" ) ; bmp. BitmapData. draw (erase_shape, null, null, "radera");

Liknande Post

Tags: rita radera Flash Graphics form, Handledning
Publicerad i ActionScript 3.0, Flash CS3, Graphics & Design, Internet utveckling, Övningsexempel | Inga kommentarer "