<?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>[mck] &#187; Flash experiments</title>
	<atom:link href="http://www.matthijskamstra.nl/blog/index.php/category/flash/flash-experiments/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.matthijskamstra.nl/blog</link>
	<description>a polymath zapper</description>
	<lastBuildDate>Fri, 27 Jan 2012 22:32:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Six screens Flash animation</title>
		<link>http://www.matthijskamstra.nl/blog/index.php/2009/07/29/six-screens-flash-animation/</link>
		<comments>http://www.matthijskamstra.nl/blog/index.php/2009/07/29/six-screens-flash-animation/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 08:00:21 +0000</pubDate>
		<dc:creator>Matthijs Kamstra</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash experiments]]></category>
		<category><![CDATA[adobe flash]]></category>
		<category><![CDATA[flash animation]]></category>
		<category><![CDATA[flash application]]></category>
		<category><![CDATA[fullscreen]]></category>
		<category><![CDATA[kiosk]]></category>
		<category><![CDATA[monitors]]></category>
		<category><![CDATA[multimedia installations]]></category>
		<category><![CDATA[screens]]></category>

		<guid isPermaLink="false">http://www.matthijskamstra.nl/blog/?p=1058</guid>
		<description><![CDATA[I currently working on a project where a Flash Application is played on six (6!) screens. The screens are 1366&#215;768 which must be (a least mine) the biggest Flash animation (8196px wide and 768pixels high) The problem with Flash is that it will not go full-screen on more then on screen. With some hacking you [...]]]></description>
			<content:encoded><![CDATA[<p>I currently working on a project where a Flash Application is played on six (6!) screens.<br />
The screens are 1366&#215;768 which must be (a least mine) the biggest Flash animation (8196px wide and 768pixels high)<br />
The problem with Flash is that it will not go full-screen on more then on screen. With some <a href="http://www.gavinr.com/2009/04/18/dual-monitors-full-screen-flash/">hacking</a> you can get it to open full-screen on your secondary monitor but not 2 monitors.</p>
<p>I hoped to find the solution in AIR, but that has a 2880px limit (<a href="http://bugs.adobe.com/jira/browse/SDK-14431">read here</a>)</p>
<p>After some googling I found <a href="http://gizmoware.net/flashdancer/">Flash Dancer by Gizmoware</a>.</p>
<p><img src="http://gizmoware.net/flashdancer/screencap1.jpg" alt="Flash Dancer by Gizmoware" /></p>
<p>And who can explain it better then the <strong>Flash Dancer</strong> creator himself:</p>
<blockquote><p>Flash Dancer gives Adobe Flash multi-monitor support. Want to play your Flash file fullscreen on monitor 2? Now you can. Want it to span fullscreen over 4 monitors? No problem with Flash Dancer. This is extremely useful in kiosk type applications, large scale multimedia installations, restaurants displaying menus on remote monitors, etc. Its been confirmed to work on a 6 monitor setup without a burp.</p></blockquote>
<p><em>(I&#8217;m the one that has confirmed that it works on Vista and on 6 monitors <img src='http://www.matthijskamstra.nl/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  )</em></p>
<p>So what can I tell more:</p>
<p>[as highlight="4" light="false" wraplines="true"]<br />
// Specifies that the size of the application be fixed, so that it remains unchanged even as the size of the player window changes.<br />
stage.scaleMode 	= StageScaleMode.NO_SCALE;<br />
stage.align 		= StageAlign.TOP_LEFT;<br />
stage.quality 	= StageQuality.LOW; // important: the image will be cut off when you use HIGH<br />
[/as]</p>
<p>And of course you need to tile a pattern, but I&#8217;ll leave that up to you.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.matthijskamstra.nl/blog/index.php/2009/07/29/six-screens-flash-animation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash experiments: amazing tube</title>
		<link>http://www.matthijskamstra.nl/blog/index.php/2007/06/27/flash-experiments-amazing-tube/</link>
		<comments>http://www.matthijskamstra.nl/blog/index.php/2007/06/27/flash-experiments-amazing-tube/#comments</comments>
		<pubDate>Wed, 27 Jun 2007 09:38:29 +0000</pubDate>
		<dc:creator>Matthijs Kamstra</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash experiments]]></category>
		<category><![CDATA[Papercraft]]></category>

		<guid isPermaLink="false">http://www.matthijskamstra.nl/blog/index.php/2007/06/27/flash-experiments-amazing-tube/</guid>
		<description><![CDATA[I was experimenting with Google SketchUp 6 and Pepakura designer v2 .1.2. And I saw in the Pepakura a pattern when creating tubes. Update: it not only creates tubes (example: 15 sides) but also cubes (4 sides) and prism (3 sides) And off course I couldn&#8217;t resist building it in Flash: And in this case [...]]]></description>
			<content:encoded><![CDATA[<p>I was <a href="http://www.matthijskamstra.nl/blog/index.php/2007/03/21/how-to-create-your-own-papercraft/">experimenting</a> with <a href="http://sketchup.google.com/index.html">Google SketchUp 6</a> and <a href="http://www.tamasoft.co.jp/pepakura-en/">Pepakura designer v2 .1.2</a>.<br />
And I saw in the Pepakura a pattern when creating tubes.</p>
<div class="highlight">Update: it not only creates tubes (example: 15 sides) but also cubes (4 sides) and prism (3 sides)</div>
<p>And off course I couldn&#8217;t resist building it in Flash:</p>
<blockquote><p>And in this case it&#8217;s a flash application that creates flat, printable versions of <strike>cubes</strike> tube. Just print it, cut it out, glue it together and there you have it: the amazing <strike>cube</strike> tube:</p></blockquote>
<div class="flash">
<object width="450" height="450">
<param name="movie" value="http://www.matthijskamstra.nl/laboratory/swf_experiments/amazingTube_v01.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="450" height="450" src="http://www.matthijskamstra.nl/laboratory/swf_experiments/amazingTube_v01.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</div>
<p>I have made something similar: <a href="http://www.matthijskamstra.nl/blog/index.php/2006/12/27/flash-experiments-the-amazing-cube/"><strong>the amazing cube</strong></a>.<br />
I&#8217;m working towards something????</p>
]]></content:encoded>
			<wfw:commentRss>http://www.matthijskamstra.nl/blog/index.php/2007/06/27/flash-experiments-amazing-tube/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flash experiments: omtrek cirkel</title>
		<link>http://www.matthijskamstra.nl/blog/index.php/2007/05/16/flash-experiments-omtrek-cirkel/</link>
		<comments>http://www.matthijskamstra.nl/blog/index.php/2007/05/16/flash-experiments-omtrek-cirkel/#comments</comments>
		<pubDate>Wed, 16 May 2007 19:56:37 +0000</pubDate>
		<dc:creator>Matthijs Kamstra</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash experiments]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Experiments]]></category>

		<guid isPermaLink="false">http://www.matthijskamstra.nl/blog/index.php/2007/05/16/flash-experiments-omtrek-cirkel/</guid>
		<description><![CDATA[I have to do this in Dutch because I have no idea what&#8217;s it called in English, sorry. It not really important, and will be used in a project which has little to do with this explanation. Een klein testje om de omtrek en de oppervlakte van een cirkel te berekenen. Het moest van ver [...]]]></description>
			<content:encoded><![CDATA[<p>I have to do this in Dutch because I have no idea what&#8217;s it called in English, sorry.<br />
It not really important, and will be used in a project which has little to do with this explanation.</p>
<p>Een klein testje om de omtrek en de oppervlakte van een cirkel te berekenen.<br />
Het moest van ver komen dus heb ik het ff opgezocht:<br />
<a href="http://www.wiswijzer.nl/pagina.asp?nummer=315">wiswijzer.nl</a><br />
<a href="http://www.wisfaq.nl/showrecord3.asp?Id=3611">wisfaq.nl</a></p>
<p><strong>Omtrek</strong> = pi * diameter = 2 * pi * straal<br />
<strong>Oppervlakte</strong> = 1/4 * pi * diameter<SUP>2</SUP> = pi * straal<SUP>2</SUP></p>
<div class="flash">
<object width="450" height="250">
<param name="movie" value="http://www.matthijskamstra.nl/laboratory/swf_experiments/omtrek.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="450" height="250" src="http://www.matthijskamstra.nl/laboratory/swf_experiments/omtrek.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</div>
<div class="update"><strong>Update #1:</strong> For my English readers:<br />
(more about circles <a href="http://www.mathopenref.com/circle.html">here</a>)<br />
&#8220;omtrek&#8221; = circumference<br />
&#8220;oppervlakte&#8221; = area (read more: <a href="http://www.mathopenref.com/circlearea.html">circle area</a>)<br />
&#8220;diameter&#8221; = diameter (<a href="http://www.mathopenref.com/diameter.html">diameter</a>)<br />
&#8220;straal&#8221; = radius<br />
(look more math stuff up at at <a href="http://www.mathopenref.com/">Math Open Reference</a>)
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.matthijskamstra.nl/blog/index.php/2007/05/16/flash-experiments-omtrek-cirkel/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flash experiments: tiled background</title>
		<link>http://www.matthijskamstra.nl/blog/index.php/2007/05/09/flash-experiments-tiled-background/</link>
		<comments>http://www.matthijskamstra.nl/blog/index.php/2007/05/09/flash-experiments-tiled-background/#comments</comments>
		<pubDate>Wed, 09 May 2007 09:00:39 +0000</pubDate>
		<dc:creator>Matthijs Kamstra</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash experiments]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[background patterns]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[Experiments]]></category>
		<category><![CDATA[external images]]></category>
		<category><![CDATA[flash background]]></category>
		<category><![CDATA[seamless background]]></category>
		<category><![CDATA[tiled background]]></category>
		<category><![CDATA[tiles]]></category>

		<guid isPermaLink="false">http://www.matthijskamstra.nl/blog/index.php/2007/05/09/flash-experiments-tiled-background/</guid>
		<description><![CDATA[Update #1: Recently there are some who like to have the source of this project, that&#8217;s not a problem. But the source is what it is, and there are no comment in the code&#8230;. And because this post was not up-to-date, I&#8217;ve remove some of the links to sites with patterns because they didn&#8217;t exist [...]]]></description>
			<content:encoded><![CDATA[<div class="highlight"><strong>Update #1:</strong> Recently there are some who like to have the source of this project,  that&#8217;s not a problem. But the source is what it is, and there are no comment in the code&#8230;.<br />
And because this post was not up-to-date, I&#8217;ve remove some of the links to sites with patterns because they didn&#8217;t exist anymore. That&#8217;s also the reason that I had to update the Flash file.<br />
<a href="#downloadfile">shortcut to download</a></div>
<p>Another experiment, to use external images for background patterns.</p>
<p>But there was no need to start from zero, so here are some tutorials that I used:</p>
<ul>
<li><a href="http://www.kirupa.com/developer/mx2004/duplicatebackground.htm">duplicatebackground</a></li>
<li><a href="http://www.kirupa.com/developer/flash8/tiledbackground_flash8.htm">tiledbackground flash8</a></li>
</ul>
<p>both tutorials were used in the experiment.</p>
<div class="flash">
<object width="450" height="450">
<param name="movie" value="http://www.matthijskamstra.nl/laboratory/swf_experiments/tiledBackground_v02.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="450" height="450" src="http://www.matthijskamstra.nl/laboratory/swf_experiments/tiledBackground_v02.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</div>
<p><em>(I had to update this file because of broken links: this is version 2)</em></p>
<p>Get the source files here:</p>
<div class="downloadbtn" id="downloadfile"><a href="#" onclick="location.href='http://www.matthijskamstra.nl/blog/download-manager.php?id=16'" title="Tiled Background Source: tiledBackground_v02.zip (46 kB)"><strong>Tiled Background Source</strong> zip size: 46 kB</a><span class="downloadnumber2"> 613 </span></div>
<p><em>The .ZIP file contains:</em></p>
<pre>
+ tiledBackground
     + deploy
            - AC_RunActiveContent.js
            - tiledBackground_v02.html
            - tiledBackground_v02.swf
     + source
            - tiledBackground_v02.fla
</pre>
<p></p>
<p>Borrowed some seamless background pattern from <a href="http://www.squidfingers.com/">Squidfingers</a><br />
<strike><a href="http://www.squidfingers.com/assets/patterns/pattern_021.gif" alt="" class="broken_link">pattern_021.gif</a><br />
<a href="http://www.squidfingers.com/assets/patterns/pattern_095.gif" alt="" class="broken_link">pattern_095.gif</a><br />
<a href="http://www.squidfingers.com/assets/patterns/pattern_111.gif" alt="" class="broken_link">pattern_111.gif</a><br />
<a href="http://www.squidfingers.com/assets/patterns/pattern_131.gif" alt="" class="broken_link">pattern_131.gif</a><br />
<a href="http://www.squidfingers.com/assets/patterns/pattern_141.gif" alt="" class="broken_link">pattern_141.gif</a></strike></p>
<div class='highlight'>It&#8217;s not possible to link directly to Squidfingers!</div>
<p>But you can find your own patterns on the internet, examples of site with seamless background patterns:<br />
<strike><a href="http://www.wonderbackgrounds.com/">http://www.wonderbackgrounds.com/</a><br />
<a href="http://www.cameradio.tk/tiles1.htm">http://www.cameradio.tk/tiles1.htm</a></p>
<p><a href="http://www.root2art.co.uk/backgrounds/index.php?bg=background_tile01&#038;title=Background%20Tiles%2001">root2art.co.uk</a><br />
<a href="http://backgroundsarchive.com/tiles/wood.php?page=2">http://backgroundsarchive.com/tiles/wood.php?page=2</a></strike></p>
<p>I used <a href="http://www.neopets.com/backgrounds_tiled.phtml">http://www.neopets.com/backgrounds_tiled.phtml</a> in the flash source.<br />
But you can use any image from the internet!<br />
(Need some help: <a href="http://www.google.nl/search?q=tile+background">find &#8220;tiled background&#8221; with google</a> )</p>
]]></content:encoded>
			<wfw:commentRss>http://www.matthijskamstra.nl/blog/index.php/2007/05/09/flash-experiments-tiled-background/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Flash experiments: select</title>
		<link>http://www.matthijskamstra.nl/blog/index.php/2007/04/25/flash-experiments-select/</link>
		<comments>http://www.matthijskamstra.nl/blog/index.php/2007/04/25/flash-experiments-select/#comments</comments>
		<pubDate>Wed, 25 Apr 2007 11:04:30 +0000</pubDate>
		<dc:creator>Matthijs Kamstra</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash experiments]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Experiments]]></category>

		<guid isPermaLink="false">http://www.matthijskamstra.nl/blog/index.php/2007/04/25/flash-experiments-select/</guid>
		<description><![CDATA[Update: Before I could publish this post, before I finished this experiment, I found a better class to do what I want. TransformManager Released &#8211; Scale/Rotate/Move any MovieClip from Jack Doyle (Greensock). This class is what I had in mind when I started&#8230;. and much, much more&#8230; I&#8217;m using this class in the future. Another [...]]]></description>
			<content:encoded><![CDATA[<div class="highlight"><strong>Update:</strong> Before I could publish this post, before I finished this experiment, I found a better class to do what I want. <a href="http://blog.greensock.com/?cat=5" class="broken_link">TransformManager Released &#8211; Scale/Rotate/Move any MovieClip</a> from Jack Doyle (Greensock). This class is what I had in mind when I started&#8230;. and much, much more&#8230; I&#8217;m using this class in the future.</div>
<p>Another experiment: I needed a possibility to select and manipulate a graphic in Flash.<br />
So I looked at illustrator and Flash how they did it, and made a variation of my own.</p>
<p>So for now, I can select the top graphic, move and rotate it (not yet resize&#8230;)</p>
<p>Check it here:</p>
<p class="flash">
<object width="450" height="450">
<param name="movie" value="http://www.matthijskamstra.nl/laboratory/swf_experiments/select_v01.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="450" height="450" src="http://www.matthijskamstra.nl/laboratory/swf_experiments/select_v01.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</p>
<p>Or check it <a href="http://www.matthijskamstra.nl/laboratory/swf_experiments/select_v01.swf">the select experiment</a> full screen..</p>
]]></content:encoded>
			<wfw:commentRss>http://www.matthijskamstra.nl/blog/index.php/2007/04/25/flash-experiments-select/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash experiments: tools</title>
		<link>http://www.matthijskamstra.nl/blog/index.php/2007/04/11/flash-experiments-tools/</link>
		<comments>http://www.matthijskamstra.nl/blog/index.php/2007/04/11/flash-experiments-tools/#comments</comments>
		<pubDate>Wed, 11 Apr 2007 11:06:31 +0000</pubDate>
		<dc:creator>Matthijs Kamstra</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash experiments]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Experiments]]></category>

		<guid isPermaLink="false">http://www.matthijskamstra.nl/blog/index.php/2007/04/11/flash-experiments-tools/</guid>
		<description><![CDATA[I decided to &#8220;share&#8221; my unstructured flash experiments: And in this case it&#8217;s a flash application that creates flat, printable versions of cubes. Just print it, cut it out, glue it together and there you have it: the amazing cube: [Your user agent does not support frames or is currently configured not to display frames. [...]]]></description>
			<content:encoded><![CDATA[<p>I decided to &#8220;share&#8221; my unstructured flash experiments:</p>
<p>And in this case it&#8217;s a flash application that creates flat, printable versions of cubes. Just print it, cut it out, glue it together and there you have it: the amazing cube:</p>
<p><iframe src="http://www.matthijskamstra.nl/laboratory/swf_experiments/tools.swf" title="Tools" frameborder="0" height="450" width="450">  [Your user agent does not support frames or is currently configured  not to display frames. However, you may visit <a href="http://www.matthijskamstra.nl/laboratory/swf_experiments/tools.swf">the related document.</A>]<br />
</iframe></p>
<p>Or just check <a href="http://www.matthijskamstra.nl/laboratory/swf_experiments/tools.swf">tools menu</a> full screen..</p>
<p>Based upon xml: <a href="http://www.matthijskamstra.nl/laboratory/swf_experiments/xml/toolsmenu.xml">toolsmenu.xml</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.matthijskamstra.nl/blog/index.php/2007/04/11/flash-experiments-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash experiments: Debug Button</title>
		<link>http://www.matthijskamstra.nl/blog/index.php/2007/03/17/flash-experiments-debug-button/</link>
		<comments>http://www.matthijskamstra.nl/blog/index.php/2007/03/17/flash-experiments-debug-button/#comments</comments>
		<pubDate>Sat, 17 Mar 2007 17:25:40 +0000</pubDate>
		<dc:creator>Matthijs Kamstra</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash experiments]]></category>
		<category><![CDATA[AS2]]></category>

		<guid isPermaLink="false">http://www.matthijskamstra.nl/blog/index.php/2007/03/17/flash-experiments-debug-button/</guid>
		<description><![CDATA[Update #1: it seems that to much data makes this button not function, so I toned it down a little For FlashBox I was looking for a way to get more/better feedback from the users when they report a bug. It started with: function submitBug (target_mc:MovieClip) { for(var i in target_mc) { trace ( 'key: [...]]]></description>
			<content:encoded><![CDATA[<div class="highlight"><strong>Update #1:</strong> it seems that to much data makes this button not function, so I toned it down a little</div>
<p>For FlashBox I was looking for a way to get more/better feedback from the users when they report a bug.</p>
<p>It started with:</p>
<pre><code>
function submitBug (target_mc:MovieClip) {
	for(var i in target_mc) {
		trace ( 'key: ' + i + ', value: ' + target_mc[i]);
	}
}
</code></pre>
<p>But I&#8217;ve extended it, with other usefull information (stage-width/height, url, framenumber, etc);<br />
And in combination with <a href="http://www.matthijskamstra.nl/blog/index.php/flashbox-just-another-box/">FlashBox</a> (or in combination with the <a href="http://www.quirksmode.org/js/detect.html">Browser detect</a>  &#8211; by Peter-Paul Koch [quirksmode]) you also can get the Operating system (I can get that too with Flash), Browser name (not possible with Flash) and version-number of the browser (also not possible with Flash)</p>
<p>With this information it should be easier to debug&#8230;. </p>
<p>To export the data to me I used the lowest tech solution I could think of: </p>
<pre><code>getURL ("mailto:reportbut@zapper.com?subject=BugReport&#038;body=bug:");</code></pre>
<p>Just give it a try:</p>
<div class="flash">
<object width="220" height="70">
<param name="movie" value="http://www.matthijskamstra.nl/blog/wp-content/uploads/debugBtn.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="220" height="70" src="http://www.matthijskamstra.nl/blog/wp-content/uploads/debugBtn.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.matthijskamstra.nl/blog/index.php/2007/03/17/flash-experiments-debug-button/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My second WordPress plugin: wp-flashbox</title>
		<link>http://www.matthijskamstra.nl/blog/index.php/2007/02/13/my-second-wordpress-plugin-wp-flashbox/</link>
		<comments>http://www.matthijskamstra.nl/blog/index.php/2007/02/13/my-second-wordpress-plugin-wp-flashbox/#comments</comments>
		<pubDate>Tue, 13 Feb 2007 19:24:27 +0000</pubDate>
		<dc:creator>Matthijs Kamstra</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash experiments]]></category>
		<category><![CDATA[FlashBox]]></category>
		<category><![CDATA[Open source / Freeware]]></category>
		<category><![CDATA[WordPress Plugin]]></category>

		<guid isPermaLink="false">http://www.matthijskamstra.nl/blog/index.php/2007/02/13/my-second-wordpress-plugin-wp-flashbox/</guid>
		<description><![CDATA[Update #1: There are some problems with the plugin in Firefox 2 for the Mac and Flock: FlashBox is loaded, the images are loaded into it, but FlashBox is not visible. I am looking into it, sorry Mac users! There is also a difference between Firefox for the PC and IE for the PC: it [...]]]></description>
			<content:encoded><![CDATA[<p class="highlight"><strong>Update #1: </strong>There are some problems with the plugin in Firefox 2 for the Mac and Flock: FlashBox is loaded, the images are loaded into it, but FlashBox is not visible.<br />
I am looking into it, sorry Mac users!<br />
There is also a difference between Firefox for the PC and IE for the PC: it works perfectly, but in Firefox FlashBox will be restarted and in IE FlashBox starts where it left of (if it&#8217;s started before). These is not a bug this is a <strong>feature</strong>!</p>
<p class="highlight"><strong>Update #2: </strong>A feature I forgot to tell about: you don&#8217;t have to change the <code>rel="lightbox"</code> tags, it will also work with FlashBox. If you&#8217;re planning to use both, you have to use <code>rel="flashbox"</code>- tag. <strong>But if you want to use FlashBox instead of Lightbox, you have te deactivate lightbox!</strong></p>
<p>FlashBox is <strong>my</strong> attempt to create a simple, unobtrusive script used to overlay images on the current page.</p>
<p><a href="http://www.matthijskamstra.nl/blog/index.php/flashbox-just-another-box/">Read more about FlashBox in detail</a>, the different <a href="http://www.matthijskamstra.nl/blog/index.php/category/flash/flashbox/">post about FlashBox</a>or you can follow my progress in the <a href="http://www.matthijskamstra.nl/laboratory/flashbox/" title="Flashbox; another box">Flashbox</a> directory where my experiments are.</p>
<p>But to sum it up: It had to be smaller then the other (<a href="http://www.huddletogether.com/projects/lightbox2/" class="broken_link">Lightbox</a>,  <a href="http://jquery.com/demo/thickbox/">Thickbox</a> and <a href="http://orangoo.com/labs/GreyBox/">Graybox</a>), but with the animation (like Lightbox).<br />
Or just another alternative for Lightbox / Thickbox / Graybox?</p>
<p>And because I wanted to use it on my own blog, I wrote a plugin too. And I&#8217;m not afraid to share it with you.</p>
<h3>Download WordPress Plugin &#8211; Download FlashBox v1.0</h3>
<div class="highlight">Check the latest Flashbox version: <a href="http://www.matthijskamstra.nl/blog/index.php/category/flash/flashbox/">the category FlashBox</a></div>
<p class="downloadbtn"><a href="#" onclick="location.href='http://www.matthijskamstra.nl/blog/download-manager.php?id=2'" title="Download WordPress Plugin - FlashBox v1.0: wp-flashbox_v01.zip (17,9 kB)"><strong>Download wp-flashbox</strong> wp-flashbox_v01.zip (17,9 kB)</a></p>
<p><span id="more-203"></span></p>
<h3>Usage instructions</h3>
<ul>
<li>Download the <a href="#" onclick="location.href='http://www.matthijskamstra.nl/blog/download-manager.php?id=2'" title="Download WordPress Plugin - FlashBox v1.0: wp-flashbox_v01.zip (9kb)">zip</a> file and decompress into wp-content/plugins.</li>
<li>Go to your Plugins screen in the WordPress admin area, and activate â€śFlashboxâ€?.</li>
<li>In the code view, you get a &#8220;Flashbox&#8221;-button where you can fill in url of the image, the caption and the groupname</li>
</ul>
<p><strong>Minimal Flash plugin version is 8!</strong></p>
<h3>Code example</h3>
<p>This is how FlashBox looks in html:</p>
<pre><code><a href="http://www.urltoimage.com" rel="flashbox[usethisgroupname]" title="Caption of the image"></a></code></pre>
<h3>Gallery example</h3>
<p>I have created a gallery with <a href="http://www.theweaponshop.com/irongiant.JPG" rel="flashbox[basassrobots]" class="broken_link">Badass Robots</a> used in film. A example of animation, loading, caption and navigation.<br />
More examples can be found in the <a href="http://www.matthijskamstra.nl/laboratory/flashbox/">FlashBox development directory</a>.</p>
<p style="display: none"> <a href="http://www.oafe.net/yo/art/tf_20prime01.jpg" rel="flashbox[basassrobots]" title="Transformers Movie Optimus Prime">Transformers Movie Optimus Prime</a><br />
<a href="http://www.trainsaw.com/images/terminator.jpg" rel="flashbox[basassrobots]" title="The Terminator">terminator</a><br />
<a href="http://www.mctoys.ca/catalog/images/18_robocop.jpg" rel="flashbox[basassrobots]" title="Robocop" class="broken_link">robocop</a><br />
<a href="http://www.jeffbots.com/S-MATT1.JPG" rel="flashbox[basassrobots]" title="Robot B9">Robot B9 from Lost In Space</a><br />
<a href="http://www.jeffbots.com/judgedredd1.jpg" rel="flashbox[basassrobots]" title="ABC Warrior from Judge Dredd">ABC Warrior from Judge Dredd</a><br />
<a href="http://www.robocoparchive.com/info/cain27.jpg" rel="flashbox[basassrobots]" title="Cain">Cain</a><br />
<a href="http://www.robocoparchive.com/info/ed209-3.JPG" rel="flashbox[basassrobots]" title="ed209">ed209</a><br />
<a href="http://www.artvps.com/uploads/gallerymodule/droideka.jpg" rel="flashbox[basassrobots]" title="droideka" class="broken_link">droideka</a><br />
<a href="http://scribble.com/uwi/br/brfaq/batty-grab-big.jpg" rel="flashbox[basassrobots]" title="Roy Batty">Roy Batty</a><br />
<a href="http://www.thompsonian.net/blog/wp-content/uploads/2006/02/cylon-centurian.jpg" rel="flashbox[basassrobots]" title="cylon-centurian">cylon-centurian</a><br />
<a href="http://burnlab.net/blog/uploaded_images/cylons1-710701.jpg" rel="flashbox[basassrobots]" title="cylons" class="broken_link">cylons</a></p>
<h3>Improvements</h3>
<p>You see some improvements, let me know</p>
<p>These are the improvements I see:</p>
<ul>
<li>Flash 7 plugin (nice to have) as minimum requirement, FlashBox uses now Flash 8 plugin which should cover about 94% of the users (<a href="http://www.adobe.com/products/player_census/flashplayer/version_penetration.html">source Adobe</a>)</li>
<li>If no Flash plugin is available (or not the correct version) there should be a possibility to view without Flashbox</li>
<li>A button in <a href="http://tinymce.moxiecode.com/">tinyMCE</a> the default wysiwyg editor</li>
<li>Thumbnails, or something similar so you can skip a couple images in a gallery</li>
<li>Autoplay / slideshow</li>
<li>Resize big images</li>
<li>Feedback if img not there (error)</li>
<li>Feedback from a slow server</li>
<li>More information about img</li>
<li>&#8230;..</li>
</ul>
<p id="license"><!--Creative Commons License--> <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license"><img src="http://creativecommons.org/images/public/somerights20.png" alt="Creative Commons License" border="0" /></a> This work is licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" rel="license">Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.matthijskamstra.nl/blog/index.php/2007/02/13/my-second-wordpress-plugin-wp-flashbox/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Flash experiments: Flashbox &#8211; part 4</title>
		<link>http://www.matthijskamstra.nl/blog/index.php/2007/02/07/flash-experiments-flashbox-part-4/</link>
		<comments>http://www.matthijskamstra.nl/blog/index.php/2007/02/07/flash-experiments-flashbox-part-4/#comments</comments>
		<pubDate>Wed, 07 Feb 2007 21:04:42 +0000</pubDate>
		<dc:creator>Matthijs Kamstra</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash experiments]]></category>
		<category><![CDATA[FlashBox]]></category>

		<guid isPermaLink="false">http://www.matthijskamstra.nl/blog/index.php/2007/02/07/flash-experiments-flashbox-part-4/</guid>
		<description><![CDATA[Update: Check the Flashbox directory or more post about FlashBox for recent update Today I&#8217;m focusing on Flash. First task was of course the security-box from Flash (which seems to fail ???) Get the basic stuff in there (loader, navigation, image, caption) And get it to center after loading &#8230;. Done But &#8230;. I&#8217;ve got [...]]]></description>
			<content:encoded><![CDATA[<div class="highlight"><strong>Update: </strong>Check the <a href="http://www.matthijskamstra.nl/laboratory/flashbox/" title="Flashbox; another box">Flashbox</a> directory or <a href="http://www.matthijskamstra.nl/blog/index.php/category/flashbox/" title="Because it's work in progress">more post about FlashBox</a> for recent update</div>
<p>Today I&#8217;m focusing on Flash.</p>
<ol>
<li>First task was of course the security-box from Flash (which seems to fail ???)</li>
<li>Get the basic stuff in there (loader, navigation, image, caption)</li>
<li>And get it to center after loading</li>
<li>&#8230;.</li>
</ol>
<p><strong>Done</strong><br />
But &#8230;.<br />
I&#8217;ve got everything working in Flash at this moment but to &#8220;copy&#8221; Lightbox I need to use animations.</p>
<p>Because the animations create with the default animations classes from Adobe (mx.transitions.Tween) are quite heavy, I was looking for an alternative.<br />
Which I found in <a href="http://blog.greensock.com/?cat=2" title="TweenLite - A Lightweight Yet Powerful Tweening Engine" class="broken_link">TweenLite</a> an excellent piece op work by Jack Doyle. </p>
<blockquote><p>TweenLite provides a lightweight (about 2k), easy way to tween almost any property over time including a MovieClip&#8217;s volume. You can easily tween multiple properties at the same time too.</p></blockquote>
<p>And because size does matter in this project, this will be a life saver.</p>
<p>Preview:</p>
<div class="flash">
<object width="450" height="450">
<param name="movie" value="http://www.matthijskamstra.nl/laboratory/flashbox/flashbox_v01.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="450" height="450" src="http://www.matthijskamstra.nl/laboratory/flashbox/flashbox_v01.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</div>
<p><a href="http://www.matthijskamstra.nl/laboratory/flashbox/flashbox_v01.swf" class="broken_link">View directly</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.matthijskamstra.nl/blog/index.php/2007/02/07/flash-experiments-flashbox-part-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash experiments: Flashbox &#8211; part 3</title>
		<link>http://www.matthijskamstra.nl/blog/index.php/2007/02/05/flash-experiments-flashbox-part-3/</link>
		<comments>http://www.matthijskamstra.nl/blog/index.php/2007/02/05/flash-experiments-flashbox-part-3/#comments</comments>
		<pubDate>Sun, 04 Feb 2007 23:24:30 +0000</pubDate>
		<dc:creator>Matthijs Kamstra</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash experiments]]></category>
		<category><![CDATA[FlashBox]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Experiments]]></category>

		<guid isPermaLink="false">http://www.matthijskamstra.nl/blog/index.php/2007/02/05/flash-experiments-flashbox-part-3/</guid>
		<description><![CDATA[Update: Check the Flashbox directory or more post about FlashBox for recent update Lightbox Javascript to Flashbox Javascript Bugs in the Lightbox script: Lightbox doesn&#8217;t follow when the window is scrolled, I&#8217;ve fixed this bug if no Image (broken link) is loaded, there is no way to stop this process, and you get no feedback [...]]]></description>
			<content:encoded><![CDATA[<div class="highlight"><strong>Update: </strong>Check the <a href="http://www.matthijskamstra.nl/laboratory/flashbox/" title="Flashbox; another box">Flashbox</a> directory or <a href="http://www.matthijskamstra.nl/blog/index.php/category/flashbox/" title="Because it's work in progress">more post about FlashBox</a> for recent update</div>
<p><strong>Lightbox Javascript to Flashbox Javascript</strong><br />
Bugs in the Lightbox script:</p>
<ol>
<li>Lightbox doesn&#8217;t follow when the window is scrolled, I&#8217;ve fixed this bug</li>
<li>if no Image (broken link) is loaded, there is no way to stop this process, and you get no feedback</li>
</ol>
<p><strong>Bug #1:</strong> My fix for the scroll bug:</p>
<pre>
<code>
function onscrollChange ()
{
	var arrayPageSize = getPageSize ();
	var arrayPageScroll = getPageScroll ();
	var lightboxTop = arrayPageScroll [1] + (arrayPageSize [3] / 15);
	setTop ('flashcontent', arrayPageScroll [1]);

}
</code>
</pre>
<p>and in the showFlashbox function I started to check if the window is scrolled:<br />
<code>window.onscroll = onscrollChange;</code></p>
<p><strong>Bug #2:</strong> This is a bug which will not be fixed in javascipt, but in Flash.</p>
<p><strong>Lightbox HTML to Flashbox HTML</strong></p>
<p>use this doctype in your html files, you need it if you want layers (<code>
<div></code>) to have a 100% width and height:</p>
<pre>
<code>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
</code></pre>
<p>put the following lines in you directory structure and html:</p>
<pre><code><script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/flashbox.js"></script>
<link rel="stylesheet" type="text/css" href="css/flashbox.css" /></code></pre>
<p><strong>Lightbox CSS to Flashbox CC</strong></p>
<pre>
<code>
body,html  {height: 100%;margin: 0;padding: 0;}
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#flashcontent{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
</code></pre>
]]></content:encoded>
			<wfw:commentRss>http://www.matthijskamstra.nl/blog/index.php/2007/02/05/flash-experiments-flashbox-part-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

