Flash イージング

Flash

Flash イージングの設定について

忘れてしまうので、メモっておきます。

-(マイナス)の数値が加速
+(プラス)の数値が減速

Flash mp4ファイルを再生ボタンなどをつけて再生

Flash

Flash mp4の動画ファイルを、再生ボタンなどのスキンをつけてWeb上に表示

Flash CS4

MP4の動画ファイルを、再生やボリュームコントロールなどのボタンをつけた動画ファイルに変換する方法です。Adobe Flashを利用します。

  1. Flashドキュメントを新規作成します。ファイル→新規作成
  2. 「ファイル」→「読み込み」→「ビデオの読み込み」をクリックします。
  3. ファイルのパスで、読み込みたいMP4の動画を参照します。
  4. 「次へ」をクリック
  5. 次の画面で、スキンとあるところで、再生コントロールや、音の大きさのコントロールなどのボタンをどれをつけるか、の種類を選択できます。
  6. 「次へ」をクリックし、「終了」をクリックします。
  7. 通常のFlashファイルと同様にパブリッシュして、MP4ファイルとともにWebサーバーへアップロードしましょう。swfファイルは、スキンのswfファイルも忘れずにアップロードします。

注意点

  • パブリッシュされたファイルは、Webサーバー上で閲覧しないと正しく再生されないことがあります。
  • Webサーバーへアップロードする場合、スキンのswfファイル、動画ファイル本体も忘れずにアップロードしましょう。
  • swfファイルと動画ファイルのパスは、swfファイルに書き込まれているので、動画ファイルのパスを変更する場合は、コンポーネントインスペクタでパスを書き換えます。

Flash CS3 読み込みビデオのサイズを変更

Flash

Flash CS3

Flashに動画を取り込む場合、次の拡張子の動画を ファイル→読み込み→ビデオの読み込み で読み込めます。

ファイル形式 拡張子

 

Audio Video Interleaved

 .avi 
 

デジタルビデオ

 .dv
 

Motion Picture Experts Group

 .mpg、.mpeg
 

QuickTime ビデオ

 .mov
 

読み込んだあとのビデオのサイズを変更するとき、ステージでビデオのアイコンを選択しておき、パラメータパネルでサイズを変更できます。

W,Hと書いてあるところで縦・横を変更できますが、タテヨコの鍵のアイコンをクリックしてはずしても、縦横連動になってしまいます。
縦横比を変更したい!という場合は、同じパラメータパネルの中にある、次のパラメータを変更する必要があります。

 scalemode  maintainAspectRatio

となっていると、縦横比を保存しちゃってくれているので、これを

 scalemode  noScale 

 scalemode  exactFit

に変更します。

Flash AS3 雪を降らせる

Flash

Flash AS3 雪を降らせる効果

FlashのAction Scriptだけで簡単に雪を降らせてみましょう!
何も描画する必要はありません。

Flint Particle Systemというオープンソースのライブラリを使います。
パーティクル、とはこういう形のない粉というか、粉末というか、破片のようなものをいうそうです。
開発者のRichard Lordさん(スキンヘッド)に感謝!

http://flintparticles.org/

  • 上記 Flint Particle System からソースコードをダウンロードします。

http://code.google.com/p/flint-particle-system/downloads/list

  • 解凍してできるorgというディレクトリにFlashのクラスパスを通しましょう。
  • 500×400ピクセルで背景が黒(背景が白だと雪が降ってもわからない)のFlaファイルを作成します。
  • 最初のフレームに、次のように書きます。
 import flash.geom.Point;
 import org.flintparticles.common.counters.*;
 import org.flintparticles.common.displayObjects.RadialDot;
 import org.flintparticles.common.initializers.*;
 import org.flintparticles.twoD.actions.*;
 import org.flintparticles.twoD.emitters.Emitter2D;
 import org.flintparticles.twoD.initializers.*; 
 import org.flintparticles.twoD.renderers.*;
 import org.flintparticles.twoD.zones.*;
 
 var emitter:Emitter2D = new Emitter2D();
 
 var renderer:DisplayObjectRenderer = new DisplayObjectRenderer();
 addChild( renderer );
 renderer.addEmitter( emitter );
 
 emitter.counter = new Steady( 100 );
 
 emitter.addInitializer( new ImageClass( RadialDot, 2 ) );
 emitter.addInitializer( new Position( new LineZone( new Point( -5, -5 ), new Point( 505, -5 ) ) ) );
 emitter.addInitializer( new Velocity( new PointZone( new Point( 0, 65 ) ) ) );
 
 emitter.addAction( new Move() );
 
 
 var scaleImage:ScaleImageInit = new ScaleImageInit( 0.75, 2 );
 emitter.addInitializer( scaleImage );
 
 var drift:RandomDrift = new RandomDrift( 15, 15 );
 emitter.addAction( drift );
 
 emitter.start();

Ctrl+Enterでムービーを見てみましょう。

できあがりのイメージと、上記スクリプトの解説は下記のサイトをよく読んでください。
http://flintparticles.org/tutorials/snowfall

Flash AS3 ムービ-クリップを停止

Flash

Flash CS3

メインのタイムラインを停止するときは、

 stop();

ですが、個別のムービークリップの中のタイムライン上でムービークリップを停止させたい場合は

 this.stop();

とします。