<?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>Scott Rockers&#039; Blog &#187; scrolling text</title>
	<atom:link href="http://scottrockers.com/blog/tag/scrolling-text/feed" rel="self" type="application/rss+xml" />
	<link>http://scottrockers.com/blog</link>
	<description>Website Designer and Developer, Flash, Wordpress, jQuery, and Other Scripts</description>
	<lastBuildDate>Mon, 22 Aug 2011 21:48:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Scrolling in Flash</title>
		<link>http://scottrockers.com/blog/resources/flash-information/scrolling-in-flash</link>
		<comments>http://scottrockers.com/blog/resources/flash-information/scrolling-in-flash#comments</comments>
		<pubDate>Mon, 05 Apr 2010 15:00:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash Information]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[news ticker]]></category>
		<category><![CDATA[scrolling text]]></category>
		<category><![CDATA[text ticker]]></category>

		<guid isPermaLink="false">http://scottrockers.com/blog/?p=1028</guid>
		<description><![CDATA[I have been getting a lot of questions for a good way of scrolling in Flash. So I thought I would let you know about the Scroll Flash Tutorial I made on how to do that. It gives you the code and the explains  basic functionality.  But if you don&#8217;t know anything about programming, I [...]]]></description>
			<content:encoded><![CDATA[<p>I have been getting a lot of questions for a good way of scrolling in Flash.  So I thought I would let you know about the <a title="Scroll Flash Tutorial" href="http://scottrockers.com/blog/resources/tutorials/flash-ticker-scrolling-text-in-actionscript-3-0" target="_self">Scroll Flash Tutorial</a> I made on how to do that. It gives you the code and the explains  basic functionality.  But if you don&#8217;t know anything about programming, I also created a simple <a title="Auto Scroll Flash" href="http://activeden.net/item/flash-text-ticker-scrolling-text-actionscript-3/83544?ref=scottrockers" target="_blank">Auto Scroll Flash</a> file or in other words a Flash Text Ticker / Text Scroller file.  It&#8217;s completely customizable by XML so you don&#8217;t even have to know Flash to use it and it super easy to add to any website. You can change the font size, color, link color, background color, and add multiple lines of text if you want, and you can even setup a timer to display each text line item. If you buy it, there is also a help file that will give you a step by step process on how to edit the XML file and add the Flash scroller to your webpage.  To see a few examples of this file in action, click the example  image below.</p>
<p style="text-align: center;"><a href="http://activeden.net/item/flash-text-ticker-scrolling-text-actionscript-3/full_screen_preview/83544?ref=scottrockers"><img class="aligncenter size-full wp-image-1030" style="border: 1px solid white;" title="scroll-in-flash" src="http://scottrockers.com/blog/wp-content/uploads/2010/04/scroll-in-flash.jpg" alt="" width="591" height="27" /></a></p>
<p>If you guys have any more specific questions about scrolling in Flash,  just let me know by sending me an email through my contact page or leaving a comment.</p>
<p>Cya</p>
]]></content:encoded>
			<wfw:commentRss>http://scottrockers.com/blog/resources/flash-information/scrolling-in-flash/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash Text Ticker / Scrolling Text in AS3 Revisited</title>
		<link>http://scottrockers.com/blog/portfolio/sellable-items/flash-text-ticker-scrolling-text-in-as3-revisited</link>
		<comments>http://scottrockers.com/blog/portfolio/sellable-items/flash-text-ticker-scrolling-text-in-as3-revisited#comments</comments>
		<pubDate>Fri, 29 Jan 2010 15:30:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Sellable Items]]></category>
		<category><![CDATA[Actionscript 3]]></category>
		<category><![CDATA[ActiveDen]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[scrolling text]]></category>
		<category><![CDATA[text ticker]]></category>

		<guid isPermaLink="false">http://scottrockers.com/blog/?p=846</guid>
		<description><![CDATA[After looking at my google analytics for some time, I noticed I get  a lot of hits from this post:  &#8220;Flash Text Ticker / Scrolling Text in Actionscript 3.0&#8220;.   Its a basic tutorial on how to create scrolling text in Flash. I wanted to revisit that component and make it better, and integrate it with [...]]]></description>
			<content:encoded><![CDATA[<p>After looking at my google analytics for some time, I noticed I get  a lot of hits from this post:  &#8220;<a title="Text Ticker / Scrolling Text" href="http://scottrockers.com/blog/resources/tutorials/flash-ticker-scrolling-text-in-actionscript-3-0" target="_blank">Flash Text Ticker / Scrolling Text in Actionscript 3.0</a>&#8220;.   Its a basic tutorial on how to create scrolling text in Flash. I wanted to revisit that component and make it better, and integrate it with a XML file so users can easily edit things. I have finally finished working on it and it got approved for sale on activeden. Its called <a title="flash text ticker / scrolling text" href="http://activeden.net/item/flash-text-ticker-scrolling-text-actionscript-3/83544?ref=scottrockers" target="_blank">Flash Text Ticker / Scrolling Text Actionscript 3</a> and here are some of its features, and you click the image below to view the fullscreen preview:</p>
<ul>
<li>Fully Customizable by  XML</li>
<li>Easily change the width and height, and a special javascript function handles the resizing in the browser</li>
<li>No need to even open the flash file</li>
<li>3 Different direction types to choose from</li>
<li>Easily change the scrolling speed, delay time, and duration</li>
<li>Easily change the font size, font color, font type, and link color</li>
<li>Handles most html tags for even easier customization</li>
<li>Add as many items as you want (Displaying one at a time)</li>
</ul>
<p style="text-align: center;"><a title="Text Ticker / Scrolling Text" href="http://activeden.net/item/flash-text-ticker-scrolling-text-actionscript-3/full_screen_preview/83544?ref=scottrockers" target="_blank"><img class="aligncenter size-full wp-image-847" style="border: 1px solid white;" title="flashtextticker" src="http://scottrockers.com/blog/wp-content/uploads/2010/01/flashtextticker.jpg" alt="" width="590" height="300" /></a></p>
<p style="text-align: left;">Cya</p>
]]></content:encoded>
			<wfw:commentRss>http://scottrockers.com/blog/portfolio/sellable-items/flash-text-ticker-scrolling-text-in-as3-revisited/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash Text Ticker / Scrolling Text in Actionscript 3.0</title>
		<link>http://scottrockers.com/blog/resources/tutorials/flash-ticker-scrolling-text-in-actionscript-3-0</link>
		<comments>http://scottrockers.com/blog/resources/tutorials/flash-ticker-scrolling-text-in-actionscript-3-0#comments</comments>
		<pubDate>Wed, 29 Jul 2009 17:48:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Actionscript 3]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[scrolling text]]></category>
		<category><![CDATA[text ticker]]></category>

		<guid isPermaLink="false">http://scottrockers.com/blog/?p=588</guid>
		<description><![CDATA[Update: I have created a text ticker / scrolling text component based off of this tutorial that is integrated with a XML file so users have more options and can make easy changes.  Click the image below to learn more. So I have been working on a mp3player that is designed similar to a ipod [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Update: I have created a text ticker / scrolling text component based off of this tutorial that is integrated with a XML file so users have more options and can make easy changes.  Click the image below to learn more.</strong></p>
<p style="text-align: center;"><a href="http://activeden.net/item/flash-text-ticker-scrolling-text-actionscript-3/83544?ref=scottrockers"><img class="aligncenter size-full wp-image-850" style="border: 1px solid white;" title="flashtextticker2" src="http://scottrockers.com/blog/wp-content/uploads/2009/07/flashtextticker2.jpg" alt="" width="590" height="300" /></a></p>
<p>So I have been working on a mp3player that is designed similar to a ipod with a little bit different functionality. I needed the text fields to scroll back and forth so you could see all the text written inside of it, if the field was shorter than the width of the text. After looking around for a tutorial or another persons help and not finding a thing for Actionscript 3, I decided to write my own. I am using <a href="http://blog.greensock.com/tweenliteas3/" target="_blank">Tweenlite </a>to handle the tweens because its really low on weight and its a very smooth and powerful tweening engine.  I am almost done with the mp3player and I will show you that very soon, but I wanted to post an example of the scrolling text or flash ticker (as some people call them) to you first before then. The example and code is below. I use one movieclip with an instance name of item that has two items inside of it, a dynamic textfield holding the text and a mask to only show the part I want shown.</p>
<p><a rel="shadowbox;height=101;width=200" href="http://scottrockers.com/blog/wp-content/uploads/2009/07/scrollingText.swf"><img class="aligncenter size-full wp-image-590" title="scrollingText" src="http://scottrockers.com/blog/wp-content/uploads/2009/07/scrollingText.jpg" alt="scrollingText" width="200" height="101" /></a></p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #009900; font-style: italic;">//import libraries</span>
<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.utils</span><span style="color: #000066; font-weight: bold;">.*;</span>
<span style="color: #0033ff; font-weight: bold;">import</span> <span style="color: #004993;">flash.text</span><span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">TextField</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #0033ff; font-weight: bold;">import</span> gs<span style="color: #000066; font-weight: bold;">.*;</span>
<span style="color: #0033ff; font-weight: bold;">import</span> gs<span style="color: #000066; font-weight: bold;">.</span>easing<span style="color: #000066; font-weight: bold;">.*</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//make the text too long for the textfield and assign the mask for it</span>
item<span style="color: #000066; font-weight: bold;">.</span>menuItemText<span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">text</span> = <span style="color: #990000;">&quot;This text is too long to fit in this tiny textfield, here is the end&quot;</span><span style="color: #000066; font-weight: bold;">;</span>
item<span style="color: #000066; font-weight: bold;">.</span>menuItemText<span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">mask</span> = item<span style="color: #000066; font-weight: bold;">.</span>menuItemMask<span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//call the scrollWords function</span>
scrollWords<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//the scrollWords function</span>
<span style="color: #339966; font-weight: bold;">function</span> scrollWords<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span> <span style="color: #000000;">&#123;</span>
        <span style="color: #009900; font-style: italic;">//make the textfield wordwrap false and autosize to textFieldAutoSize.LEFT</span>
	item<span style="color: #000066; font-weight: bold;">.</span>menuItemText<span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">wordWrap</span> = <span style="color: #0033ff; font-weight: bold;">false</span><span style="color: #000066; font-weight: bold;">;</span>
	item<span style="color: #000066; font-weight: bold;">.</span>menuItemText<span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">autoSize</span> = <span style="color: #004993;">TextFieldAutoSize</span><span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">LEFT</span><span style="color: #000066; font-weight: bold;">;</span>
&nbsp;
        <span style="color: #009900; font-style: italic;">//if the textwidth is longer than the masks width which is 173 then call goforwardtween</span>
	<span style="color: #0033ff; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>item<span style="color: #000066; font-weight: bold;">.</span>menuItemText<span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">textWidth</span> <span style="color: #000066; font-weight: bold;">&amp;</span>gt<span style="color: #000066; font-weight: bold;">;</span> <span style="color: #000000; font-weight:bold;">173</span><span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span>
		goForwardTween<span style="color: #000000;">&#40;</span>item<span style="color: #000066; font-weight: bold;">.</span>menuItemText<span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//go forward tween, on complete it calls go back tween</span>
<span style="color: #339966; font-weight: bold;">function</span> goForwardTween<span style="color: #000000;">&#40;</span>tf<span style="color: #000066; font-weight: bold;">:</span><span style="color: #004993;">TextField</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span> <span style="color: #000000;">&#123;</span>
	TweenLite<span style="color: #000066; font-weight: bold;">.</span>to<span style="color: #000000;">&#40;</span>tf<span style="color: #000066; font-weight: bold;">,</span> <span style="color: #000000; font-weight:bold;">3</span><span style="color: #000066; font-weight: bold;">,</span> <span style="color: #000000;">&#123;</span><span style="color: #004993;">x</span><span style="color: #000066; font-weight: bold;">:-</span><span style="color: #000000;">&#40;</span>item<span style="color: #000066; font-weight: bold;">.</span>menuItemText<span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">textWidth</span><span style="color: #000000;">&#41;</span> <span style="color: #000066; font-weight: bold;">+</span> <span style="color: #000000; font-weight:bold;">163</span><span style="color: #000066; font-weight: bold;">,</span> <span style="color: #004993;">delay</span><span style="color: #000066; font-weight: bold;">:</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000066; font-weight: bold;">,</span> onComplete<span style="color: #000066; font-weight: bold;">:</span>goBackTween<span style="color: #000066; font-weight: bold;">,</span> onCompleteParams<span style="color: #000066; font-weight: bold;">:</span><span style="color: #000000;">&#91;</span>tf<span style="color: #000000;">&#93;</span> <span style="color: #000000;">&#125;</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #009900; font-style: italic;">//go back tween, on complete it calls go forward tween</span>
<span style="color: #339966; font-weight: bold;">function</span> goBackTween<span style="color: #000000;">&#40;</span>tf<span style="color: #000066; font-weight: bold;">:</span><span style="color: #004993;">TextField</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span> <span style="color: #000000;">&#123;</span>
	TweenLite<span style="color: #000066; font-weight: bold;">.</span>to<span style="color: #000000;">&#40;</span>tf<span style="color: #000066; font-weight: bold;">,</span> <span style="color: #000000; font-weight:bold;">3</span><span style="color: #000066; font-weight: bold;">,</span> <span style="color: #000000;">&#123;</span><span style="color: #004993;">x</span><span style="color: #000066; font-weight: bold;">:</span><span style="color: #000000; font-weight:bold;">10</span><span style="color: #000066; font-weight: bold;">,</span> <span style="color: #004993;">delay</span><span style="color: #000066; font-weight: bold;">:</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000066; font-weight: bold;">,</span> onComplete<span style="color: #000066; font-weight: bold;">:</span>goForwardTween<span style="color: #000066; font-weight: bold;">,</span> onCompleteParams<span style="color: #000066; font-weight: bold;">:</span><span style="color: #000000;">&#91;</span>tf<span style="color: #000000;">&#93;</span> <span style="color: #000000;">&#125;</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Cya</p>
]]></content:encoded>
			<wfw:commentRss>http://scottrockers.com/blog/resources/tutorials/flash-ticker-scrolling-text-in-actionscript-3-0/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

