Tutorials »Development» PHP »Internet» Flash CS3 »Actionscript 3.0

How to save images in Flash CS3

Monday, March 31, 2008

Adobe Flash CS3 using the Bitmap is so improved that is immediately wanted to create a small Paint. We have already seen how to make a small Paint (see Paint in Flash CS3 Create a Painter: simple application for drawing in Flash CS3 Pro) that can support a true "gate" - erase function, thanks to a particular use of Layer Shape and Bitmap Let's say that Flash (as opposed to Flex) will not allow encoding (JPG or PNG) will auto-saving of bitmap images. However, you can overcome this obstacle by using a server-side scripting and the ability to send data in POST Flash.

Theory

The artifice that we can use is: read data in a bitmap pixel by pixel, convert them into hex values and send them to POST to a PHP page (in this example we use PHP and GD Library to actually create the ' image, but other solutions are equally effective).

Let's say that the only flaw of this technique is very slow, at least with Bitmap big enough (I tried with a Bitmap 640 x 300)!

Also, as you will see in ActionScript, you can check the progress of the deployment, but only get the event of the completion of all work; Actionscript + PHP.

PRACTICE

Given a bitmap, the algorithm can be used as follows:

PLAIN TEXT
ActionScript
  1. / **
  2. * @ Prototype: 0.0.1
  3. * @ Author: = undo =
  4. * @ Email: @ g.fazioli undolog.com
  5. * @ Web: http://www.undolog.com
  6. *
  7. * @ Params:
  8. *
  9. * __bitmap: Pointer to our bitmap
  10. * __width: Width in pixels
  11. * __height: Height in pixels
  12. *
  13. * /
  15. / / Copy reading - this could be avoided
  16. BitmapData = new BitmapData ( __width , __height ) ; var SBMP: BitmapData = new BitmapData (__width, __height);
  17. ( __bitmap ) ; SBMP. draw (__bitmap);
  18. / /
  19. Array = new Array ( ) ; var pixels: Array = new Array ();
  20. var xx : uint = 0 ; xx < = __width ; xx ++ ) { for (var xx: uint = 0; xx <= __width, xx + +) (
  21. var yy : uint = 0 ; yy < = __height ; yy ++ ) { for (var yy: uint = 0; yy <= __height; yy + +) (
  22. ( sbmp . getPixel32 ( xx , yy ) . toString ( 16 ) ) ; pixels. push (SBMP. getPixel32 (xx, yy). toString (16));
  23. )
  24. )
  25. / /
  26. URLRequest = new URLRequest ( "http://miodominio.com/savebitmap.php" ) ; var urlReq: URLRequest = new URLRequest ( "http://miodominio.com/savebitmap.php");
  27. URLVariables = new URLVariables ( ) ; var urlpar: URLVariables = new URLVariables ();
  28. URLLoader = new URLLoader ( ) ; var urlldr: URLLoader = new URLLoader ();
  29. / /
  30. ( Event . COMPLETE , urlldr. addEventListener (Event. COMPLETE
  31. e : Event ) : void { function (e: Event): void (
  32. 'Completato' ) ; trace ( 'Completed');
  33. )
  34. )
  35. / /
  36. toString ( ) ; urlpar. pixels = pixels. toString ();
  37. = __height ; urlpar. __height height =;
  38. = __width ; urlpar. __width = width;
  39. = urlpar ; urlReq. urlpar = date;
  40. = URLRequestMethod . POST ; urlReq. method = URLRequestMethod. POST;
  41. ( urlreq ) ; urlldr. load (urlReq);

How can we use PHP code:

PLAIN TEXT
PHP:
  1. / **
  2. * @ Prototype: 0.0.1
  3. * @ Author: = undo =
  4. * @ Email: @ g.fazioli undolog.com
  5. * @ Web: http://www.undolog.com
  6. *
  7. * @ Params:
  8. *
  9. * __bitmap: Pointer to our bitmap
  10. * __width: Width in pixels
  11. * __height: Height in pixels
  12. *
  13. * /
  14. / / $ Pixels becomes an array with the values of individual pixels
  15. explode ( "," , $_POST [ 'pixels' ] ) ; $ pixels = explode ( "", $ _POST [ 'pixels']);
  16. $_POST [ 'width' ] ; $ width = $ _POST [ 'width'];
  17. $_POST [ 'height' ] ; $ height = $ _POST [ 'height'];
  18. / / Create the image - @ avoid taking errors
  19. imagecreatetruecolor ( $width , $height ) ; $ image = @ imagecreatetruecolor ($ width, $ height);
  20. / / Write the pixels along the length and height
  21. 0 ; $ index = 0;
  22. $x = 0 ; $x <= $width ; $x ++ ) { for ($ x = 0; $ x <= $ width, $ x + +) (
  23. $y = 0 ; $y <= $height ; $y ++ ) { for ($ y = 0; $ y <= $ height, $ y + +) (
  24. hexdec ( "0x" . substr ( $pixels [ $index ] , 2 , 2 ) ) ; $ r = hexdec ( "0x". substr ($ pixels [$ index], 2, 2));
  25. hexdec ( "0x" . substr ( $pixels [ $index ] , 4 , 2 ) ) ; $ g = hexdec ( "0x". substr ($ pixels [$ index], 4, 2));
  26. hexdec ( "0x" . substr ( $pixels [ $index ] , 6 , 2 ) ) ; $ b = hexdec ( "0x". substr ($ pixels [$ index], 6, 2));
  27. imagecolorallocate ( $image , $r , $g , $b ) ; $ color = imagecolorallocate ($ image, $ r, $ g, $ b);
  28. $image , $x , $y , $color ) ; imagesetpixel ($ image, $ x $ y, $ color);
  29. $ index + +;
  30. )
  31. )
  32. / / Write image (JPG - but you can use a different format) on disk / server
  33. $image , "immagine.jpg" ) ; imagejpeg ($ image, "image.jpg");
  34. $image ) ; // libero tutto imagedestroy ($ image); / / free all

We will return shortly on the subject by proposing other solutions ... ;)

References and WEBGRAF:

Related Post

Was this article helpful?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

Tags:

4 comments to "How to save images in Flash CS3"

  1. getAvatar 1.0
    08 ott, 2008 werutzb:

    Hi!

    I would like make better my SQL capabilities.
    I red really many SQL books and would like to
    read more about SQL for my occupation as mysql database manager.

    What would you recommend?

    Thanks,
    Werutz

    Reply Share
  2. getAvatar 1.0
    January 13, 2009 Abramovicl:

    Hi, i have some questions about you desing
    maybe you can give designers contacts?

    Reply Share
  3. getAvatar 1.0
    July 21, 2009 Uday:

    The above code is workiing perfectelly if we are exporting the SWF and height with less than 400 pixels. If we take the height and with more than 400 pixels then it's not working.

    Can you please tell me, how can I save any more than 500x500 pixel bitmap from Flash?

    Reply Share
  4. getAvatar 1.0
    03 ago, 2009 Giovambattista Fazioli:

    @ Uday: Please check your PHP settings. Could be some timeout setting too low. To send bitmap pixel to the server in POST mode can take several minutes to process.

    Reply Share

Leave a comment

TAG XHTML PERMISSIONS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERTION CODE: 
 <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