Technowledge » Web Design

Export PNG From Flash Using ActionScript 3 PNG Exporter Class

Fahad Junaid — Fri, 04 Sep 2009 06:52:02 +0000

Description: Makes an easy to export PNG Images from with in Flash. You can take a snapshot of any MovieClip and get the class to export it to PHP which then saves it.

Functions:

snapObject(target:MovieClip,cropArea:Rectangle = null)
This function accepts two arguments. One the target MovieClip that needs to be snapped. Second is an optional Rectangle (flash.geom.Rectangle) which, if passed, will crop the image to that rectangle.
SendToPage(URLToPage:String,onComplete:Function = null)
Once the movieclip has been snapped you can simply call this function and give it the URL to the PHP Page (included in the files) and it will send the image to it. A option “onComplete” function can also be passed which will be called once the image is saved.

Sample Code:

import com.muhammadbinyusrat.PNGExport;
var SnapObject:PNGExport = new PNGExport();//instanciate the class
SnapObject.snapObject(testClip); /*Takes a snapshot of the provided MovieClip, if you want it to be cropped before sending, you can specify a second argument as Rectangle*/
SnapObject.SendToPage(“http://localhost/class/GetImage.php“,test);
/*Once snaped, it can be sent to any page. The second argument is the function that can be called once the processing complete. Second argument is optional. */
function test(e:Event):void{
trace(“PHP’s Response:” + e.target.data);
}

Download:
PNGExport.zip

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

How to turn on Word Wrap in Aptana Studio

Sajid Iqbal — Mon, 16 Feb 2009 16:09:23 +0000

I am using Aptana studio since a reader recommended me in one of my earlier post. I found Aptana Studio an excellent tool for designing my web pages. Initially, I was quite surprised when I saw no word wrap in the editor area. Browsing through different menus I couldn’t find how to turn on word wrapping. Here is a cluttered view of my code editor before word wrapping was not unable:

Searching through Aptana forums I come to know how to turn on word wrapping. It wasn’t that hard.

Go to Windows > Preferences.
Click Editor in left side pane and then click Advanced tab.
Check the Enable word wrap (requires editor restart) and click apply.

Though it suggest that editor need to be restarted but it would apply without restarting anything.

Now check this screenshot with word wrap enabled:

iPhone Problems And Their Solutions Below is the list of most common iPhone Problems and...

Related posts brought to you by Yet Another Related Posts Plugin.

The perfect web designing environment for ubuntu

Sajid Iqbal — Fri, 19 Dec 2008 14:33:51 +0000

Its been a while I am using Ubuntu & I must say that I’m lovin it. Currently I am using Ubuntu 8.10. I work as a part time web designer in my free time. After shifting from Windows to Linux i.e Ubuntu, the biggest hurdle for me was how to shift my web designing environment to my new OS. Fortunately it wasn’t that hard to mimic my favourite environment in Ubuntu thanks mainly to Wine(No, I don’t drink ).
For designing my site layout I prefer to use Adobe Photoshop. Fortunately wine supports Photoshop versions till CS2, not bad if you have to only design websites layout in it. If one is interested in some serious graphics work than off-course CS3 or CS4(the latest the better) are suitable for his work. Back to the topic, my design part is performed smoothly in Photoshop running under wine.

Notepad++ running under wine on a Ubuntu machine

Than comes coding my sites. For a web designer(and small scale developer) coding means static html(or xhtml) sites with touch of CSS & nothing more. There are linux solutions for WYSIWYG editors like Frontpage or Dreamweaver but I like to code by hand. Since different template systems are in now-a-days, coding by hand is more accurate way to accomplish the task. So, for coding I prefer Notepad++ which has some really cool features for handy coders. Though some features do not work under wine but important features like syntax highlighting for different kind of programming languages & tabs support are there to help. BTW I wonder why such a popular open source application is not yet ported to Linux?

XAMMP webserver on a Ubuntu machine

Now-a-days ready to be customize open source content management systems & blogging applications are quite popular. Almost all such applications have a template system which you can theme as per your need without any knowledge of web development technologies. All you need is to download, install & run these applications on a locally to modify the themes(or templates sometime) for your clients. This is where you have to setup some web server where you can deploy these applications for testing, modifying & making them client ready. I prefer to use lightweight XAMPP webserver for this part. Though Apache & mySQL can be installed easily from Ubuntu repositories but i prefer XAMMP as this is a one stop solution for your web server need. It has apache, mysql, filezilla & PhpMyAdmin buil in to cater all your web server needs.

This completes my personal small web designing enviroment. How about yours? Comments & suggestions are always welcome.

Update: Please vote for your favourite editor here:

Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.