シシ神さまのあしあと

MovieClipの再生と逆再生についての説明です。サンプルでは、シシ神さまが歩く様子をイメージしてみましたが。。。



「もののけ姫」のシシ神さまの登場、覚えてますか?
歩くと足元の草花がワナワナと芽吹くシーン。私はなんか、妙に印象に残ってて、何かにつけて夢にでてくるほどです。

アレをイメージして作りたかったんですが。。。シェイプトゥーインで何とかなる範囲で。

MovieClipの再生と逆再生

オーサリングツールを使って、適当にアニメーションMovieClipを作ります。

作ったMovieClipに、付録のActionScriptクラスをリンクすればOKです。

冒頭のサンプルでは、マウスをクリックすると、シシ神の影響範囲が広がるようになってます。「シシ神の足跡」に以前作ったScaleClipにリンクして、マウス操作に応じて大きさを変えてます。

そして、足跡と各MovieClipの当たり判定で、再生指示をだしています。

  if( this.hitTest( _root.sisigami ) ){
    this.playForward();
  }else{
    this.playReverse();
  }

付録:再生・逆再生を制御するActionScriptクラス

 dynamic class Yoyo extends MovieClip{

  var forward = false;
  var minFrame;
  var maxFrame;

  function onLoad(){
    minFrame = this._currentframe; //必ず =1
    maxFrame = this._totalframes; //最大フレーム
  }

  //再生・逆再生のタイミングはお好みで。
  function onPress(){
    playForward();
  }
  function onRelease(){
    playReverse();
  }

  function playForward(){
    forward = true;
  }
  function playReverse(){
    forward = false;
  }

  function onEnterFrame(){
    if( forward ) {
      if( this._currentframe < maxFrame )
        this.nextFrame();
    }else{
      if( this._currentframe > minFrame )
        this.prevFrame();
    }
  }

 }

コメント

コメントしてください

closed.