ぐるんぐるん、なんだか目が回ってる光で〜す！

今回のテーマは、アニメーション。 動きのあるホームページって、「わぁ、動いてる、動いてる！」って感じで、楽しさが全然ちがうよね。
じゃ、さっそくサンプルいってみよっか。　>> サンプルをダウンロード

今回のサンプルは、「３つのファイル＋画像データ」でーす。
hajimete03.html と Silverlight.js は、いつもと同じ。
アニメーションの秘密は全て Xamlファイルの中に入ってるの。
"hikaru2.xaml" の中を覗いてみると・・・なんだかたくさんの記号や数字が書いてあるよね。
これ、Storyboard「ストーリーボード」って呼んでます。
ストーリーボードには、映画のシナリオみたいに、
「何秒後に、どの人が、どんなことをしなさい」ってなことがズラ〜ッっと書いてあるんだ。
で、ホントならストーリーボードの書き方を詳しく説明しなきゃいけないんだけど、、、
ええーい、めんどくさいから、元ネタに直リーンク！！（何ちゅう講座だ・・・）
ええと、今回のサンプルは、元ネタの画像と数字をてきとーに差し替えて作っただけなの (;ω･)。
でもでも、ちょっとやってみればわかるんだけど、手作業で数字を打ち込んでアニメ作るのって、ほとんど無理。
たとえば「まぁるく動かしてね」っていうのを数字にするのって、できる？
さすがに手作業じゃ無理かなぁ・・・そう思ったときに、役に立っちゃうすごいソフトがあるんだ。
この"Expression Blend"っていうのを使えば、お絵かきソフトみたいに、 見た目感覚でストーリーボードを作ることができるんだ。
"Expression Studio 4 Ultimate"には、他にもWebデザインツールとか、動画ファイル編集ソフトとかが全部付いていて、
何でもできるスーパーツールって感じ。
気になるお値段の方は「通常版 75,800 円(2010/10現在)」、こっちの方もスーパーかなぁ。。。
とりあえず試用版が６０日間使えるから、それで試してみるのがいいんじゃないかな。
ってことで、Xamlの基本はだいたいわかると思うんだ。
あと、窓の会社さんはよく「特別キャンペーン」をやってるから、チェックしていると安く買えることがあるよ。

アニメーション作るのって、けっこー大変なんだ・・・見るのはとっても楽なのにね。
実際、Silverlightを始めてみようかな〜って、やってみた人のほとんどが、
この「ストーリーボードとBlendの壁」でつまづいているんじゃないかな。。。
そっこで〜、次回からは、なんと「ストーリーボードを使わないアニメーション」にチャレンジしちゃうよ！
お楽しみに！