<?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>DesignWorks Group</title>
	<atom:link href="http://designworksgroup.com/blog/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://designworksgroup.com/blog</link>
	<description></description>
	<lastBuildDate>Tue, 10 Nov 2009 20:03:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Theme Park Maps</title>
		<link>http://designworksgroup.com/blog/?p=93</link>
		<comments>http://designworksgroup.com/blog/?p=93#comments</comments>
		<pubDate>Tue, 10 Nov 2009 20:03:42 +0000</pubDate>
		<dc:creator>Oz</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designworksgroup.com/blog/?p=93</guid>
		<description><![CDATA[via themeparkbrochures.net Awesome!! Posted via web from Oz Alfert]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=3f553f785da8c3ceefbc4e112a5b9cc7&amp;default=http://use.perl.org/images/pix.gif' alt='No Gravatar' width=40 height=40/><div class="posterous_bookmarklet_entry"> <a href="http://www.themeparkbrochures.net/mainmaps.html"><a href='http://posterous.com/getfile/files.posterous.com/oza/hfdlEaFvBbFujEfxAgzICGuuJvtvJiACGDvtFozJgiIntJlHbihnwHcAnJEp/media_httpwwwthemeparkbrochuresnetimagesheadingmapsjpg_npdrsHGxaBalblc.jpg.scaled1000.jpg'><img src="http://posterous.com/getfile/files.posterous.com/oza/hfdlEaFvBbFujEfxAgzICGuuJvtvJiACGDvtFozJgiIntJlHbihnwHcAnJEp/media_httpwwwthemeparkbrochuresnetimagesheadingmapsjpg_npdrsHGxaBalblc.jpg.scaled500.jpg" width="500" height="83"/></a> </a>
<div class="posterous_quote_citation">via <a href="http://www.themeparkbrochures.net/mainmaps.html">themeparkbrochures.net</a></div>
<p>Awesome!!</p>
</div>
<p style="font-size: 10px;">  <a href="http://posterous.com">Posted via web</a>   from <a href="http://ozalfert.com/theme-park-maps">Oz Alfert</a>  </p>
]]></content:encoded>
			<wfw:commentRss>http://designworksgroup.com/blog/?feed=rss2&amp;p=93</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cross posts</title>
		<link>http://designworksgroup.com/blog/?p=92</link>
		<comments>http://designworksgroup.com/blog/?p=92#comments</comments>
		<pubDate>Sat, 07 Nov 2009 21:10:46 +0000</pubDate>
		<dc:creator>Oz</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designworksgroup.com/blog/?p=92</guid>
		<description><![CDATA[Testing cross posts to DWG. Pardon the interruption.&#160; Oz Posted via email from Oz Alfert]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=3f553f785da8c3ceefbc4e112a5b9cc7&amp;default=http://use.perl.org/images/pix.gif' alt='No Gravatar' width=40 height=40/><p>Testing cross posts to DWG. Pardon the interruption.&nbsp;
<div>
<div style="">
<div>
<div style="color: rgb(46, 0, 128); font-family: Arial; font-size: 10px; font-weight: bold;"><br class="Apple-interchange-newline" />Oz</div>
</div>
<p /></div>
<p><br class="Apple-interchange-newline" /> </div>
<p style="font-size: 10px;">  <a href="http://posterous.com">Posted via email</a>   from <a href="http://ozalfert.com/cross-posts">Oz Alfert</a>  </p>
]]></content:encoded>
			<wfw:commentRss>http://designworksgroup.com/blog/?feed=rss2&amp;p=92</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SEO &#8211; the Ultimate Con</title>
		<link>http://designworksgroup.com/blog/?p=90</link>
		<comments>http://designworksgroup.com/blog/?p=90#comments</comments>
		<pubDate>Wed, 14 Oct 2009 21:01:06 +0000</pubDate>
		<dc:creator>Oz</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designworksgroup.com/blog/?p=90</guid>
		<description><![CDATA[Am I a heretic? You be the judge. http://powazek.com/posts/2090]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=3f553f785da8c3ceefbc4e112a5b9cc7&amp;default=http://use.perl.org/images/pix.gif' alt='No Gravatar' width=40 height=40/><p>Am I a heretic? You be the judge.</p>
<p><a href="http://powazek.com/posts/2090" target="_blank">http://powazek.com/posts/2090</a></p>
]]></content:encoded>
			<wfw:commentRss>http://designworksgroup.com/blog/?feed=rss2&amp;p=90</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sprint CEO calls the iPhone the &#8220;Michael Jordan&#8221; of smartphones</title>
		<link>http://designworksgroup.com/blog/?p=83</link>
		<comments>http://designworksgroup.com/blog/?p=83#comments</comments>
		<pubDate>Mon, 14 Sep 2009 19:37:48 +0000</pubDate>
		<dc:creator>Oz</dc:creator>
				<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://designworksgroup.com/blog/?p=83</guid>
		<description><![CDATA[Check it out. http://www.networkworld.com/community/node/45155 If you want an iPhone app for your business/enterprise, let us know. It&#8217;s part of what we do.]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=3f553f785da8c3ceefbc4e112a5b9cc7&amp;default=http://use.perl.org/images/pix.gif' alt='No Gravatar' width=40 height=40/><p>Check it out. <a href="http://www.networkworld.com/community/node/45155">http://www.networkworld.com/community/node/45155</a></p>
<p>If you want an iPhone app for your business/enterprise, let us know. It&#8217;s part of what we do.</p>
]]></content:encoded>
			<wfw:commentRss>http://designworksgroup.com/blog/?feed=rss2&amp;p=83</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hello!</title>
		<link>http://designworksgroup.com/blog/?p=78</link>
		<comments>http://designworksgroup.com/blog/?p=78#comments</comments>
		<pubDate>Fri, 11 Sep 2009 19:40:40 +0000</pubDate>
		<dc:creator>Oz</dc:creator>
				<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://designworksgroup.com/blog/?p=78</guid>
		<description><![CDATA[Hello! My name is Oz Alfert, and I will be a guest blogger here on DesignWorks Group. I hope to keep readers and customers up to date on web and mobile applications, providing helpful information on personal and enterprise computing innovations. Follow my updates for inside knowledge on how to maximize your productivity and business [...]]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=3f553f785da8c3ceefbc4e112a5b9cc7&amp;default=http://use.perl.org/images/pix.gif' alt='No Gravatar' width=40 height=40/><div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Hello!</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">My name is Oz Alfert, and I will be a guest blogger here on DesignWorks Group. I hope to keep readers and customers up to date on web and mobile applications, providing helpful information on personal and enterprise computing innovations. Follow my updates for inside knowledge on how to maximize your productivity and business presence with the latest in smartphone and online technologies.</div>
<p>My name is Oz Alfert, and I will be a guest blogger here on DesignWorks Group. I hope to keep readers and customers up to date on web and mobile applications, providing helpful information on personal and enterprise computing innovations. Follow my updates for inside knowledge on how to maximize your productivity and business presence with the latest in smartphone and online technologies.</p>
<p>To start off, make sure you&#8217;ve updated your iPhone to the latest software &#8211; iPhone OS 3.1 &#8211; released yesterday. Just connect your iPhone to your computer and let iTunes download and sync the newest updates for you.</p>
<p>Stay tuned for the latest information on all the mobile platforms. I look forward to keeping you up-to-date.</p>
]]></content:encoded>
			<wfw:commentRss>http://designworksgroup.com/blog/?feed=rss2&amp;p=78</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Choose The Right Tote Bag!</title>
		<link>http://designworksgroup.com/blog/?p=74</link>
		<comments>http://designworksgroup.com/blog/?p=74#comments</comments>
		<pubDate>Fri, 04 Sep 2009 20:05:24 +0000</pubDate>
		<dc:creator>jakeclements</dc:creator>
				<category><![CDATA[Promotional Products]]></category>
		<category><![CDATA[Tote Bags]]></category>

		<guid isPermaLink="false">http://designworksgroup.com/blog/?p=74</guid>
		<description><![CDATA[Tote bags work well as promotional items.  They are crafted from a variety of materials, including canvas, cotton, and polypropylene. Personalized tote bags are universal gifts and they are all potentially environmentally friendly and convenient. Canvas, cotton, and polypropylene tote bags are available in a wide selection of styles, colors, and designs to fit different [...]]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=753a1eb58a0ef64dcf006f17fe340c56&amp;default=http://use.perl.org/images/pix.gif' alt='No Gravatar' width=40 height=40/><p><span style="font-size: x-small;">Tote bags work well as promotional items.  They are crafted from a variety of materials, including canvas, cotton, and polypropylene. Personalized tote bags are universal gifts and they are all potentially environmentally friendly and convenient. Canvas, cotton, and polypropylene tote bags are available in a wide selection of styles, colors, and designs to fit different occasions.<br />
 <br />
The biggest difference between these tote bags is probably the weight of the material, the durability of the bags itself, and the price.  Canvas is the heaviest material, followed by cotton, and the lightest is polypropylene.  If lightweight material is important for your promotions, then polypropylene tote bags are the preferred choice because they are durable and so easy to carry. If bag strength is what matters to you then canvas and cotton bags are probably the best option because they are a little heavier. <br />
 <br />
Polypropylene tote bags are priced at about $1 per bag and cotton bags start at comparable prices.  Heavy cotton canvas bags start at about $3 per bag.  Canvas, cotton, and polypropylene tote bags come in so many attractive and convenient shapes and sizes the deciding on the right material may not be the only difficult choice.  They range from simple bags that open like a pocket with comfortable shoulder straps to upgraded bags that can button or zip closed.  They can be duffel bags, backpacks, beach bags, or grocery bags.<br />
 <br />
Let us help you pick out the perfect bag for your next promotion.<br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://designworksgroup.com/blog/?feed=rss2&amp;p=74</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Advertisers vs. Consumers</title>
		<link>http://designworksgroup.com/blog/?p=66</link>
		<comments>http://designworksgroup.com/blog/?p=66#comments</comments>
		<pubDate>Fri, 04 Sep 2009 19:56:54 +0000</pubDate>
		<dc:creator>marijohnkirsch</dc:creator>
				<category><![CDATA[Advertising]]></category>

		<guid isPermaLink="false">http://designworksgroup.com/blog/?p=66</guid>
		<description><![CDATA[Recently, I received an email about a LinkedIn Research Network/Harris Poll. The poll showed the differences between what advertisers believe and what consumers believe.  A couple of tidbits from the poll are: While over half of advertisers believe ads that make people stop and think (53%) and ads that give people new information (51%) are [...]]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=4b5bb4484d6c5edcc459c8654e4d37be&amp;default=http://use.perl.org/images/pix.gif' alt='No Gravatar' width=40 height=40/><p>Recently, I received an email about a LinkedIn Research Network/Harris Poll. The poll showed the differences between what advertisers believe and what consumers believe. </p>
<p>A couple of tidbits from the poll are:</p>
<ul>
<li>While over half of advertisers believe ads that make people stop and think (53%) and ads that give people new information (51%) are very effective, just three in ten consumers (30% and 29% respectively) feel the same.</li>
</ul>
<p> </p>
<ul>
<li>When it comes to ads that show before/after, 24% of advertisers say they are very effective while 13% of consumers say they are very effective.</li>
</ul>
<p> </p>
<ul>
<li> One in five advertisers (21%) say ads that reinforce a message already known are very effective compared to 10% of consumers.</li>
</ul>
<p> </p>
<ul>
<li>When addressing the economic crisis, three in five advertisers (61%) say they are using a value proposition strategy, promoting sales, coupons and discounts and almost three in five consumers (57%) say that this strategy is working very well or well to help them sell their products or services.</li>
</ul>
<p> </p>
<ul>
<li>Only 18% of advertisers say they are using the ‘luxuries for less’ as a campaign, but 34% of consumers say these types of ads work very well or well in selling products and services.</li>
</ul>
<p><a href="http://www.harrisinteractive.com/harris_poll/HarrisPollByDate2009.asp" target="_blank">Link to research</a> - Advertisers and Audiences: How Their Views on Advertising Effectiveness Differ &#8211; July 21, 2009</p>
<p>Additionally, another poll talks about what type of ads are considered most helpful to various age groups. It has charts that show various mediums (TV, newspaper, etc) against how helpful the mediums ads are.</p>
<p><a href="http://www.harrisinteractive.com/harris_poll/HarrisPollByDate2009.asp" target="_blank">Link to research</a> - Television Ads Considered Most Helpful to Americans &#8211; July 1, 2009</p>
<p> So, what does this all mean? To me, the polls reinforce two things. First, know who you are targeting. Second, don’t think you can talk to everyone the same way. Sounds pretty rudimentary, huh?</p>
<p>However, you would be surprised how many people say “I want to reach people between the ages of 18-64.” While your widget/service may be appropriate for that large of a demographic, you can’t expect a 20 something to react the same way and empty nester would. If you look at the second poll listed above, each age group looks at media differently.  Not surprisingly, 31% of people 55+ find newspaper ads helpful vs. 6% of 18-34 year olds.</p>
<p>Again, this seems like pretty basic information. But when you layer budget constraints, time lines and the pressure to generate sales, this concept tends to be forgotten. So, make sure you narrow down your demographic and stick with it!</p>
]]></content:encoded>
			<wfw:commentRss>http://designworksgroup.com/blog/?feed=rss2&amp;p=66</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>T-Shirt 101</title>
		<link>http://designworksgroup.com/blog/?p=54</link>
		<comments>http://designworksgroup.com/blog/?p=54#comments</comments>
		<pubDate>Mon, 22 Jun 2009 23:34:29 +0000</pubDate>
		<dc:creator>marijohnkirsch</dc:creator>
				<category><![CDATA[Promotional Products]]></category>
		<category><![CDATA[budget t-shirts]]></category>
		<category><![CDATA[cost effective screen printing]]></category>
		<category><![CDATA[cotton vs 50/50 t-shirts]]></category>
		<category><![CDATA[how to order t-shirts]]></category>
		<category><![CDATA[ordering t-shirts]]></category>
		<category><![CDATA[ordering tshirts]]></category>
		<category><![CDATA[printing t-shirts]]></category>
		<category><![CDATA[screen printing]]></category>
		<category><![CDATA[t-shirts wichita falls]]></category>

		<guid isPermaLink="false">http://designworksgroup.com/blog/?p=54</guid>
		<description><![CDATA[T-Shirt 101 Summary:

1.  It's cheaper in the long run to order a few extra shirts on your initial order rather than re-ordering a few shirts here and there.

2. If you have to order a small quantity of shirts, consider limiting the design to 1 or 2 ink colors.

3. White is the most cost effective shirt to use. 

4. The choice between 100% Cotton and 50/50 is a personal preference.
]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=4b5bb4484d6c5edcc459c8654e4d37be&amp;default=http://use.perl.org/images/pix.gif' alt='No Gravatar' width=40 height=40/><p class="MsoNormal" style="margin: 0in 0in 0pt;"> </p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;"><span style="font-size: 10pt; color: black; font-family: Arial;">You’ve decided to order t-shirts either for a promotion or your staff. The decisions you make can really impact your budget. In this segment, we&#8217;ll give you some pointers on how to get the best deal AND the best shirt for your needs.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;"><span style="font-size: 10pt; color: black; font-family: Arial;"> <br />
 <br />
</span><strong><span style="color: black; font-family: Arial;"><span style="font-size: small;">1. Quantity</span></span></strong><strong><span style="font-size: 10pt; color: black; font-family: Arial; mso-bidi-font-size: 12.0pt;"> </span></strong><strong><span style="font-size: 10pt; color: black; font-family: Arial;"><br />
</span></strong><span style="font-size: 10pt; color: black; font-family: Arial;">Not surprisingly, your per shirt cost goes down when you order larger quantities of shirts. The driving factor of the cost is the screens the printer has to burn to print your shirt. Essentially, screens are the template the printer uses to get the artwork onto the shirt. A screen has to be burned for each color and each imprint area on the t-shirt.<br />
 <br />
For example, for a 1 location imprint, 4 color design, you will pay around $50 just for the screens. So, for 12 shirts, you are paying over $4.00 per shirt for the screens only. But if you order 500 shirts, you are paying only .10 cents per shirt for the screens.<br />
 <br />
</span><strong><span style="color: black; font-family: Arial;"><span style="font-size: small;">2. Artwork and Imprint Location</span></span></strong><span style="font-size: 10pt; color: black; font-family: Arial;"><br />
Because of the cost of the screens, you want to carefully consider how to design your artwork and where it will go on your shirt. If you are ordering a small quantity of shirts and have a tight budget, you may want to consider using 1 or 2 colors for the design. You&#8217;d be surprised what a good graphic artist can do with a design using just two colors.<br />
 <br />
Plus, you want to consider how many places on the shirt you want the design. Do you want something just on the front left side or the entire back? Many people prefer to have the design on the back rather than the front of the shirt. The cost goes up the more locations you chose to imprint.<br />
 </span><strong><span style="color: black; font-family: Arial;"><br />
<span style="font-size: small;">3. Color of the Shirt<br />
</span></span></strong><span style="font-size: 10pt; color: black; font-family: Arial;">White shirts are the most cost efficient option. However, you can order t-shirts in just about any color in the rainbow. Dark shirts (i.e. black) requires the printer to use a white ink base to ensure that the ink color is not affected by the dark color of the shirt. If you do not use a white base, the bright orange in your design may look more like burnt orange. And yes, the white base will count as 1 color in your design. So even if your design uses orange and red, you will have to pay for a 3 color imprint.<br />
 <br />
</span><strong><span style="color: black; font-family: Arial;"><span style="font-size: small;">4. Material &#8211; 50/50 vs. Cotton</span></span></strong></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;"><span style="font-size: 10pt; color: black; font-family: Arial;">The most common options for t-shirts are 50/50 polyester/cotton blend or 100% cotton. The benefit of 100% cotton is it has a heavier feel. Some people worry that it will shrink. But most 100% cotton shirts are pre-shrunk and have very little shrinkage. For screen printing, you&#8217;ll get the best results with non-ring spun cotton. Make sure you choose non-ring spun cotton because an imprint on ring spun cotton can look washed out.<br />
 <br />
The 50/50 blend shirts are a bit more durable and will withstand frequent wearing and washing. Plus, 50/50 blend shirts have a lighter feel that some people prefer. <br />
 <br />
</span><span style="font-size: small;"><strong><span style="color: black; font-family: Arial;">Summary:</span></strong></span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;"><span style="font-size: 10pt; color: black; font-family: Arial;">1.  It&#8217;s cheaper in the long run to order a few extra shirts on your initial order rather than re-ordering a few shirts here and there.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;"><span style="font-size: 10pt; color: black; font-family: Arial;">2. If you have to order a small quantity of shirts, consider limiting the design to 1 or 2 ink colors.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;"><span style="font-size: 10pt; color: black; font-family: Arial;">3. White is the most cost effective shirt to use. </span></p>
<div></div>
<p><span style="color: #ffffff;"></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;"><span style="font-size: 10pt; color: black; font-family: Arial;">4. The choice between 100% Cotton and 50/50 is a personal preference.</span></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p></span></p>
]]></content:encoded>
			<wfw:commentRss>http://designworksgroup.com/blog/?feed=rss2&amp;p=54</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Easing Image Slider with AS3</title>
		<link>http://designworksgroup.com/blog/?p=3</link>
		<comments>http://designworksgroup.com/blog/?p=3#comments</comments>
		<pubDate>Wed, 03 Jun 2009 21:09:13 +0000</pubDate>
		<dc:creator>timstepp</dc:creator>
				<category><![CDATA[Actionscript 3]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[as3 image effect]]></category>
		<category><![CDATA[as3 slider]]></category>
		<category><![CDATA[ease]]></category>
		<category><![CDATA[easing]]></category>
		<category><![CDATA[image slider]]></category>
		<category><![CDATA[random]]></category>
		<category><![CDATA[random as3 x]]></category>

		<guid isPermaLink="false">http://designworksgroup.com/blog/?p=3</guid>
		<description><![CDATA[This is a step-by-step guide for creating a sophisticated image slider using AS3. The alternative option would be to manually create tweens and loop them, but taking advantage of generating random numbers within a scope that works with your image is the &#8220;right&#8221; way to go about doing it. We will be using the Tweensy [...]]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=99ec42e2bcb488033f741972ebb0f0b6&amp;default=http://use.perl.org/images/pix.gif' alt='No Gravatar' width=40 height=40/><p>This is a step-by-step guide for creating a sophisticated image slider using AS3. The alternative option would be to manually create tweens and loop them, but taking advantage of generating random numbers within a scope that works with your image is the &#8220;right&#8221; way to go about doing it.</p>
<p>
<object width="550" height="346">
<param name="movie" value="http://designworksgroup.com/blog/wp-content/uploads/2009/06/as3_slider.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>
<embed type="application/x-shockwave-flash" width="550" height="346" src="http://designworksgroup.com/blog/wp-content/uploads/2009/06/as3_slider.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</p>
<li>We will be using the <a href="http://code.google.com/p/tweensy/" target="_blank">Tweensy library</a></a>. Make sure you download Tweensy and <a href="http://code.google.com/p/tweensy/wiki/GettingStarted" target="_blank">link it properly</a>.
<li>Create a new Actionscript 3.0 Document	</li>
<li>Create a new layer on the timeline and name it &#8220;actions&#8221;</li>
<li>Select &#8220;Layer 1&#8243; and go to <strong>File -> Import -> Import to Stage</strong> and select the image you would like to apply this effect to.</li>
<p>       <img src="http://designworksgroup.com/blog/wp-content/uploads/2009/06/import_to_stage.png" alt="import to stage" title="import to stage" width="508" height="198" class="alignnone size-full wp-image-15" /></p>
<div id="attachment_19" class="wp-caption alignnone" style="width: 310px"><a href="http://designworksgroup.com/blog/wp-content/uploads/2009/06/choose_your_image.png"><img src="http://designworksgroup.com/blog/wp-content/uploads/2009/06/choose_your_image-300x167.png" alt="Image imported to stage on Layer 1" title="choose_your_image" width="300" height="167" class="size-medium wp-image-19" /></a><p class="wp-caption-text">Image imported to stage on Layer 1</p></div>
<li>Select your image on the stage, click the properties panel and note the height of the image. Decide the visible width of your flash document. Go to <strong>Modify -> Document</strong> and change the height to your noted image height and change your width as preferred. </li>
<div id="attachment_24" class="wp-caption alignnone" style="width: 670px"><img src="http://designworksgroup.com/blog/wp-content/uploads/2009/06/change_doc_properties.png" alt="Change your Document Properties" title="change_doc_properties" width="660" height="353" class="size-full wp-image-24" /><p class="wp-caption-text">Change your Document Properties</p></div>
<li>Make sure your image is selected and go to <strong>Modify -> Convert to Symbol</strong>. Name your symbol and choose &#8220;Movie Clip&#8221; from the drop-down menu. Make sure your registration is top left as show in the image:</li>
<p><img src="http://designworksgroup.com/blog/wp-content/uploads/2009/06/create_pan_mc.png" alt="create_pan_mc" title="create_pan_mc" width="574" height="167" class="alignnone size-full wp-image-27" /></p>
<li>With your pan Movie Clip selected, click the Properties Panel and give your Movie Clip an instance name &#8220;pan&#8221;. Change the X and Y values to zero.</li>
<p><img src="http://designworksgroup.com/blog/wp-content/uploads/2009/06/change_mc_properties.png" alt="change movie clip properties" title="change movie clip properties" width="414" height="233" class="alignnone size-full wp-image-29" /></p>
<li>Select the keyframe on the &#8220;actions&#8221; layer and go to <strong>Window -> Actions</strong>.</li>
<p><img src="http://designworksgroup.com/blog/wp-content/uploads/2009/06/modify_actions.png" alt="modify actions" title="modify actions" width="639" height="249" class="alignnone size-full wp-image-31" /></p>
<li>Copy this code into your actions area. The comments explain most of the logic.</li>

<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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
</pre></td><td class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #009900;">// AS3 Easing Image Slider</span>
<span style="color: #009900;">// Timothy Stepp - DesignWorks Group</span>
&nbsp;
<span style="color: #0033ff; font-weight: bold;">import</span> fl.transitions.<span style="color: #000000; font-weight: bold;">*</span>;
<span style="color: #0033ff; font-weight: bold;">import</span> fl.transitions.easing.<span style="color: #000000; font-weight: bold;">*</span>;
&nbsp;
<span style="color: #009900;">// Tweensy is required for this all to work. Link is on the blog page.</span>
<span style="color: #0033ff; font-weight: bold;">import</span> com.flashdynamix.motion.Tweensy;
&nbsp;
&nbsp;
<span style="color: #004993;">stop</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
&nbsp;
&nbsp;
<span style="color: #3f5fbf;">/*
Create min and max values for the x-position of the image.
&nbsp;
Minimum value (image moves left):
The minimum x-position is determined by subtracting the stage width from the image width.
This value is then multiplied by -1 since the left movement is a negative x-direction.
If you are trying to avoid having the image shift too far to the left, you cannot have the image
position itself at an x-value that exposes the canvas behind your image. 
&nbsp;
Maximum value (image moves right):
The maximum x-value is zero because if the image moves any further right, the canvas behind 
the image, on the left side will be exposed.
&nbsp;
*/</span>
<span style="color: #6699cc; font-weight: bold;">var</span> minX<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000;">&#40;</span> <span style="color: #000000; font-weight: bold;">-</span> <span style="color: #000000;">&#40;</span> <span style="color: #004993;">pan</span>.<span style="color: #004993;">width</span> <span style="color: #000000; font-weight: bold;">-</span> <span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span>;
<span style="color: #6699cc; font-weight: bold;">var</span> maxX<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">0</span>;
&nbsp;
&nbsp;
<span style="color: #3f5fbf;">/*
Create minimum and maximum values for time length of each tween.
*/</span>
<span style="color: #6699cc; font-weight: bold;">var</span> minTime<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">20</span>;
<span style="color: #6699cc; font-weight: bold;">var</span> maxTime<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">23</span>;
&nbsp;
<span style="color: #3f5fbf;">/*
Create minSlide variable
&nbsp;
The minSlide variable defines the minimum change of each sliding occurance. This is necessary 
to maintain a smooth presentation. If a random number is generated and happens to be five pixels
away from the current X position, think about how unfitting a ten second tween would look - the
image would move only a centimeter in ten seconds.
*/</span>
<span style="color: #6699cc; font-weight: bold;">var</span> minSlide<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">200</span>;
&nbsp;
<span style="color: #009900;">// Run first tween.</span>
createTween<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span>;
&nbsp;
&nbsp;
<span style="color: #339966; font-weight: bold;">function</span> createTween<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span><span style="color: #000000;">&#123;</span>
	Tweensy.to<span style="color: #000000;">&#40;</span> <span style="color: #004993;">pan</span>, <span style="color: #000000;">&#123;</span> <span style="color: #004993;">x</span><span style="color: #000000; font-weight: bold;">:</span>randomX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#125;</span>, randomNumber<span style="color: #000000;">&#40;</span> minTime, maxTime <span style="color: #000000;">&#41;</span>, Strong.easeOut, <span style="color: #000000; font-weight:bold;">0</span>, <span style="color: #0033ff; font-weight: bold;">null</span>, newTween <span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #339966; font-weight: bold;">function</span> newTween<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span> <span style="color: #000000;">&#123;</span>
	createTween<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
&nbsp;
<span style="color: #3f5fbf;">/*
Generate the function that produces a random number within your scope and that respects the
minSlide variable
*/</span>
&nbsp;
<span style="color: #339966; font-weight: bold;">function</span> randomX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span><span style="color: #000000;">&#123;</span>
	<span style="color: #009900;">// Check if current x is too far right</span>
	<span style="color: #0033ff; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">&gt;</span> maxX <span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
		<span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span> <span style="color: #990000;">&quot;X-position exceeded maximum bound&quot;</span> <span style="color: #000000;">&#41;</span>;
	<span style="color: #000000;">&#125;</span>
&nbsp;
	<span style="color: #009900;">// Check if current x is too far left</span>
	<span style="color: #0033ff; font-weight: bold;">else</span> <span style="color: #0033ff; font-weight: bold;">if</span> <span style="color: #000000;">&#40;</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">&lt;</span> minX <span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
		<span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span> <span style="color: #990000;">&quot;X-position exceeded minimum bound&quot;</span> <span style="color: #000000;">&#41;</span>;
	<span style="color: #000000;">&#125;</span>
&nbsp;
	<span style="color: #3f5fbf;">/*
	In order to respect the minSlide variable, create two statements that
	guide the pan element accordingly if the current x-position is too close to the left or right.
	*/</span>
	<span style="color: #0033ff; font-weight: bold;">else</span> <span style="color: #0033ff; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#40;</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">-</span> minX <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">&lt;</span> minSlide <span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;">return</span> randomNumber<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#40;</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">+</span> minSlide <span style="color: #000000;">&#41;</span>, maxX <span style="color: #000000;">&#41;</span>;
	<span style="color: #000000;">&#125;</span>
&nbsp;
	<span style="color: #0033ff; font-weight: bold;">else</span> <span style="color: #0033ff; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#40;</span> maxX <span style="color: #000000; font-weight: bold;">-</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">&lt;</span> minSlide <span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;">return</span> randomNumber<span style="color: #000000;">&#40;</span> minX, <span style="color: #000000;">&#40;</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">-</span> minSlide <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span>;
	<span style="color: #000000;">&#125;</span>
&nbsp;
	<span style="color: #3f5fbf;">/*
	If the x-position is not within +/- minSlide away from minX and maxX, it is in the middle area.
	A switch randomly chooses to pitch the pan left or right.
	*/</span>
	<span style="color: #0033ff; font-weight: bold;">else</span> <span style="color: #0033ff; font-weight: bold;">if</span> <span style="color: #000000;">&#40;</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">&gt;</span>= <span style="color: #000000;">&#40;</span> minX <span style="color: #000000; font-weight: bold;">+</span> minSlide <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">&amp;&amp;</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">&lt;</span>= <span style="color: #000000;">&#40;</span> maxX <span style="color: #000000; font-weight: bold;">-</span> minSlide <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;">switch</span><span style="color: #000000;">&#40;</span> <span style="color: #004993;">Math</span>.<span style="color: #004993;">round</span><span style="color: #000000;">&#40;</span> <span style="color: #004993;">Math</span>.<span style="color: #004993;">random</span><span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
			<span style="color: #0033ff; font-weight: bold;">case</span> <span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000; font-weight: bold;">:</span> <span style="color: #0033ff; font-weight: bold;">return</span> randomNumber<span style="color: #000000;">&#40;</span> minX, <span style="color: #000000;">&#40;</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">-</span> minSlide <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span>;
			<span style="color: #0033ff; font-weight: bold;">case</span> <span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000; font-weight: bold;">:</span> <span style="color: #0033ff; font-weight: bold;">return</span> randomNumber<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#40;</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">+</span> minSlide <span style="color: #000000;">&#41;</span>, maxX  <span style="color: #000000;">&#41;</span>;
		<span style="color: #000000;">&#125;</span>
	<span style="color: #000000;">&#125;</span>
&nbsp;
	<span style="color: #0033ff; font-weight: bold;">else</span> <span style="color: #000000;">&#123;</span>
		<span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span> <span style="color: #990000;">&quot;There was an unexplained error&quot;</span> <span style="color: #000000;">&#41;</span>;
	<span style="color: #000000;">&#125;</span>
&nbsp;
	<span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span> <span style="color: #990000;">&quot;Error: returning zero&quot;</span> <span style="color: #000000;">&#41;</span>;
	<span style="color: #0033ff; font-weight: bold;">return</span> <span style="color: #000000; font-weight:bold;">0</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #339966; font-weight: bold;">function</span> currentX<span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> <span style="color: #000000;">&#123;</span>
	<span style="color: #0033ff; font-weight: bold;">return</span> <span style="color: #0033ff; font-weight: bold;">this</span>.<span style="color: #004993;">pan</span>.<span style="color: #004993;">x</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #3f5fbf;">/*
Function for generating a random number
*/</span>  
<span style="color: #339966; font-weight: bold;">function</span> randomNumber<span style="color: #000000;">&#40;</span> low<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #004993;">NaN</span>, high<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #004993;">NaN</span> <span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span><span style="color: #000000;">&#123;</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> low<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = low;
  	<span style="color: #6699cc; font-weight: bold;">var</span> high<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = high;
&nbsp;
  	<span style="color: #0033ff; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span> <span style="color: #004993;">isNaN</span><span style="color: #000000;">&#40;</span> low <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
    	<span style="color: #0033ff; font-weight: bold;">throw</span> <span style="color: #0033ff; font-weight: bold;">new</span> <span style="color: #004993;">Error</span><span style="color: #000000;">&#40;</span> <span style="color: #990000;">&quot;low must be defined&quot;</span> <span style="color: #000000;">&#41;</span>;
  	<span style="color: #000000;">&#125;</span>
&nbsp;
  	<span style="color: #0033ff; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span> <span style="color: #004993;">isNaN</span><span style="color: #000000;">&#40;</span> high <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;">throw</span> <span style="color: #0033ff; font-weight: bold;">new</span> <span style="color: #004993;">Error</span><span style="color: #000000;">&#40;</span> <span style="color: #990000;">&quot;high must be defined&quot;</span> <span style="color: #000000;">&#41;</span>;
  	<span style="color: #000000;">&#125;</span>
&nbsp;
  	<span style="color: #0033ff; font-weight: bold;">return</span> <span style="color: #004993;">Math</span>.<span style="color: #004993;">round</span><span style="color: #000000;">&#40;</span> <span style="color: #004993;">Math</span>.<span style="color: #004993;">random</span><span style="color: #000000;">&#40;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #000000;">&#40;</span> high <span style="color: #000000; font-weight: bold;">-</span> low <span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">+</span> low;
<span style="color: #000000;">&#125;</span></pre></td></tr></table></div>

<li> Links
<ul><a href="http://code.google.com/p/tweensy/" target="_blank">Tweensy</a></ul>
<ul><a href="http://www.actionscript.org/resources/articles/90/1/Maths-Functions-including-Random/Page1.html" target="_blank"> Great info on generating random numbers </a>
     </ul>
</li>
]]></content:encoded>
			<wfw:commentRss>http://designworksgroup.com/blog/?feed=rss2&amp;p=3</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

