アニメーションって何だろう?
2010/10/10
アニメーション作るのって、とってもたいへん。
アニメーションって何だろう? 青いマルをクリックすると、黄色い楕円に変わるの。 (1回しかできないから、もう1度見たかったらリロードしてね。)
サンプルの内容:
Xamlファイル、"myxaml.xaml"には、こんな風に書いてあるよ。・hajimete04.html -- ブラウザから直接見る、HTMLページだね。 ・Silverlight.js -- Silverlightを使うときに必要な、お約束。 ・myxaml.xaml -- Xaml 「ザムル」ファイル。 ・myScript.js -- 位置と形を変える。
MouseLeftButtonDown="myMove">
ってことは、マウスをクリックしたら"myMove"が動くってことだね。で、myScript.js の中には、こう書いてあるんだ。
function myMove(sender,args) {
sender の後に続けて属性を書いて、位置、縦横の長さ、色、を変えているんだ。// 位置を変える sender["Canvas.Left"] = 10 sender["Canvas.Top"] = 10 // 形を変える sender.Width = 120; sender.Height = 240; // 色を変える sender.fill = "yellow"; } 同じやり方で、ほとんどの属性を変えることができるんだよ。 これでモノを1回だけ、クリックしたときに動かすことができるようになったよね。 これがアニメーションの基本なの! あとは、これを繰り返し、何度も動かせば、本物のアニメーションになるんだ。 でも、どうやって? まだ、何かが足りない・・・一体それは、何? |