FLASH Tips No.6


【 マスク、モーションガイド、イージング、鏡像サンプル 】

(Flash Ver4用)

(A)マスクの掛け方の内、前後の位置関係から部分的に掛けたい場合、また
   動いている対象に対してのマスクの掛け方。
(B)同時に動くマスクを掛けたい場合、モーションガイドと同時に掛けられない。
(C)回転(扁平疑似3D)のスピードを自然に見せるためイージングで調整
(D)鏡面像を描画する。(疑似3D)

FLA生ファイル(Winで作成) ring_mask1.fla(23KB)
LZH圧縮(fla,swf)     ring_mask1.lzh(13KB)
ZIP圧縮(fla,swf)     ring_mask1.zip(12KB)

(上記ファイルはFLASH-4で作成し、FLASH-3で書き出しています。)

【 作 成 ポ イ ン ト 】

(1)全体の概略
(a)球体シンボルをモーションガイドに沿って楕円に回転
           ↓
(b)上記ムービーとリングに隠れる部分のマスクとを組み合わせる
           ↓
(c)さらにシーン上のリングに沿ってモーションガイドを設定し回転させる

(2)イージング
(a)球体の回転運動では左右運動の方が前後運動より早いので、1周を4分割しイージングの設定で自然な速度になるよう調整 1区画事にイージング設定値は[イン][アウト]反転
(b)遠近感を出すため球体のシンボルサイズも同時にトゥイーンで拡縮する。
(c)1周の4分割は最初全体でトゥイーン設定してから正確に分割点にキーフレームを追加する。
(3)鏡像の設定
(a)シーン上のリングと同じシンボルを使いアルファを50%程に落とし球体シンボル上のフレームに設定
(b)フレーム数を楕円回転時と同じにする。
(c)回転したときの鏡像イメージに合わせるためモーショントゥイーンで変形させる。
(d)球体と同じサイズでマスクを掛けてはみ出し部分を表示しないようにする。<
※鏡像は表現しやすさと変形の状態を考慮してリングを2分割して使用しています。

球体の楕円回転とモーションガイド

球体の回転ムービーにマスクを掛ける(マスクも回転)

楕円回転のトゥイーン設定にイージングを設定(1ステップ事に+-方向が逆)

鏡像とそのシンボルのトゥイーン


Copyright©1998-2022 Hiyoko3 & JR6BIJ All rights reserved
前の月  2022年 12月  次の月
Su Mo Tu We Th Fr Sa
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
今の第67758コロニー
コロニーな生活☆PLUS
~携帯を持って外に出かけよう~

位置情報を利用したコミュニケーション系シミュレーションゲーム
無料で遊べる!↓↓仲間がいっぱい!楽しいよ!
QRコード↓を携帯で読み取ってアクセスしよう!
※DoCoMo/AU/WILLCOM対応
Main Contents
FLASH Tips Samples
Favorit FLASH Links
DATA BASE
My Favorites
Mailto
メールあどれす

リンクボタン
Get Flash Player




Powered by
Movable Type 3.121-ja
PHP
MySQL
Vine Linux