<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Aaron Jefferson Villanueva&#039;s Blog Site&#187; Flash</title>
	<atom:link href="http://malebolgia.shadowsonawall.net/category/code-programming/flash/feed" rel="self" type="application/rss+xml" />
	<link>http://malebolgia.shadowsonawall.net</link>
	<description>Programming / Designing Blogging from windows to mac.</description>
	<lastBuildDate>Fri, 06 Aug 2010 02:40:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Premiere CS4 Export Video Problem</title>
		<link>http://malebolgia.shadowsonawall.net/design/premiere-cs4-export-video-problem.html</link>
		<comments>http://malebolgia.shadowsonawall.net/design/premiere-cs4-export-video-problem.html#comments</comments>
		<pubDate>Sat, 12 Jun 2010 22:53:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Adobe Media Encoder CS4]]></category>
		<category><![CDATA[Adobe Media Encoder CS5]]></category>
		<category><![CDATA[Flash Catalyst]]></category>
		<category><![CDATA[Premiere CS4 Pro]]></category>
		<category><![CDATA[Video Editing]]></category>

		<guid isPermaLink="false">http://malebolgia.shadowsonawall.net/?p=328</guid>
		<description><![CDATA[


After Editing a video using  Premiere CS4 , and try exporting the sequence I have - Adobe Media encoder  pops out, and for some reason I couldn't find the sequence I was just trying to export. After few hours figuring out why - I noticed that the version on Media Encoder popping out [...]]]></description>
			<content:encoded><![CDATA[<p style="margin:0px; padding: 0px;">
<img title="Premiere CS4" src="http://malebolgia.shadowsonawall.net/images/adobe/premiereCS4.png" alt="Premiere CS4" width="100" height="100" align="right" hspace="5"   />
<img title="Flash Catalyst CS5" src="http://malebolgia.shadowsonawall.net/images/adobe/flash_catalyst.png" alt="Flash Catalyst CS5" width="100" height="100" align="right" hspace="5"   />
After Editing a video using <strong> <span style="color:#939">Premiere CS4 </span></strong>, and try exporting the sequence I have - <strong><span style=" color:#C33 ">Adobe Media encoder </span></strong> pops out, and for some reason I couldn't find the sequence I was just trying to export. After few hours figuring out why - I noticed that the version on Media Encoder popping out is CS5. This Encoder came with <strong><span style=" color:#C96">Flash Catalyst</span></strong> cause I'm trying their Demo Version - which is very promising for Designers to be able to communicate and explain well to the Developers on how they want the site should function. 
<br /><br />
So what I did was just <strong><span style="color:#F03">uninstall </span> </strong>the Flash Catalyst since I was done of studying it anyway. And Everything worked fine, when I tried to export the Sequence I have on Premiere CS4 its popping out Media Encoder CS4 and finally I can see the sequence on the list.
</p>]]></content:encoded>
			<wfw:commentRss>http://malebolgia.shadowsonawall.net/design/premiere-cs4-export-video-problem.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="1" length="" type="" />
		</item>
		<item>
		<title>Flash AS3 and Mootools Slimbox</title>
		<link>http://malebolgia.shadowsonawall.net/code-programming/flash-as3-and-mootools-slimbox.html</link>
		<comments>http://malebolgia.shadowsonawall.net/code-programming/flash-as3-and-mootools-slimbox.html#comments</comments>
		<pubDate>Fri, 26 Feb 2010 16:14:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Coding/Programming]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Mootools]]></category>
		<category><![CDATA[Actionscript 3.0]]></category>
		<category><![CDATA[bridge]]></category>
		<category><![CDATA[integration]]></category>
		<category><![CDATA[slimbox]]></category>

		<guid isPermaLink="false">http://malebolgia.shadowsonawall.net/?p=199</guid>
		<description><![CDATA[
Most the site I made were based on mootools library but when it comes to Overlay Images Scripts I prefer to use Light box v2 that also you can easily call with in Flash AS3 using the ExternalInterface.call using a bridge which is available for download - flashlightboxinjector unfortunately this is base on jQuery library [...]]]></description>
			<content:encoded><![CDATA[<div style="margin-top:10px;margin-bottom:10px">
Most the site I made were based on <span style="color: #800080;">mootools</span> <a href="http://web-kreation.com/index.php/articles/48-incredible-mootools-sripts/" target="_blank"><strong><span style="color: #993300;">library</span></strong></a> but when it comes to Overlay Images Scripts I prefer to use Light box v2 that also you can easily call with in <strong><span style="color: #ff0000;">Flash AS3 </span></strong>using the <span style="color: #008000;"><span style="text-decoration: underline;"><strong>ExternalInterface.call</strong></span></span> using a bridge which is available for download - <a href="http://www.bram.us/projects/flashlightboxinjector/" target="_blank"><span style="color: #993300;">flashlightboxinjector</span></a> unfortunately this is base on <span style="color: #003300;">jQuery</span> library so I tried to find a "Lightbox" similar Overlay Image function that has available javascript that I can call within Flash AS3 code so <a href="http://www.digitalia.be/software/slimbox" target="_blank"><span style="color: #993300;">Slimbox</span></a> I guess the easiest for me to follow, it got API documentation you can follow <a href="http://code.google.com/p/slimbox/wiki/MooToolsAPI" target="_blank"><span style="color: #993300;">http://code.google.com/p/slimbox/wiki/MooToolsAPI</span>.</a>
</div>
<div style="margin-top:10px;margin-bottom:10px">
<strong>So this is the code inside the flash movie</strong>
</div>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
</pre></td><td class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #009900;">//Begin AS3 Script</span>
  <span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.geom</span>.<span style="color: #000000; font-weight: bold;">*</span>
  <span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.display</span>.<span style="color: #000000; font-weight: bold;">*</span>
&nbsp;
<span style="color: #009900;">//Mouse Events  </span>
  <span style="color: #0033ff; font-weight: bold;">import</span>  <span style="color: #004993;">flash.events</span>.<span style="color: #004993;">MouseEvent</span>;
<span style="color: #009900;">//External Command</span>
  <span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.external</span>.<span style="color: #000000; font-weight: bold;">*</span>;
&nbsp;
<span style="color: #009900;">//gradient background color  </span>
  <span style="color: #6699cc; font-weight: bold;">var</span> fillType<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">String</span> = <span style="color: #004993;">GradientType</span>.<span style="color: #004993;">LINEAR</span>;
  <span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">colors</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Array</span> = <span style="color: #000000;">&#91;</span>0x330000, 0x333307<span style="color: #000000;">&#93;</span>;
  <span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">alphas</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Array</span> = <span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">1</span>, <span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#93;</span>;
  <span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">ratios</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Array</span> = <span style="color: #000000;">&#91;</span>0x00, 0xFF<span style="color: #000000;">&#93;</span>;
  <span style="color: #6699cc; font-weight: bold;">var</span> matr<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Matrix</span> = <span style="color: #0033ff; font-weight: bold;">new</span> <span style="color: #004993;">Matrix</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
  matr.<span style="color: #004993;">createGradientBox</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">150</span>, <span style="color: #000000; font-weight:bold;">20</span>, <span style="color: #000000; font-weight:bold;">0</span>, <span style="color: #000000; font-weight:bold;">0</span>, <span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span>;
  <span style="color: #6699cc; font-weight: bold;">var</span> spreadMethod<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">String</span> = <span style="color: #004993;">SpreadMethod</span>.<span style="color: #004993;">PAD</span>;
  <span style="color: #0033ff; font-weight: bold;">this</span>.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">beginGradientFill</span><span style="color: #000000;">&#40;</span>fillType, <span style="color: #004993;">colors</span>, <span style="color: #004993;">alphas</span>, <span style="color: #004993;">ratios</span>, matr, spreadMethod<span style="color: #000000;">&#41;</span>;  
  <span style="color: #0033ff; font-weight: bold;">this</span>.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">drawRect</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">250</span>,<span style="color: #000000; font-weight:bold;">200</span><span style="color: #000000;">&#41;</span>;
<span style="color: #009900;">//gradient background color  </span>
&nbsp;
<span style="color: #009900;">//Add handler Event</span>
  img1.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">CLICK</span>, onClickHandler01<span style="color: #000000;">&#41;</span>;
&nbsp;
&nbsp;
&nbsp;
<span style="color: #339966; font-weight: bold;">function</span> onClickHandler01<span style="color: #000000;">&#40;</span>myEvent<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">MouseEvent</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
    <span style="color: #009900;">//call	Javascript Command</span>
	<span style="color: #004993;">ExternalInterface</span>.<span style="color: #004993;">call</span><span style="color: #000000;">&#40;</span><span style="color: #990000;">&quot;Slimbox.open&quot;</span>,<span style="color: #990000;">&quot;/images/demon.png&quot;</span>, <span style="color: #990000;">&quot;This Kanji means Demon&quot;</span><span style="color: #000000;">&#41;</span>;
&nbsp;
<span style="color: #000000;">&#125;</span>		
&nbsp;
<span style="color: #009900;">//End AS3 Script</span></pre></td></tr></table></div>





<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993;">ExternalInterface</span>.<span style="color: #004993;">call</span><span style="color: #000000;">&#40;</span><span style="color: #990000;">&quot;Slimbox.open&quot;</span>,<span style="color: #990000;">&quot;/images/demon.png&quot;</span>, <span style="color: #990000;">&quot;This Kanji means Demon&quot;</span><span style="color: #000000;">&#41;</span>;</pre></div></div>



<div style="margin-top:10px;margin-bottom:10px">
This simply calls the javascript Slimbox.open function that will open an Overlay Image also make sure that parameters that <strong><span style="color: #993300;">"wmode" = "transparent"</span></strong> and <strong><span style="color: #993300;">"allowScriptAccess" =  "always"</span> </strong>
</div>
<div style="margin-top:10px;margin-bottom:10px">
I used <span style="text-decoration: underline;"><span style="color: #ff6600;">swfobject</span></span> to render my Flash movies. So here how you implement the html code to make the flash work with slimbox.
</div>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">    &lt;!-- Slimbox Start //--&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;js/swfobject.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;js/mootools.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;js/slimbox.js&quot;&gt;&lt;/script&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;css/slimbox.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;
    &lt;!-- Slimbox End //--&gt;
&nbsp;
&nbsp;
               <span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
                             window.<span style="color: #660066;">addEvent</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'domready'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #006600; font-style: italic;">//for IE 7 problem</span>
			<span style="color: #003366; font-weight: bold;">var</span> soSlim <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> SWFObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;slimbox.swf&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;slimbox&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;250&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;200&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;8&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;#FFFFFF&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			soSlim.<span style="color: #660066;">addParam</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;quality&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;high&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			soSlim.<span style="color: #660066;">addParam</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;wmode&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;transparent&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			soSlim.<span style="color: #660066;">addParam</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;allowScriptAccess&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;always&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			soSlim.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;flashcontentSlim&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                            <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   
		<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>




Demo:

<!-- Slimbox Start //-->
    <script type="text/javascript" src="http://malebolgia.shadowsonawall.net/js/slimbox.js"></script>
    <link rel="stylesheet" href="http://malebolgia.shadowsonawall.net/css/slimbox.css" type="text/css" media="screen" />
<!-- Slimbox End //-->
       <div id="flashcontentSlim">
			Flash required 
		</div>
<script type="text/javascript">
                             window.addEvent('domready', function(){
			var soSlim = new SWFObject("http://malebolgia.shadowsonawall.net/flash/slimbox.swf", "slimbox", "250", "200", "8", "#FFFFFF");
			soSlim.addParam("quality", "high");
			soSlim.addParam("wmode", "transparent");
			soSlim.addParam("allowScriptAccess", "always");
			soSlim.addParam("menu","false");
			soSlim.write("flashcontentSlim");
     				});   
		</script>

<br /><br />

You can also try <a href="http://reghellin.com/milkbox/" target="_blank">milkbox</a>

<br /><br />
<a href="http://malebolgia.shadowsonawall.net/downloads/mootoolsAS3.zip">Download Source Code.</a>]]></content:encoded>
			<wfw:commentRss>http://malebolgia.shadowsonawall.net/code-programming/flash-as3-and-mootools-slimbox.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
<enclosure url="1" length="" type="" />
		</item>
		<item>
		<title>Simple Tutorial Loading variables in Flash</title>
		<link>http://malebolgia.shadowsonawall.net/code-programming/great-and-simple-tutorial-loading-variables-in-flash.html</link>
		<comments>http://malebolgia.shadowsonawall.net/code-programming/great-and-simple-tutorial-loading-variables-in-flash.html#comments</comments>
		<pubDate>Fri, 21 Nov 2008 09:35:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Coding/Programming]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[Loading Variables]]></category>

		<guid isPermaLink="false">http://malebolgia.shadowsonawall.net/?p=31</guid>
		<description><![CDATA[Simple and Easy to follow&#8230;
 http://www.nunomira.com/tutorials/loading_variables.php
]]></description>
			<content:encoded><![CDATA[<p>Simple and Easy to follow&#8230;</p>
<p><a href="http://www.nunomira.com/tutorials/loading_variables.php" target="_blank"> http://www.nunomira.com/tutorials/loading_variables.php</a></p>
]]></content:encoded>
			<wfw:commentRss>http://malebolgia.shadowsonawall.net/code-programming/great-and-simple-tutorial-loading-variables-in-flash.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
