U⁄A LABO

RSS

SEARCH

AUTHOR

  • KNOCKKNOCK (10件)小遣い2万円のフラッシュデベロッパー。
    帰りが遅いのにキレる嫁をだましだまし制作中・・・。

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

  • CHIKATHREESIX (8件)メタル界のフラッシュデベロッパー。またある時はメタルギタリスト。オーサリング中もヘッドバンギングは絶やさない。

  • YANBOU (6件)犬と猫で、家が毎日運動会のフラッシュデベロッパー。
    ビールから発泡酒へ変更で節約中。

  • AKUZE (2件)2003年からユナイティアに寄生しているフラッシュデベロッパー。
    シルクドソレイユとカナダが好き。

  • DECO-DEKAI (1件)ビートダウンパートでご飯何杯も食べられます。
    ハードコア・テクニカルディレクターを目指して日々精進。

CATEGORY

HOME  >  Silverlightをさわってみました。

2009.05.02 TAKAIW

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終わるまでにカンタンなゲームを作れてるといいですね。

CATEGORY