<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://wiki.whirled.club/index.php?action=history&amp;feed=atom&amp;title=Flex_Builder</id>
	<title>Flex Builder - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.whirled.club/index.php?action=history&amp;feed=atom&amp;title=Flex_Builder"/>
	<link rel="alternate" type="text/html" href="https://wiki.whirled.club/index.php?title=Flex_Builder&amp;action=history"/>
	<updated>2026-07-29T18:18:53Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.39.7</generator>
	<entry>
		<id>https://wiki.whirled.club/index.php?title=Flex_Builder&amp;diff=2490&amp;oldid=prev</id>
		<title>Whirled vox: Text replacement - &quot;&amp;gt;&quot; to &quot;&gt;&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.whirled.club/index.php?title=Flex_Builder&amp;diff=2490&amp;oldid=prev"/>
		<updated>2018-09-04T03:19:37Z</updated>

		<summary type="html">&lt;p&gt;Text replacement - &amp;quot;&amp;gt;&amp;quot; to &amp;quot;&amp;gt;&amp;quot;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 03:19, 4 September 2018&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l40&quot;&gt;Line 40:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 40:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* By default, the workspace is $HOME/workspace.  This can be changed to whirled.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* By default, the workspace is $HOME/workspace.  This can be changed to whirled.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* For Whirled, the typical application is an ActionScript project.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* For Whirled, the typical application is an ActionScript project.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** File -&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;gt; &lt;/del&gt;New -&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;gt; &lt;/del&gt;Flex -&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;gt; &lt;/del&gt;ActionScript Project.  Enter a new Project name.  At this point, you can select the Flex SDK version you wish to use (2.0.1 or 3.0.0).  By default 3.0.0 is used.   &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** File -&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;gt; &lt;/ins&gt;New -&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;gt; &lt;/ins&gt;Flex -&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;gt; &lt;/ins&gt;ActionScript Project.  Enter a new Project name.  At this point, you can select the Flex SDK version you wish to use (2.0.1 or 3.0.0).  By default 3.0.0 is used.   &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Use '''HelloWhirled''' as the Project name for this example.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Use '''HelloWhirled''' as the Project name for this example.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** Add code from this wiki page : [[Hello_Whirled]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** Add code from this wiki page : [[Hello_Whirled]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l48&quot;&gt;Line 48:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 48:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Tell the Project about the Whirled SDK.  Until a more permanent solution can be found, you need to add the Whirled SDK to all '''new''' projects.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Tell the Project about the Whirled SDK.  Until a more permanent solution can be found, you need to add the Whirled SDK to all '''new''' projects.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** Project -&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;gt; &lt;/del&gt;Properties [[Image:LFB_Project_Properties.png]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** Project -&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;gt; &lt;/ins&gt;Properties [[Image:LFB_Project_Properties.png]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** On the left, select ActionScript Build Path.  Then click on the '''Library path''' tab on top of the middle window.  On the right, click on add '''Add SWC Folder...''' button.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** On the left, select ActionScript Build Path.  Then click on the '''Library path''' tab on top of the middle window.  On the right, click on add '''Add SWC Folder...''' button.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** In the pop up, include the Whirled SDK path plus '''/dist'''.  (See example above)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;** In the pop up, include the Whirled SDK path plus '''/dist'''.  (See example above)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Whirled vox</name></author>
	</entry>
	<entry>
		<id>https://wiki.whirled.club/index.php?title=Flex_Builder&amp;diff=1546&amp;oldid=prev</id>
		<title>Dragawn: Created page with &quot;Flex Builder can be used to construct avatars, toys, etc for Whirled.  This wiki page shows where to grab all the appropriate software components to help get you started with...&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.whirled.club/index.php?title=Flex_Builder&amp;diff=1546&amp;oldid=prev"/>
		<updated>2018-08-26T12:06:21Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;Flex Builder can be used to construct avatars, toys, etc for Whirled.  This wiki page shows where to grab all the appropriate software components to help get you started with...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Flex Builder can be used to construct avatars, toys, etc for Whirled.  This wiki page shows where to grab all the appropriate software components to help get you started with Whirled and the Linux Flex Builder. Please note that you may also use the free Flex SDK to create things for Whirled using your existing development environment.&lt;br /&gt;
&lt;br /&gt;
== An important note ==&lt;br /&gt;
Flex Builder comes with a library of user-interface components, collectively called the '''Flex Framework'''. It is important to note that the '''Flex Framework UI components ''do not work'' in Whirled, due to limitations with the framework that prevent the components from working inside a security boundary, and Whirled loads all user-created content into security boundaries for obvious reasons.''' Hopefully someday Adobe will fix this problem. Until then, it is simply a matter of avoiding using any of the mx.controls or mx.containers classes.&lt;br /&gt;
&lt;br /&gt;
= Components =&lt;br /&gt;
* Java JRE should already be installed. Version 5 recommended.&lt;br /&gt;
* [http://labs.adobe.com/technologies/flex/flexbuilder_linux/ Linux Flex Builder (alpha)]:  This includes Flex 3.0.0 and 2.0.1 SDKs and the Flash standalone player and debug version of the Flash plugin.  The latest alpha will expire in about 118 days (as of April 19, 2008).&lt;br /&gt;
* [http://download.eclipse.org/eclipse/downloads/ Eclipse 3.3 or better]&lt;br /&gt;
* Get the latest [[Whirled SDK]].&lt;br /&gt;
&lt;br /&gt;
== Windows/MacOS X ==&lt;br /&gt;
Windows and MacOS X platforms have a Flex Builder 3 application waiting for use.  Please zip over to [http://www.adobe.com/products/flex/ Adobe - Flex 3] for more information.&lt;br /&gt;
&lt;br /&gt;
* Installation instructions for [[Flex Builder Windows]].  The Windows trial is currently set for 60-days after first use after installation.  Full license is $US249.00.&lt;br /&gt;
&lt;br /&gt;
= Installation =&lt;br /&gt;
Installation can be completed in any directory.  In this example, we will assume you are going to install this in $HOME.&lt;br /&gt;
&lt;br /&gt;
== Eclipse ==&lt;br /&gt;
* cd $HOME&lt;br /&gt;
* gzip -dc eclipse-SDK-3.3-linux-gtk.tar.gz | tar xf -&lt;br /&gt;
* This will create an eclipse directory.  The path is $HOME/eclipse.  You will need this for the Linux Builder.&lt;br /&gt;
&lt;br /&gt;
== Linux Builder ==&lt;br /&gt;
* Either add execute permission to the download or run '''sh'''.&lt;br /&gt;
* sh flexbuilder_linux_install_a1_100207.bin&lt;br /&gt;
* It will guide you through an installation GUI.&lt;br /&gt;
** You will need the path to eclipse.&lt;br /&gt;
** It will install the Flash debug versions of the standalone player and plugin.&lt;br /&gt;
* This will create a directory called '''Adobe_Flex_Builder_Linux'''&lt;br /&gt;
&lt;br /&gt;
== Whirled SDK ==&lt;br /&gt;
* unzip whirled_sdk_0.19.zip&lt;br /&gt;
* This unpacks to a directory called '''whirled'''&lt;br /&gt;
&lt;br /&gt;
= First Project =&lt;br /&gt;
* cd Adobe_Flex_Builder_Linux&lt;br /&gt;
* ./Adobe_Flex_builder.sh&lt;br /&gt;
* By default, the workspace is $HOME/workspace.  This can be changed to whirled.&lt;br /&gt;
* For Whirled, the typical application is an ActionScript project.&lt;br /&gt;
** File -&amp;amp;gt; New -&amp;amp;gt; Flex -&amp;amp;gt; ActionScript Project.  Enter a new Project name.  At this point, you can select the Flex SDK version you wish to use (2.0.1 or 3.0.0).  By default 3.0.0 is used.  &lt;br /&gt;
* Use '''HelloWhirled''' as the Project name for this example.&lt;br /&gt;
** Add code from this wiki page : [[Hello_Whirled]]&lt;br /&gt;
* Save the project.  OOPS!  We have errors?&lt;br /&gt;
&lt;br /&gt;
[[Image:LFB_Hello_Whirled_1.png]]&lt;br /&gt;
&lt;br /&gt;
* Tell the Project about the Whirled SDK.  Until a more permanent solution can be found, you need to add the Whirled SDK to all '''new''' projects.&lt;br /&gt;
** Project -&amp;amp;gt; Properties [[Image:LFB_Project_Properties.png]]&lt;br /&gt;
** On the left, select ActionScript Build Path.  Then click on the '''Library path''' tab on top of the middle window.  On the right, click on add '''Add SWC Folder...''' button.&lt;br /&gt;
** In the pop up, include the Whirled SDK path plus '''/dist'''.  (See example above)&lt;br /&gt;
* Close all the dialogs and the project should update and the red Xs vanish.&lt;br /&gt;
&lt;br /&gt;
== Running ==&lt;br /&gt;
Under Run, you can select Run.  Although this is an ActionScript project, the only way to run in this version of the Flex builder is to choose '''Flex Application'''.&lt;br /&gt;
&lt;br /&gt;
In Firefox, this should be the result:&lt;br /&gt;
[[Image:LFB_Hello_Whirled_2.png]]&lt;br /&gt;
&lt;br /&gt;
== Debug version ==&lt;br /&gt;
By default, when you save the project, it will automatically build a '''swf''' file.  These swf files are built with debugging turned '''on'''.  This will cause problems for folks in Whirled when your avatar loads.&lt;br /&gt;
&lt;br /&gt;
A future [[Debugging]] tutorial is in the works.&lt;br /&gt;
&lt;br /&gt;
== Release version ==&lt;br /&gt;
To create a version of the swf file that does not have debugging turned on, use the '''Export Release Version''' button or option under '''Project'''.  Then, upload that '''swf''' file to Whirled.&lt;br /&gt;
&lt;br /&gt;
= Ready =&lt;br /&gt;
Now you're ready to push on with other tutorials with the Linux Flex Builder.&lt;br /&gt;
&lt;br /&gt;
[[Category:Tutorials]]&lt;/div&gt;</summary>
		<author><name>Dragawn</name></author>
	</entry>
</feed>