アニメーション動画 「BallPicture」 シリーズ − 「Pendulums」

トップページへ、 BallPicture トップへ

「BallPicture − Pendulums」は、長さが異なる9本の振り子で Pendulum Wave(振り子の波)を形成するアニメーション動画です。

この動画は、YouTubeで公開しています。

 動画の作成方法

1.開発環境
IDE : Visual Studio 2010 Professional Edition − WPF(C#)
.NET Framework : .NET Framework 3.5 Client Profile

2.振り子の構成方法
球体に棒状の糸部分と棒状の支点部分を接続して、長さが異なる9個の振り子オブジェクトを作成しました。
振り子の振動周期は振り子の長さによって決まるので、30秒間に8サイクルから16サイクルまで、1サイクル刻みの振動周期となるように、9個の振り子の長さを調節しました。
振り子の振動のアニメーションは、振り子の振動角度を DoubleAnimationUsingKeyFrames で設定して行いました。

球体の表面には、以下のようにサッカーボール模様となる画像を配置しました。

 
 
 

3.BGM
BGMには、フリー音楽素材サイト DOVA-SYNDROME の『夏のひととき』(作田京輔さん作)を使用させていただきました。

 動画の構成

1.振り子の行進のアニメーション
画面左後方から右前方にかけて、9種17個の振り子を行進させるアニメーションです。
このアニメーションは、振り子オブジェクトのTranslateTransform3D のオフセット値を変更することによって行いました。

2.Pendulum Wave を構成するアニメーション
 
共通支点棒に、9個の振り子を段階的に配置していくアニメーションです。
振り子を表示していくアニメーションは、振り子オブジェクトを構成する各要素(球体、糸、支点棒)について、その Material を設定する Brush の Opacity プロパティを、0から1に変えていくことで行いました。

3. Pendulum Wave を回転させるアニメーション
 
 
Pendulum Wave を描画する Camera を回転させることによって、Pendulum Wave 自体が回転しているように見せるアニメーションです。


 公開・更新履歴

 2017/12/26 ページを公開しました。

 ご質問・ご意見・ご感想

ご質問、ご意見、ご感想等の連絡は、 こちらへ

トップページへ、 BallPicture トップへ