<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="http://tres-graficos.jp/blog/rss/style.css" type="text/css"?>
<rdf:RDF xmlns="http://purl.org/rss/1.0/"
         xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
         xmlns:content="http://purl.org/rss/1.0/modules/content/"
         xmlns:dc="http://purl.org/dc/elements/1.1/"
         xml:lang="en">
<channel rdf:about="http://tres-graficos.jp/blog/rss/1.0.php?id=539">
<title>TG BLOG</title>
<link>http://tres-graficos.jp/blog/index.php</link>
<dc:date>2009-01-28T18:26:45+0900</dc:date>
<description>
TG BLOG - RSS (RDF Site Summary).
</description>
<items>
<rdf:Seq>
<rdf:li rdf:resource="http://tres-graficos.jp/blog/article.php?id=539" />
</rdf:Seq>
</items>
</channel>
<item>
<title>my first wonderfl.</title>
<link>http://tres-graficos.jp/blog/article.php?id=539</link>
<dc:date>2009-01-28T18:26:45+0900</dc:date>
<description>WEB 上で、AS3 のコードを編集・コンパイル・公開できる wonderfl を試してみた。
5ivestar 氏の Emotion Fractal in AS3 を Fork して、動的に埋め込みフォント付き SWF を読み込んでの日本...</description>
<content:encoded>
<![CDATA[
<p>WEB 上で、AS3 のコードを編集・コンパイル・公開できる <a href="http://wonderfl.kayac.com/" class="ex-ref">wonderfl</a> を試してみた。</p>
<p>5ivestar 氏の<a href="http://wonderfl.kayac.com/code/fe30ff080634cc6c609e521f40276a32260acd99" class="ex-ref"> Emotion Fractal in AS3 </a>を Fork して、動的に埋め込みフォント付き SWF を読み込んでの日本語表示。</p>
<h3>平仮名</h3>
<p>使用フォント：小塚明朝 EL</p>
<div style="text-align:center;width:465px;margin:0;padding:0;">
<iframe style="width:475px;height:510px;margin:0;padding:0;line-height:1em;" title="Hirakana Fractal in AS3 - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/1dc54d61443f0e9de12d76b17f2f492577e071de" width="465" height="490" style="border:1px black solid;">
</iframe>
<a href="http://wonderfl.kayac.com/code/1dc54d61443f0e9de12d76b17f2f492577e071de" title="Hirakana Fractal in AS3 - wonderfl build flash online">Hirakana Fractal in AS3 - wonderfl build flash online</a>
</div>
<h3>都道府県</h3>
<p>使用フォント：小塚ゴシック H</p>
<div style="text-align:center;width:465px;margin:0;padding:0;">
<iframe style="width:475px;height:510px;margin:0;padding:0;line-height:1em;" title="Prefectures Fractal in AS3 - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/df79e92f2dd2f4ea9af01ea3cef0eb22c6cd4b91" width="465" height="490" style="border:1px black solid;">
</iframe>
<a href="http://wonderfl.kayac.com/code/df79e92f2dd2f4ea9af01ea3cef0eb22c6cd4b91" title="Prefecture Fractal in AS3 - wonderfl build flash online">Prefecture Fractal in AS3 - wonderfl build flash online</a>
</div>
<!-- more -->
<hr />
<h4>作成メモ</h4>
<p>埋め込みフォント付きの SWF ファイルは、PHP スクリプトで作成した AS ファイルを Flex 3 SDK の mxmlc でコンパイルして作成。埋め込み時のユニコードのマップ情報は、これも PHP スクリプトで。Flex SDK の frameworks/flash-unicode-table.xml から、日本語の情報みを抜き出して、先頭の２バイトごとに 00-FF まで整理して PHP で出力したデータを AS スクリプトに入れ込んで使用しました。結果 １書体につき 98 ファイルに（サイズは最大で 100 KB ちょい、平均で 60 KB ほど）。</p>
<p>使用する文字が含まれるフォント SWF のみを読み込むので、文字全部を埋め込むよりは軽くはなるんですが、都道府県版のほうだと、1.4 MB ほどで、やはり文字が多いとそこそこのサイズにはなります。ファイルをもう少し細かくわけてもいいかもなぁ。</p>
<p>ハマった点としては、</p>
<ul>
<li>crossdomain.xml の書き方がイマイチ分からない。 :-P   </li>
<li>TextField の AntiAliasType.ADVANCED だと、BitmapData.draw() が失敗。  </li>
</ul>
<p>ユニコードの文字コードを 16 進数に変換する関数は、<a href="http://www.libspark.org/" class="ex-ref">SPARK プロジェクト</a>の <a href="http://www.libspark.org/browser/as3/Utils/src/org/libspark/utils/BaseUtil.as" class="ex-ref">BaseUtil</a> のコードをコピーして使わせて頂きました。</p>
<p>参考サイト：<br />
<a href="http://faces.jp/2008/06/as3_3.html" class="ex-ref">http://faces.jp/2008/06/as3_3.html</a>
<br />
<a href="http://blog.zuzara.com/2008/02/27/249/" class="ex-ref">http://blog.zuzara.com/2008/02/27/249/</a>
<br />
<a href="http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font" class="ex-ref">http://d.hatena.ne.jp/nitoyon/20080723/as3_embed_font</a>
</p>
<h4>フォントのライセンス（ SWF 埋め込み）について</h4>
<p>当初はヒラギノで作っていたんですが、調べてみると、SWF への埋め込みについてそのものズバリの記述を見つけられず。</p>
<p>
<a href="http://livedocs.adobe.com/flex/3_jp/html/help.html?content=fonts_04.html" class="ex-ref">http://livedocs.adobe.com/flex/3_jp/html/help.html?content=fonts_04.html</a>
</p>
<p>
<a href="http://www.adobe.com/jp/aboutadobe/antipiracy/ff_faq.html" class="ex-ref">http://www.adobe.com/jp/aboutadobe/antipiracy/ff_faq.html</a>
<br />
<a href="http://www.adobe.com/type/browser/legal/embeddingeula.html" class="ex-ref">http://www.adobe.com/type/browser/legal/embeddingeula.html</a>
</p>
<p>Adobe の上記リンク先から、「小塚フォント」は埋め込み可能だと判断しました。<br />
が、どうなんでしょうね？ :-!</p>
<hr />

]]>
</content:encoded>
</item>

</rdf:RDF>