<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Swingpant&#039;s Game Lab &#187; carousel</title>
	<atom:link href="http://swingpants.com/tag/carousel/feed/" rel="self" type="application/rss+xml" />
	<link>http://swingpants.com</link>
	<description>Swingpant&#039;s Code Nurdlings</description>
	<lastBuildDate>Tue, 08 May 2012 21:07:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='swingpants.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://0.gravatar.com/blavatar/4a88693aa17d6b5e1d453a6684bc1c68?s=96&#038;d=http%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
		<title>Swingpant&#039;s Game Lab &#187; carousel</title>
		<link>http://swingpants.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://swingpants.com/osd.xml" title="Swingpant&#039;s Game Lab" />
	<atom:link rel='hub' href='http://swingpants.com/?pushpress=hub'/>
		<item>
		<title>Simple Sideways-Scrolling Carousel</title>
		<link>http://swingpants.com/2009/03/09/simple-sideways-scrolling-carousel/</link>
		<comments>http://swingpants.com/2009/03/09/simple-sideways-scrolling-carousel/#comments</comments>
		<pubDate>Mon, 09 Mar 2009 22:53:57 +0000</pubDate>
		<dc:creator>swingpants</dc:creator>
				<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[BlurFilter]]></category>
		<category><![CDATA[carousel]]></category>
		<category><![CDATA[scrolling menu]]></category>

		<guid isPermaLink="false">http://flashlabs.wordpress.com/?p=62</guid>
		<description><![CDATA[Not another carousel! Well yes. Posting this for storage really, the only real new thing added here is the method for scaling up the focus object. On every enter frame event, each item in the list is checked to see if it is in the focus range (the centre of the visible area and a [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=swingpants.com&#038;blog=5703708&#038;post=62&#038;subd=flashlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Not another carousel! Well yes. Posting this for storage really, the only real new thing added here is the method for scaling up the focus object. </p>
<p>On every enter frame event, each item in the list is checked to see if it is in the focus range (the centre of the visible area and a selected distance either side). If so, then the absolute position is calculated against the centre point. Now the scale and blur are added accordingly.</p>
<p>The class is encapsulated and easy to instantiate:</p>
<blockquote><p>
    _carousel=new Carousel()<br />
    _carousel.init(area_width, area_height, range_pc, margin, min_scale, item_array, blur_on, blur_amt)
</p></blockquote>
<p>     area_width  &#8211;  width of the visible carousel area<br />
     area_height  &#8211;  height of the visible carousel area<br />
     range_pc  &#8211;  the percent of area either side of the centre point to use as the focus range (0.1 &#8211; 1.0)<br />
     margin  &#8211;  the margin bordering each item on the carousel<br />
     min_scale  &#8211;  scale that items outside of the range reduce to (0.1 &#8211; 1.0)<br />
     item_array  &#8211;  array of sprites/movieclips buttons<br />
     blur_on  &#8211;  true=blur on, false=blur off<br />
     blur_amt  &#8211;  amount of blur to apply to the items out of range</p>
<div id="attachment_176" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.swingpantsflash.com/carousel/test_carousel.html"><img src="http://flashlabs.files.wordpress.com/2009/03/carousel.jpg?w=655" alt="Simple AS3 Carousel" title="Simple Carousel"  class="size-full wp-image-176" /></a><p class="wp-caption-text">AS3 Simple Carousel</p></div>
<p>A demo has been set up and can be seen <a href="http://www.swingpantsflash.com/carousel/test_carousel.html">here</a></p>
<p>The items in the carousel can be anything from simple pictures or buttons to more complex interactive movieclips.</p>
<p>There are three main interactive methods in the Carousel class:<br />
    scrollLeft() / scrollRight()   &#8211;   Increment along the list<br />
    gotoItem(index)   &#8211;   scroll to the selected item (where index is the item array reference for the item)</p>
<p>I have only added the functions required for my current project, but it should be very simple to add extra functionality such as looped content, reflections, etc.</p>
<p><a href="http://www.swingpantsflash.com/carousel/carousel.zip">Source files</a><br />
<a href="http://www.swingpantsflash.com/carousel/test_carousel.html">Demo</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/flashlabs.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/flashlabs.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/flashlabs.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/flashlabs.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/flashlabs.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/flashlabs.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/flashlabs.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/flashlabs.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/flashlabs.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/flashlabs.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/flashlabs.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/flashlabs.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/flashlabs.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/flashlabs.wordpress.com/62/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=swingpants.com&#038;blog=5703708&#038;post=62&#038;subd=flashlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://swingpants.com/2009/03/09/simple-sideways-scrolling-carousel/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1cebf29489913586137c5bdad0414c88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">swingpants</media:title>
		</media:content>

		<media:content url="http://flashlabs.files.wordpress.com/2009/03/carousel.jpg" medium="image">
			<media:title type="html">Simple Carousel</media:title>
		</media:content>
	</item>
	</channel>
</rss>
