![]()
2010.05.21 CHIKATHREESIX
2010.04.16 KNOCKKNOCK
2010.03.08 TAKAIW
2010.02.01 CHIKATHREESIX
2010.01.28 TAKAIW
![]()
![]()
KNOCKKNOCK (10件)小遣い2万円のフラッシュデベロッパー。
帰りが遅いのにキレる嫁をだましだまし制作中・・・。
TAKAIW (13件)フラッシュデベロッパー。遊びでゲームを作るのも好きです。外見に似合わないイラストを描くのも好きです。とにかく作るのが好きです。
CHIKATHREESIX (8件)メタル界のフラッシュデベロッパー。またある時はメタルギタリスト。オーサリング中もヘッドバンギングは絶やさない。
YANBOU (6件)犬と猫で、家が毎日運動会のフラッシュデベロッパー。
ビールから発泡酒へ変更で節約中。
AKUZE (2件)2003年からユナイティアに寄生しているフラッシュデベロッパー。
シルクドソレイユとカナダが好き。
DECO-DEKAI (1件)ビートダウンパートでご飯何杯も食べられます。
ハードコア・テクニカルディレクターを目指して日々精進。
![]()
HOME > Silverlightをさわってみました。
最近社内で覚えよう運動が活発になりつつあるSilverlight。
FlashDeveloperの私としても同じRIAということで、
何かつくりつつ覚えていこうと本を片手に奮闘してます。
今回は全くの初心に返って、簡易なインタラクション&
アニメーションをつくってみました。
女の子をクリックするとハートがでます。
SilverlightはFlashと違って、編集中のあらゆるところで
テキスト(XAML)で管理しています。上の例では、イラスト類は
もともとIllustratorで作られたものであり、これをXAMLで
保持しています。
XAMLを作成するツールはExpression Design、Expression Blend
とあるのですが、Flash制作の中での役割に置き換えると、
Expression Degisn→Illustrator(PhotoShop?)、Expression Blend→Flash
と考えてもらっていいと思います。
Illustratorのパスをコピーして、Expression Blendにペーストする
ことはできないようです。
そのため、一旦Expression Designにペーストして、再コピーして
Expression Blend上でペーストする必要があります。
パスの精度ですが、下図のようにほとんど変化しません。
※同じ400%なのですが、Illustratorだけ小さく見えるのは
等倍でペーストできていないのかな?
![]()
または、Illustratorに「XAMLExport」というプラグインが
ありますので、こちらを使うと、XAMLに書き出ししてくれます。
Expression Degisnがない場合はこれが使えます。
→Adobe Illustrator to XAML Export
使い方
[ファイル]→[書き出し]→ファイルの種類からXAMLを選択して、
書き出します。(WPFとSilverlightがあるようです)
![]()
↑のレイヤー構造が↓のXAML(一部です)になります。100KBぐらいのテキストになりました。
パスごとにコメントが書かれるので分かりやすいです。
但し、部分パーツごとにコピーペーストには向いてないかもしれません。
現時点ではこの位しかやっていませんが、動的にイメージを表示を
することができれば何でもできるようになると思いますので、
GW終わるまでにカンタンなゲームを作れてるといいですね。

TAKAIWフラッシュデベロッパー。遊びでゲームを作るのも好きです。外見に似合わないイラストを描くのも好きです。とにかく作るのが好きです。