<?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>Blowing Through Lines &#187; Wii</title>
	<atom:link href="http://blowingthroughlines.com/category/flash-as-3/wii/feed/" rel="self" type="application/rss+xml" />
	<link>http://blowingthroughlines.com</link>
	<description>Highly addictive code.</description>
	<lastBuildDate>Tue, 15 Jun 2010 18:14:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>WiiSizing Text Class</title>
		<link>http://blowingthroughlines.com/2007/09/26/flash-as-3/wii/wiisizing-text-class/</link>
		<comments>http://blowingthroughlines.com/2007/09/26/flash-as-3/wii/wiisizing-text-class/#comments</comments>
		<pubDate>Wed, 26 Sep 2007 20:37:45 +0000</pubDate>
		<dc:creator>nilloc</dc:creator>
				<category><![CDATA[Flash AS 3.0]]></category>
		<category><![CDATA[Wii]]></category>

		<guid isPermaLink="false">http://blowingthroughlines.com/flash-as-30/nilloc/wiisizing-text-class/</guid>
		<description><![CDATA[So any of you out there that have played with a Nintendo Wii yet&#8212;or more specifically run out of energy bowling all night and decided to look at the news reader built into it&#8212;will have probably been pretty impressed with the dynamic nature of the interface elements. This class allows users to resize text in [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>So any of you out there that have played with a Nintendo Wii yet&mdash;or more specifically run out of energy bowling all night and decided to look at the news reader built into it&mdash;will have probably been pretty impressed with the dynamic nature of the interface elements. This class allows users to resize text in a fun and smooth way, and does the text resizing on a string within the confines set by you. So there <em>optionally</em> is a max size set by a defined bounding box.</p>
<h3>Example</h3>
<p><object type="application/x-shockwave-flash" data="http://blowingthroughlines.com/wp-content/uploads/2007/09/textresizer.swf" width="550" height="400" class="embedflash"><param name="movie" value="http://blowingthroughlines.com/wp-content/uploads/2007/09/textresizer.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><small>(Please open the article to see the flash file or player.)</small></object><br />
It requires Tweener at the moment, but i plan on refactoring it to allow you to pass the tweening in your preferred class (though promoting the use of Tweener isn&#8217;t a bad thing in my opinion).</p>
<h3>How to instantiate and use the class</h3>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p13code3'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p133"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code" id="p13code3"><pre class="actionscript" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">// import the class</span>
<span style="color: #0066CC;">import</span> com.<span style="color: #006600;">paperclipped</span>.<span style="color: #0066CC;">text</span>.<span style="color: #006600;">TextResizer</span>;
&nbsp;
<span style="color: #808080; font-style: italic;">// make an new instance of it 'this' refers to the stage in this example, but could be any DisplayObject.</span>
<span style="color: #000000; font-weight: bold;">var</span> myResizer:TextResizer = <span style="color: #000000; font-weight: bold;">new</span> TextResizer<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;all the words i really wanted to deal with at the moment&quot;</span>, <span style="color: #0066CC;">this</span>, <span style="color: #66cc66;">&#123;</span>t:<span style="color: #cc66cc;">0</span>, r:<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span>, b:<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span>, l:<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #808080; font-style: italic;">// to change the size of the text, +/- change in point size, easing style, speed, and optionally a delay for a ripple effect</span>
myResizer.<span style="color: #006600;">resizeText</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">6</span>, <span style="color: #ff0000;">'easeoutquad'</span> ,<span style="color: #cc66cc;">0.5</span>, <span style="color: #cc66cc;">0.08</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p>It&#8217;s pretty short and simple but a neat &lsquo;discovery&rsquo; for your users when the need a closer look at some text that was spec&#8217;d a little too small for them <a href='http://blowingthroughlines.com/wp-content/uploads/2007/09/textresizer.zip' title='TextResizer - Source'>Download the  TextResizer Source</a>. There are also settings for tracking [letterSpacing across the whole string] and wordspacing that can be optionally defined. And if you just need to resize the text and have it bounce down instantly you can leave out the time, or easing type parts and just use:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p13code4'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p134"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p13code4"><pre class="actionscript" style="font-family:monospace;">myResizer.<span style="color: #006600;">resizeText</span><span style="color: #66cc66;">&#40;</span>-<span style="color: #cc66cc;">6</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>



<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://blowingthroughlines.com/2007/09/26/flash-as-3/wii/wiisizing-text-class/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
