フラッシュの課題No.59(立方体の回転 Lesson1)

2020.04.27.07:00



 まここまさんから提出された問題が

 あります。その課題は立方体の回転の

 フラッシュをJavaScript変換で実現

 出来ないかと云う事です。

 現在のActionScript Ver.3.0では

 新たに追加されたスクリプトの

 いくつかはJavaScript変換に対応

 しておりません。

 その中でサイコロなどの立方体の回転を

 制御するフラッシュもJavaScript変換で

 上手く制御出来ないものの一つです。

 雪の落下や落ち葉の回転落下などの

 2次元のスクリプトについては、これ

 までのように十分にJavaScript変換出来

 る事が分かって来ました。然しながら、

 立方体のような3次元の回転を制御する

 スクリプトをJavaScript変換可能にする

 にはもう少し研究の余地があります。



 そこで今回からスクリプトを使用

 しないで滑らかな立方体の回転を促す

 アニメを実現する方法を勉強して参り

 ます。その方法の一つとしてParaDraw

 によるモーフィング処理をParaFlaで

 制御する方法があります。

 今回はその第一回としてサイコロの

 転がり運動について考えて行きます。

 先ず最初にParaDrawによりサイコロの

 6面の展開図を作成します。それから

 それらの面をParaFlaでモーフィング

 処理させて正面の外枠に残りの側面を

 吸着するように移動させます。

 ここまでの基本画像が上手く出来れば

 後は万全です。各面の分解用のクリップ

 を作成しておき、それらを移動用の各面

 に配置した画像を回転運動に沿って次々

 と作成して行けば滑らかなサイコロの

 転がりアニメが実現出来ます。





サイコロの展開図

先ずはサイコロの展開図と
側面の吸着運動をご覧下さい。











サイコロの横回転

次にサイコロの横回転の
動きをご覧下さい。











サイコロの縦回転

次にサイコロの横回転に
縦回転を加えてみました。







フラッシュの課題No.58(朝ドラ「スカーレット」No.8)

2020.04.20.07:00



 朝ドラ「スカーレット」の第八弾です。

 漸く目標枚数の85枚に到達しました。

 この朝ドラのオープニング画面は1分

 30秒掛かります。然しながらここまでの

 モーフィング画面は15秒程でたったの

 6分の1にしかなりません。

 如何にこのクレイアニメの撮影処理が大変

 な事が分かります。

 この後このクレイ人形の動きが激しくなる

 のですが、そこまで追随することは到底

 無理なのでここまでで一応の目途とします。





朝ドラ「スカーレット」(No.8)

音量にお気をつけて
プレイボタンを押して下さい。









 アニメ動画からgif画像を取得して

 ParaDrawで各動作の分割画像を作成し

 それぞれをクリップにして書き出して

 それらを1枚のpdrファイルに読み込み

 png形式の画像に出力したものです。

 前回の画像と今回の画像とで85体の

 人形の分割画像です。


クレイ人形の動作分割画像前半




クレイ人形の動作分割画像後半

フラッシュの課題No.57(朝ドラ「スカーレット」No.7)

2020.04.13.07:00



 朝ドラ「スカーレット」の第七弾です。

 音声ファイルがJavaScript変換に対応する

 事が分かりましたので、朝ドラの主題曲

 入りのフラッシュを作ってみました。

 然しながらその楽曲ファイルが約1.4Mbも

 あるので、たちまち制限容量の2.0Mbに

 まで限りなく迫って来ました。漸く作成

 画像も75枚に達し、目標枚数の85枚にまで

 後10枚となった所です。この調子では制限

 容量を超えてしまうのかどうかいささか

 微妙な処ではあります。





朝ドラ「スカーレット」(No.7)

音量にお気をつけて
プレイボタンを押して下さい。







フラッシュの課題No.56(朝ドラ「スカーレット」No.6)

2020.04.06.07:00



 朝ドラ「スカーレット」の第六弾です。

 それではクレイ人形のモーフィング処理を

 再開します。その間本元の朝ドラの番組が

 とうとう終わってしまいました。然しながら

 NHK+では同時放送や見逃し番組がパソコンや

 タブレットやスマホでいつでも無料で視聴

 出来るようになった事は便利ですね。

 さて、今回はろくろ台を回してみました。

 このろくろ台は一色なのでこのまま回転させる

 事は出来ません。そこで、連続する各画像に

 グラデーションを設置して、その配置を少し

 ずつずらすようにして表現してみました。

 巧く回転しているように見えるでしょうか?





朝ドラ「スカーレット」(No.6)

回転しているろくろ台と共に
クレイアニメをご覧下さい。







プロフィール

chappychan2

Author:chappychan2
FC2ブログへようこそ!

最新記事
最新コメント
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR