<?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>infoalive labs &#187; Flash</title>
	<atom:link href="http://labs.infoalive.com/category/flash/feed" rel="self" type="application/rss+xml" />
	<link>http://labs.infoalive.com</link>
	<description>プロダクトの紹介とTipsのまとめサイト</description>
	<lastBuildDate>Fri, 04 Nov 2011 10:15:41 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>ムービークリップを特定フレームまで再生してから停止させる</title>
		<link>http://labs.infoalive.com/tips/54</link>
		<comments>http://labs.infoalive.com/tips/54#comments</comments>
		<pubDate>Tue, 31 Mar 2009 07:25:24 +0000</pubDate>
		<dc:creator>tanaka</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://labs.infoalive.com/?p=54</guid>
		<description><![CDATA[Flashでゲームを作成した場合に、ヒットポイントを表示するゲージを扱うことがあるかと思います。 例えばダメージをうけた場合に特定の位置まで gotoAndStop([フレーム番号]); でも良いのですが、これだといきな [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F54"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F54&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Flashでゲームを作成した場合に、ヒットポイントを表示するゲージを扱うことがあるかと思います。</p>
<p>例えばダメージをうけた場合に特定の位置まで</p>
<p style="padding-left: 30px;">gotoAndStop([フレーム番号]);</p>
<p>でも良いのですが、これだといきなり減ってしまい味気ない感じになってしまいます。</p>
<p>モーショントゥイーンしつつ指定の位置で停止出来ないものかと考えたのですが、_rootに停止位置フラグを置いて各フレームに、</p>
<p style="padding-left: 30px;">if(_root.[停止位置の変数] == [フレーム番号]){</p>
<p style="padding-left: 60px;">this.stop();</p>
<p style="padding-left: 30px;">}</p>
<p>とするのも芸がありません。（100フレームあったとして全てに書くのもバカバカしいですしね）</p>
<p>こういった場合は次のようにするのが良いのではないでしょうか？（AS2.0です）</p>
<p>ステージ上に再生したいサンプルのムービークリップ （インスタンス名：test_mc ）とテスト用の再生開始ボタン（インスタンス名：test_button）を配置します。test_mcの1フレーム目にはstop();を記述して再生はストップした状態です。</p>
<p>（ボタンをクリックした場合に25フレーム目まで再生して停止するサンプルスクリプト）</p>
<p style="padding-left: 30px;">var test_mc_stop = 1;</p>
<p style="padding-left: 30px;">test_button.onRelease = function(){</p>
<p style="padding-left: 60px;">test_mc_stop = 25;</p>
<p style="padding-left: 60px;">test_mc.play();</p>
<p style="padding-left: 30px;">}</p>
<p style="padding-left: 30px;">test_mc.onEnterFrame = function(){</p>
<p style="padding-left: 60px;">if(this._currentframe == test_mc_stop){</p>
<p style="padding-left: 90px;">this.stop();</p>
<p style="padding-left: 60px;">}</p>
<p style="padding-left: 30px;">}</p>
<p>onEnterFrameイベントで、毎フレーム呼び出されて currentframe で現在のフレーム位置をチェック。</p>
<p>予めボタンクリック時にセットされたtest_mc_stopと同じフレーム位置であれば再生を停止します。</p>
<p>AS3.0ではもう少しスマートな方法があるのかもしれませんが・・・・・</p>
<g:plusone href="http://labs.infoalive.com/tips/54"></g:plusone>]]></content:encoded>
			<wfw:commentRss>http://labs.infoalive.com/tips/54/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flashへのフォント埋め込みとライセンス</title>
		<link>http://labs.infoalive.com/tips/45</link>
		<comments>http://labs.infoalive.com/tips/45#comments</comments>
		<pubDate>Tue, 03 Mar 2009 08:18:15 +0000</pubDate>
		<dc:creator>tanaka</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://labs.infoalive.com/?p=45</guid>
		<description><![CDATA[先日「新聞一面ジェネレータ」を作成した際に、固定で作成している大見出しとは別に自由にテキストを入力できる見出し部分のフォントを予め取りこんでおいて新聞風に見せるようにしていました。 しかし、色々と調べてみたところほとんど [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F45"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F45&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>先日「<a title="新聞一面ジェネレータ" href="http://labs.infoalive.com/product/newspaper/" target="_blank">新聞一面ジェネレータ</a>」を作成した際に、固定で作成している大見出しとは別に自由にテキストを入力できる見出し部分のフォントを予め取りこんでおいて新聞風に見せるようにしていました。</p>
<p>しかし、色々と調べてみたところほとんどのフォントベンダーはFlashへのフォンと埋込を認めておらず、ライセンス違反になるとのことで、急遽修正しました。</p>
<p>基本的には第3者へのフォントの再配布と見なされるそうです・・・</p>
<p>確かに空きに選択した文字がアウトラインを伴って表示されるのですが、そのままフォント情報を抜き取って利用できる形にはなっていないんですよね。</p>
<p>（PDFへのフォンと埋込と配布についても同様に扱われる場合もあるそうです）</p>
<p>AdobeにとってみるとPDFやFlashで持っている機能が一部制限されるわけで、そこをなんとかしようとフォントベンダーとの交渉を重ねているようですが、はやく自由度が上がると良いですね。</p>
<p>ちなみにAdobeによると</p>
<p>小塚明朝・ゴシックについては編集可能な状態での埋め込みを許可しているようです。</p>
<p><a href="http://www.adobe.com/jp/type/browser/legal/embeddingeula.html" target="_blank">http://www.adobe.com/jp/type/browser/legal/embeddingeula.html</a></p>
<p>※新聞一面ジェネレータでも小塚ゴシックを使用しました。</p>
<p>別件でポストカードの裏面を編集できるサイトを構築しましたが、その際はフォントベンダーさんが仲介されていた案件ということもあり、ベンダーさんのご厚意でフォントを埋込可能でしたが、普段はなかなかそうはいかないでしょうし、ましてや今回のような実験的サイトではほとんど収益が発生しないため無理ですね。</p>
<p>どこか思い切ったメーカーさんで、Flashへの埋め込みOK！という形でリリースしていただけるとかえって売上が上がるように思うのは素人考えなんでしょうか？</p>
<g:plusone href="http://labs.infoalive.com/tips/45"></g:plusone>]]></content:encoded>
			<wfw:commentRss>http://labs.infoalive.com/tips/45/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TextField へのスクロールバーの追加</title>
		<link>http://labs.infoalive.com/tips/41</link>
		<comments>http://labs.infoalive.com/tips/41#comments</comments>
		<pubDate>Fri, 13 Feb 2009 08:49:51 +0000</pubDate>
		<dc:creator>tanaka</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://labs.infoalive.com/?p=41</guid>
		<description><![CDATA[通知表ジェネレータにて縮小表示時に文字が読みづらいためサイズ変更したところ1画面に収まらなくなってしまいました。 そこで、スクロールバーを表示させるためにUIScrollBarというコンポーネントを使用してみました。 コ [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F41"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F41&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a title="通知表ジェネレータ" href="http://labs.infoalive.com/product/tsuchihyo/" target="_blank">通知表ジェネレータ</a>にて縮小表示時に文字が読みづらいためサイズ変更したところ1画面に収まらなくなってしまいました。</p>
<p>そこで、スクロールバーを表示させるためにUIScrollBarというコンポーネントを使用してみました。</p>
<p>コンポーネントを使用するためには、[ウィンドウ]→[コンポーネント]で、コンポーネントウィンドウを開き、UIScrollBarをドラッグして、TextFieldの端へ配置します。</p>
<p>（この際にオブジェクトへ吸着にチェックが入っていることを確認しておいてください）</p>
<p>右端側へ吸着させれば垂直の、下部に吸着させれば水平のスクロールバーとなります。</p>
<p>あとは、TextFieldに収まりきらないテキストがセットされると自動的にスクロールバーが表示されます。</p>
<p>ただ、方法によってはUIScrollBarがうまく表示されない場合があります。</p>
<ol>
<li>Varsからテキストをセットした場合</li>
<li>TextFieldの変数名とインスタンス名が同じであった場合</li>
</ol>
<p>１は、TextFieldに変数名を設定し、変数にテキストを代入することによって内容を切り替えていた場合にスクロールバーがうまく表示されません。</p>
<p>TextFieldにインスタンス名を設定し</p>
<blockquote><p>[TextFieldのインスタンス名].text = &#8220;代入するテキスト&#8221;;</p></blockquote>
<p>というようにtextプロパティからテキストをセットする必要があります。</p>
<p>２はインスタンス名と変数名が同じ場合に変数への代入が優先されてスクロールバーが出ないおそれがあるためです。</p>
<blockquote><p><span style="font-family: ＭＳ Ｐゴシック,Osaka;">TextFieldにインスタンス名をつけ、 &#8216;TextField.text&#8217;プロパティを使ってテキストを設定してください。TextFieldにはインスタンス名に加えて変数名も使用できます が、スクリプトに混乱を生じるおそれがありますので、変数名は削除することをお勧めします。</span></p></blockquote>
<p>ちなみに、縦横50%のサイズに縮小した場合にスクロールバーが細すぎるため、幅を増やせないかとあれこれ挑戦してみましたが、配置時にサイズ変更をしても、実行してみると元のサイズ（幅16pix）で表示されてしまいます。</p>
<p>Flash CS3 ドキュメンテーションを確認すると</p>
<blockquote><p>UIScrollBar コンポーネントは、オーサリング時にも実行時にも縦横に変形させることができます。ただし、垂直方向の UIScrollBar の幅、水平方向の UIScrollBar の高さを変更することはできません。</p></blockquote>
<p>とのことでした。好きな幅に設定できるといいんですけどね。</p>
<p>好みの形にするには自作するしかないようです。</p>
<g:plusone href="http://labs.infoalive.com/tips/41"></g:plusone>]]></content:encoded>
			<wfw:commentRss>http://labs.infoalive.com/tips/41/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ダイナミックテキスト（デバイスフォント）へのマスク指定</title>
		<link>http://labs.infoalive.com/tips/33</link>
		<comments>http://labs.infoalive.com/tips/33#comments</comments>
		<pubDate>Fri, 06 Feb 2009 09:42:47 +0000</pubDate>
		<dc:creator>tanaka</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://labs.infoalive.com/?p=33</guid>
		<description><![CDATA[通知表ジェネレータの表紙には、本人の名前がセットされるようにTextFieldが配置されています。 ページめくりのエフェクトの為、表紙にはマスクがかかっており、裏ページにあわせてマスクが移動することで表紙がだんだん隠れて [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F33"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F33&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>通知表ジェネレータの表紙には、本人の名前がセットされるようにTextFieldが配置されています。</p>
<p>ページめくりのエフェクトの為、表紙にはマスクがかかっており、裏ページにあわせてマスクが移動することで表紙がだんだん隠れていくのですが・・・・</p>
<p>いざパブリッシュしてみると名前欄が表示されていません。</p>
<p>調べてみたところ、デバイスフォントへのマスク指定はスクリプト側から</p>
<blockquote><p>MovieClip.setMask()メソッド</p></blockquote>
<p>にて指定する必要があるようです。</p>
<p>ただ単に動かないマスクであれば良かったのですが、今回は動作の絡んだもののため、仕方なくめくり始めると字が消える形でごまかしてしまいました。</p>
<p>そういえばデバイスフォントの場合、文字の回転をした場合も文字が非表示になってしまうんですよね。</p>
<p>（フォントを埋め込むと正常に回転出来ます）</p>
<g:plusone href="http://labs.infoalive.com/tips/33"></g:plusone>]]></content:encoded>
			<wfw:commentRss>http://labs.infoalive.com/tips/33/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>外部からの参照を禁止されているサイトからswfへの画像読み込み</title>
		<link>http://labs.infoalive.com/tips/21</link>
		<comments>http://labs.infoalive.com/tips/21#comments</comments>
		<pubDate>Mon, 02 Feb 2009 08:15:11 +0000</pubDate>
		<dc:creator>tanaka</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://labs.infoalive.com/?p=21</guid>
		<description><![CDATA[新聞一面ジェネレータではswf自体をここのサーバに設置して、 JavaScriptによって出力されたタグからswfを読み込み swfから指定されたURLの画像を読み込み という動作をしています。 当初FireFoxから確 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F21"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F21&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>新聞一面ジェネレータではswf自体をここのサーバに設置して、</p>
<ol>
<li>JavaScriptによって出力されたタグからswfを読み込み</li>
<li>swfから指定されたURLの画像を読み込み</li>
</ol>
<p>という動作をしています。</p>
<p>当初FireFoxから確認した際には気づかなかったのですが、IEで見た場合、外部からの画像ファイル参照を禁止されているブログ等にアップロードした画像ファイルを読み込めないという現象を発見しました。</p>
<p>どうも、IEから別サーバのswfを表示させたところ、画像読み込み時のリファラがswfが設置されているドメインとなるようです。（IE6,7共）</p>
<p>さらに検証してみるとsafari3.2.1では問題なく表示されました。</p>
<p>結局、そのままIEで表示できるようには調整できなかったので、別サーバにアップした画像の利用、もしくは許可されたファイル名の画像を利用していただくように案内する形にしかならなかったのですが・・・</p>
<p>色々調べてみるとFireFoxのFlashPlayerではリファラは送信していない、もしくはswfを表示しているページ自体のURLが送信される模様。</p>
<p>おそらくSafariでもそうなのでしょう。</p>
<p>以前であれば</p>
<blockquote><p>Flash Player において任意の Referer ヘッダが送信可能</p></blockquote>
<p>というFlashPlayerのバグを利用したリファラ偽装も出来たそうですが、現在は修正済みです。</p>
<p>でも、これ、Flashを利用したバナーからリンクされた場合、リンク元が正確にとれない不具合とかありそうですね・・・</p>
<p>ブログパーツを使用した販促なんかの場合どうやってログ解析してるんでしょうか？</p>
<g:plusone href="http://labs.infoalive.com/tips/21"></g:plusone>]]></content:encoded>
			<wfw:commentRss>http://labs.infoalive.com/tips/21/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>動的に生成したTextFieldへのフォント埋め込み</title>
		<link>http://labs.infoalive.com/tips/15</link>
		<comments>http://labs.infoalive.com/tips/15#comments</comments>
		<pubDate>Fri, 30 Jan 2009 07:28:54 +0000</pubDate>
		<dc:creator>tanaka</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://labs.infoalive.com/?p=15</guid>
		<description><![CDATA[新聞一面ジェネレータでは、入力された文字を動的に生成したTextFieldへ表示しているのですが、最初の段階ではフォントが反映されませんでした。 ※制作したPCにはフォントが入っているため正常に動作しているかのように見え [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F15"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Flabs.infoalive.com%2Ftips%2F15&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>新聞一面ジェネレータでは、入力された文字を動的に生成したTextFieldへ表示しているのですが、最初の段階ではフォントが反映されませんでした。</p>
<p>※制作したPCにはフォントが入っているため正常に動作しているかのように見えて気づかなかった。</p>
<p>これはTextField.embedFonts プロパティを true にする設定が抜けていたことが原因でした。</p>
<p>ちなみに、通常AS上で作成したTextFieldにフォントを埋め込むためには、ライブラリへフォントを登録し、リンケージ、action scriptへのフォント読み込み、一番最初のフレームに読み込みといった設定が必要なのですが、そうしてしまうと全てのフォントが埋め込まれサイズが肥大化してしまいます。</p>
<p>今回は旧式の方法ですが、予めステージ上に必要なフォントのみを埋め込んだTextFieldを配置して対応しました。</p>
<g:plusone href="http://labs.infoalive.com/tips/15"></g:plusone>]]></content:encoded>
			<wfw:commentRss>http://labs.infoalive.com/tips/15/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

