<?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>Web活メモ帳 &#187; flex</title>
	<atom:link href="http://blog.verygoodtown.com/tag/flex/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します。</description>
	<lastBuildDate>Thu, 09 Feb 2012 02:01:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ページ内にPDFを埋め込めるオープンソースのFlashコンポーネント「FlexPaper」</title>
		<link>http://blog.verygoodtown.com/2010/03/open-source-web-based-document-viewer-flexpaper/</link>
		<comments>http://blog.verygoodtown.com/2010/03/open-source-web-based-document-viewer-flexpaper/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 02:02:21 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[GPL License]]></category>
		<category><![CDATA[pdf]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=3736</guid>
		<description><![CDATA[
「FlexPaper」はウェブサイトやFlash内でPDFファイルを表示するためのオープンソースのドキュメントビューアです。
PDFファイルへのリンクは嫌がられる場合も多いため、こういったライブラリで表示させられると嬉 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100329-03.png" alt="20100329-03" title="20100329-03" width="600" height="140" class="alignnone size-full wp-image-3744" /><br />
「<a href="http://flexpaper.devaldi.com/" target="_blank">FlexPaper</a>」はウェブサイトやFlash内でPDFファイルを表示するためのオープンソースのドキュメントビューアです。</p>
<p>PDFファイルへのリンクは嫌がられる場合も多いため、こういったライブラリで表示させられると嬉しいですね。<br />
ファイルはSWC形式で配布されているため、簡単に組み込む事が可能です。</p>
<p>詳しくは以下<br />
<span id="more-3736"></span></p>
<h3>表示画面</h3>
<p>設置すると上部にUIがあり、そこから拡大縮小などが操作できます。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100329-04.png" alt="20100329-04" title="20100329-04" width="400" height="405" class="alignnone size-full wp-image-3745" /></p>
<p>一覧で表示する事なんかも。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100329-05.png" alt="20100329-05" title="20100329-05" width="400" height="203" class="alignnone size-full wp-image-3746" /></p>
<h3>豊富な機能</h3>
<p>以下の機能をサポートしています。</p>
<ul>
<li>ズームイン・ズームアウト</li>
<li>ページング</li>
<li>フルスクリーン</li>
<li>検索</li>
<li>印刷</li>
</ul>
<h3>PDFの表示には変換が必要</h3>
<p>PDFファイルはそのままでは表示できないようで、一度 PDF から SWFに変換して読み込むようです。</p>
<p>変換は<a href="http://www.swftools.org/download.html" target="_blank">SWFTools</a>でコマンドラインから実行可能です。</p>
<pre class="code">
C:\SWFTools\pdf2swf.exe Paper3.pdf -o  Paper3.swf -T 9 -f
</pre>
<p>最終的なコードはシンプルに実装できるようです。<br />
以下はMXMLから呼び出した場合のサンプルコードです。</p>
<pre class="brush:xml;">
&lt;mx:Application&nbsp;xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;&nbsp;layout=&quot;absolute&quot;&nbsp;width=&quot;100%&quot;&nbsp;height=&quot;100%&quot;&nbsp;xmlns:fp=&quot;com.devaldi.controls.flexpaper.*&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;fp:FlexPaperViewer&nbsp;width=&quot;520&quot;&nbsp;height=&quot;450&quot;&nbsp;Scale=&quot;0.6&quot;&nbsp;SwfFile=&quot;Paper3.swf&quot;&nbsp;/&gt;&nbsp;
&lt;/mx:Application&gt;
</pre>
<p>非商用の場合と商用利用の場合はライセンス形態が違うようです。利用には注意してください。</p>
<p>ページ内でPDFを表示させたい場合にいかがでしょうか。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/03/open-source-web-based-document-viewer-flexpaper/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>表情を作れるフリーのFlashコンポーネント「Grimace」</title>
		<link>http://blog.verygoodtown.com/2010/01/display-emotions-through-facial-expressions%e3%80%80grimace/</link>
		<comments>http://blog.verygoodtown.com/2010/01/display-emotions-through-facial-expressions%e3%80%80grimace/#comments</comments>
		<pubDate>Sun, 24 Jan 2010 02:17:24 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[Flash Components]]></category>
		<category><![CDATA[flex]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=1047</guid>
		<description><![CDATA[
Grimaceは表情を表す事ができる無料のFlashコンポーネントです。ActionScript3で作られたサンプルがあり、Flash,Flex用のプロジェクトをダウンロードする事ができます。
表情は喜び、驚き、恐怖、 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/grimace.jpg" alt="grimace" title="grimace" width="600" height="340" class="alignnone size-full wp-image-1048" /><br />
<a href="http://www.grimace-project.net/" target="_blank">Grimace</a>は表情を表す事ができる無料のFlashコンポーネントです。ActionScript3で作られたサンプルがあり、Flash,Flex用のプロジェクトをダウンロードする事ができます。<br />
表情は喜び、驚き、恐怖、嫌気、悲しみ、怒りなど様々なパターンを作成する事ができます。パラメータを調整する事で微妙なニュアンスも表現できました。</p>
<h3>使い方</h3>
<p>オンラインゲームなどでのプレーヤーの状態を表現したり、パスワードを間違った場合に表示させる場合などに面白いかもしれません。</p>
<p>デモをダウンロードすると、ドキュメントファイルを含む様々なファイルが同梱してあります。<br />
as3版,Flash IDE版,Flex版,JavaScript版の4つのサンプルがあります。<br />
javascript版のデモを動作させるにはサーバーに設置しなければいけないようです。</p>
<p>各サンプルには、ボタンかスライダーが設置してあるためどのような表現ができるのか見ながら調整する事ができます。<br />
JavaScript版はキャプチャもできるようですが、筆者環境では動作しませんでした。</p>
<p>商用利用は不可のようですので、ご利用には気をつけてください。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/01/display-emotions-through-facial-expressions%e3%80%80grimace/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>お絵かきFlash と Flexの まとめ（ソース付）</title>
		<link>http://blog.verygoodtown.com/2010/01/paint-flash-and-flex-source-matome/</link>
		<comments>http://blog.verygoodtown.com/2010/01/paint-flash-and-flex-source-matome/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 17:52:58 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[お絵かき]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=663</guid>
		<description><![CDATA[
今度社内でお絵かきアプリを作成する事となりました。
Flash自体の作成は何件もやっているのですが、GUIを駆使した操作系のFlashは作成した事が無かったため、Flashでお絵かきアプリ系のチュートリアルやソースがダ [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/gyj_bor.jpg" alt="gyj_bor" title="gyj_bor" width="600" height="137" class="alignnone size-full wp-image-685" /><br />
今度社内でお絵かきアプリを作成する事となりました。<br />
Flash自体の作成は何件もやっているのですが、GUIを駆使した操作系のFlashは作成した事が無かったため、Flashでお絵かきアプリ系のチュートリアルやソースがダウンロードできるサイトをまとめました。</p>
<p>以下のサイトを参考にさせていただきました。</p>
<ul>
<li><a href="http://saboten009.blogspot.com/2010/01/actionscriptflashflex.html">【ActionScript】お絵描きアプリケーションFlash【Flex】</a></li>
</ul>
<h3>as2のサンプル</h3>
<ul>
<li><a href="http://blog.takeda-soft.jp/blog/show/79">Flash ひっかき絵 &#8211; ブログ.武田ソフト.jp I</a></li>
<li><a href="http://itpro.nikkeibp.co.jp/article/COLUMN/20070309/264369/?ST=webdesign&#038;P=1">第39回　Flashでお絵かきアプリケーションを作ってみよう &#8211; ITPro</a></li>
<li><a href="http://itpro.nikkeibp.co.jp/article/COLUMN/20070316/265422/?ST=swd-tech">第40回　ビットマップベースのお絵かきアプリを作ってみよう &#8211; ITPro</a></li>
<li><a href="http://www.trick7.com/blog/2006/12/06-234019.php">Flashで筆順再生のflaソース配布します &#8211; tric7</a></li>
<li><a href="http://codezine.jp/article/detail/298?p=2">フリーのFlashコンパイラMTASCを使ってお絵かきツールを作る &#8211; CodeZine</a></li>
<li><a href="http://www.pixelhivedesign.com/tutorials/Flash+Painting+Program/">Flash Painting Program &#8211; Pixel Hive Design</a></li>
</ul>
<h3>as3のサンプル</h3>
<ul>
<li><a href="http://kozy.heteml.jp/pukiwiki/index.php?ActionScript3.0%20%A4%AA%B3%A8%A4%AB%A4%AD%A5%C4%A1%BC%A5%EB">ActionScript3.0 お絵かきツール &#8211; kozy.heteml.jp</a></li>
<li><a href="http://www.func09.com/wordpress/archives/149">FlashCS3でお絵かきツール &#8211; func09</a></li>
</ul>
<h3>Flexのサンプル</h3>
<ul>
<li><a href="http://d.hatena.ne.jp/haru-komugi/20080228/1210664481">Flexでお絵かき（ソース付き） &#8211; PHP,MySQL,Flexな日々＋イラストとか</a></li>
<li><a href="http://bonurd.winofsql.jp/sb/log/eid158.html">【flex2】超シンプルお絵かきツール</a></li>
</ul>
<h3>書いた絵を保存する方法</h3>
<ul>
<li><a href="http://tech.ironhearts.com/blog/archives/22">Flash中のBitmapをJPG/PNGで保存するには</a></li>
</ul>
<h3>Wonderflのサンプル</h3>
<p>Wonderflにも豊富なサンプルがいっぱいあります。</p>
<div style="text-align:center;width:465px;"><iframe title="お絵かきツールもどき（貧乏ゆすりバージョン） - wonderfl build flash online" scrolling="no" src="http://wonderfl.net/blogparts/47330c553972b2b9367d3a81d7480d73625f8edc" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/47330c553972b2b9367d3a81d7480d73625f8edc" title="お絵かきツールもどき（貧乏ゆすりバージョン） - wonderfl build flash online">お絵かきツールもどき（貧乏ゆすりバージョン） &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="絵の具まぜまぜ(水彩風お絵かき) - wonderfl build flash online" scrolling="no" src="http://wonderfl.net/blogparts/403006a37e81be329960097968481a1a7fdd7051" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/403006a37e81be329960097968481a1a7fdd7051" title="絵の具まぜまぜ(水彩風お絵かき) - wonderfl build flash online">絵の具まぜまぜ(水彩風お絵かき) &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="空間に絵を描く - wonderfl build flash online" scrolling="no" src="http://wonderfl.net/blogparts/b8a8a841a500d3d11fd560b4ec844de6ca509dcb" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/b8a8a841a500d3d11fd560b4ec844de6ca509dcb" title="空間に絵を描く - wonderfl build flash online">空間に絵を描く &#8211; wonderfl build flash online</a></div>
<h3>お絵かきWEBサービス</h3>
<p>これはサンプルではありませんが、お絵かきアプリを使ってこんなサイトができるよ。なまとめです。</p>
<ul>
<li><a href="http://kyucon.com/qblock/">Q-BLOCK</a><br />3Dでドット絵をかけるサービス</li>
<li><a href="http://kokuban.in/home">こくばん.in</a><br />黒板にチョークで絵がかける</li>
<li><a href="http://www.splashup.com/">Splashup</a><br />まるでPhotoShopのようなオンラインエディター</li>
<li><a href="http://www.sumopaint.com/home/">Sumo Paint</a><br />こちらもPhotoShop風なエディタ</li>
</ul>
<h3>2010/01/30 追記</h3>
<p> Activetuts+にて消しゴムやブラシサイズ変更、画像保存までできるサンプルが公開されていました。</p>
<ul>
<li>
<a href="http://active.tutsplus.com/tutorials/games/create-a-basic-drawing-application-in-flash/" target="_blank">Create a Basic Drawing Application in Flash</a></li>
</ul>
<h3>2010/02/01追記</h3>
<p>またまた、Wondeflに新しいFlashが上がってました。</p>
<div style="text-align:center;width:465px;"><iframe title="flash on 2010-2-1 - wonderfl build flash online" scrolling="no" src="http://wonderfl.net/blogparts/cd63d37a960b38078057bdcac1bd40a17253e742" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/cd63d37a960b38078057bdcac1bd40a17253e742" title="flash on 2010-2-1 - wonderfl build flash online">flash on 2010-2-1 &#8211; wonderfl build flash online</a></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/01/paint-flash-and-flex-source-matome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

