![]()
2011.09.30 Kikuchi
2011.08.08 takaiw
2011.07.01 knockknock
2011.05.17 Naoki Muramatsu
2011.05.02 knockknock
![]()
![]()
Naoki Muramatsu (1件) Twitter:@Stryfy.
deco-dekai (1件)
ビートダウンパートでご飯何杯も食べられます。
ハードコア・テクニカルディレクターを目指して日々精進。
yanbou (6件)
犬と猫で、家が毎日運動会のフラッシュデベロッパー。
ビールから発泡酒へ変更で節約中。
chikatherrsix (8件) メタル界のフラッシュデベロッパー。またある時はメタルギタリスト。オーサリング中もヘッドバンギングは絶やさない。
akuze (2件)
2003年からユナイティアに寄生しているフラッシュデベロッパー。
シルクドソレイユとカナダが好き。
knockknock (16件)
小遣い2万円のフラッシュデベロッパー。
帰りが遅いのにキレる嫁をだましだまし制作中・・・。
takaiw (18件) フラッシュデベロッパー。遊びでゲームを作るのも好きです。外見に似合わないイラストを描くのも好きです。とにかく作るのが好きです。
![]()
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 フラッシュデベロッパー。遊びでゲームを作るのも好きです。外見に似合わないイラストを描くのも好きです。とにかく作るのが好きです。