{"id":626,"date":"2010-02-01T20:21:56","date_gmt":"2010-02-01T20:21:56","guid":{"rendered":"http:\/\/www.codingfriends.com\/?p=626"},"modified":"2010-02-01T20:24:08","modified_gmt":"2010-02-01T20:24:08","slug":"hello-world-8","status":"publish","type":"post","link":"https:\/\/www.codingfriends.com\/index.php\/2010\/02\/01\/hello-world-8\/","title":{"rendered":"Hello World"},"content":{"rendered":"

Flex is the Flash SDK from Adobe, you can download a open source command line compiler from adobe (Flex open source page<\/a> ). The Free SDK link is here<\/a>.<\/p>\n

Once you have downloaded the free SDK, you will need to place into the system. I have placed mine into \/opt directory called flex_sdk_3, so something like (you will need to be root to do this!)<\/p>\n

\r\ncd \/opt\r\nmkdir flex_sdk_3\r\ncd flex_sdk_3\r\nunzip \n
and then create a place for where you are going to be creating your flex scripts, I placed mine into my home directory under my programming\/flex sturcture, so this is where I am<\/p>\n
\r\nmkdir -p ~\/Programming\/flex\/\r\n<\/pre>\n
The -p will create any directories that are not present there already, and also the ~ is for the home directory that user.<\/p>\n
I then copied the flex-config.xml from the \/opt\/flex_sdk_3\/frameworks directory into the Programming\/flex directory and edited it to the new values.
\nThe full differences between the standard flex-config.xml and the one that I have altered is below, but basically I have added into the xml elements values the new directory for where flex-sdk is (e.g. \/opt\/flex_sdk_3\/) so that flex's command line environment will know where to get the libraries to compile and create the swf (ShockWave Flash), but here are the elements that I have altered.<\/p>\n
\r\n\r\n     \/opt\/flex_sdk_3\/frameworks \r\n\r\n     all the \/opt\/flex_sdk_3\/frameworks\r\n\r\n   the \/opt\/flex_sdk_3\/frameworks path to the framework directory file.\r\n<\/pre>\n
Because the class structure follows the directory structure of the directories below the compiling environment, I created the following directory structure com\/codingfriends\/helloworld with<\/p>\n
\r\nmkdir -p com\/codingfriends\/helloworld\r\n<\/pre>\n
which will create the whole structure if there is no directories there already.<\/p>\n
Then you can place these two files into the helloworld directory<\/p>\n
This is the class Greeter that is created and turned into a object within the swf file save this as Greeter.as<\/p>\n
\r\n\/\/ the directory structure of where the class is.\r\npackage com.codingfriends.helloworld\r\n{\r\n\tpublic class Greeter\r\n\t{\r\n\t\tprivate var name:String;\r\n\t\t\r\n\t\t\/\/ constructor\r\n\t\tpublic function Greeter(initialName:String=\"Ian\")\r\n\t\t{\r\n\t\t\tname = initialName;\r\n\t\t}\r\n\r\n\t\t\/\/ sayHello returns a String\r\n\t\tpublic function sayHello():String\r\n\t\t{\r\n\t\t\tvar result:String;\r\n\t\t\t\/\/ if the class private name is present\r\n\t\t\tif (name!=null && name.length >0)\t\r\n\t\t\t{\r\n\t\t\t\tresult = \"Hello there, \"+name+\".\";\r\n\t\t\t}\r\n\t\t\t\/\/ should never reach here on a basic run.\r\n\t\t\telse \r\n\t\t\t{\r\n\t\t\t\tresult=\"Hello there.\";\r\n\t\t\t}\r\n\t\r\n\t\t\treturn result;\r\n\t\t}\r\n\t}\r\n}\r\n<\/pre>\n
var = variable and the type of variable or return variable is at the end of the definition e.g. <\/p>\n
\r\npublic var name:String; \/\/ this is a variable named \"name\" and it is of type String\r\npublic function sayHello():String \/\/ this is a function named \"sayHello\" and returns a String type\r\n<\/pre>\n
save this as Greeter_mx.mxml<\/p>\n
\r\n\r\n\r\n\r\n\r\n<\/mx:Script>\r\n\r\n\r\n<\/mx:Application>\r\n<\/pre>\n
The  is the place where the code starts, the rest is just the adobe application settings, within the code there is a reference to \"output\", which is defined in the \r\nPATH=$PATH:\/opt\/flex_sdk_3\/bin\r\n<\/pre>\n
and then to compile up the source code<\/p>\n
\r\nmxmlc -load-config flex-config.xml -source-path=~\/Programming\/flex\/actionscript\/ .\/com\/codingfriends\/helloworld\/Greeter_mx.mxml -output .\/bin\/Greeter_mx.swf\r\n<\/pre>\n
the -load-config will load the one in the present directory which I altered, and -source-path is there so that the base directory is used for compiling so the compiler will know where to get the com\/codingfriends\/helloworld\/Greeter.as and Greeter_mx.mxml, and the -output is what the output flash file is\/placed.<\/p>\n
Here is the output of the Greeter.swf file.<\/p>\n

\n<\/embed><\/p>\n
Here is the difference (diff) between the flex-config.xml from the one that I edited and the one that was in the \/opt\/flex_sdk_3\/frameworks directory.<\/p>\n
\r\n53c53\r\n<           \/opt\/flex_sdk_3\/frameworks\/libs\/player\/{targetPlayerMajorVersion}\/playerglobal.swc<\/path-element>\r\n---\r\n>           libs\/player\/{targetPlayerMajorVersion}\/playerglobal.swc<\/path-element>\r\n70c70\r\n<          \/opt\/flex_sdk_3\/frameworks\/libs<\/path-element>\r\n---\r\n>          libs<\/path-element>\r\n72,74c72,74\r\n<          \/opt\/flex_sdk_3\/frameworks\/libs\/player<\/path-element>\r\n<          \/opt\/flex_sdk_3\/frameworks\/libs\/player\/{targetPlayerMajorVersion}<\/path-element>\r\n<            \/opt\/flex_sdk_3\/frameworks\/locale\/{locale}<\/path-element>\r\n---\r\n>          libs\/player<\/path-element>\r\n>          libs\/player\/{targetPlayerMajorVersion}<\/path-element>\r\n>            locale\/{locale}<\/path-element>\r\n82c82\r\n<             \/opt\/flex_sdk_3\/frameworks\/mxml-manifest.xml<\/manifest>\r\n---\r\n>             mxml-manifest.xml<\/manifest>\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
Flex is the Flash SDK from Adobe, you can download a open source command line compiler from adobe (Flex open source page ). The Free SDK link is here. Once you have downloaded the free SDK, you will need to place into the system. I have placed mine into \/opt directory called flex_sdk_3, so something … Continue reading Hello World<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79],"tags":[74,81,83,80],"class_list":["post-626","post","type-post","status-publish","format-standard","hentry","category-flex-flash","tag-flash","tag-flex","tag-mxmlc","tag-swf"],"_links":{"self":[{"href":"https:\/\/www.codingfriends.com\/index.php\/wp-json\/wp\/v2\/posts\/626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codingfriends.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codingfriends.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codingfriends.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codingfriends.com\/index.php\/wp-json\/wp\/v2\/comments?post=626"}],"version-history":[{"count":5,"href":"https:\/\/www.codingfriends.com\/index.php\/wp-json\/wp\/v2\/posts\/626\/revisions"}],"predecessor-version":[{"id":631,"href":"https:\/\/www.codingfriends.com\/index.php\/wp-json\/wp\/v2\/posts\/626\/revisions\/631"}],"wp:attachment":[{"href":"https:\/\/www.codingfriends.com\/index.php\/wp-json\/wp\/v2\/media?parent=626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codingfriends.com\/index.php\/wp-json\/wp\/v2\/categories?post=626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codingfriends.com\/index.php\/wp-json\/wp\/v2\/tags?post=626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}