2015年08月01日

マウスで水面が波立つ不思議なフラッシュ


 今日は、マウスを画像上で動かすと波紋が広がっていくフラッシュです。

 海賊船もろとも海中に沈んだ財宝は数知れずあると思います。
 今日は、その海中に眠る海賊の財宝をフラッシュで作ってみました。スマホでは残念ながら表示できません。PCでご覧下さい。

 【画像版】

rippleflash0.jpg


 "Water Ripple Effect"と呼ばれる効果を使っています。ずっとこれを作りたいと思っていたので、やっとできてうれしいです。下の画像上でカーソルを動かすと波紋が広がります。

 【フラッシュ版】
 マウスで水中の少女を触っているような錯覚に陥ります。




作り方
 
 フラッシュは得意ではないので、作り方を説明できるほど理解していません。
 以下のサイトの作り方を参考にしました。

 実は、この"Water Ripples Effect"の作り方を公開しているサイトは三つあります。主要なサイトは、たしか、最初にこの効果を作ったDavid氏のサイトで、シェアウエアとなっています。そして、困ったことに、制限付きのお試し版を使ってできあがったswfファイルは開けないようになっています。つまり、役に立たない。シェアウエアなので購入しようかと思ったのですが、既にサービスは終了しているらしく、購入もできない。最悪です。フラッシュの勉強にはなりましたが、貴重な時間を無駄にしました。

 別のサイトで公開している方法はよく分からない。
 最後に見つけたのが以下のサイトです。このサイトでflaファイルとasファイルをダウンロードできます。スタンドアローンなので、swfファイルだけで表示できます。

 『Emanuele Feronato』というサイトの『Creation of realistic Flash water ripples with AS3』という記事です。

 あきらめかけていたのですが、やっとできてうれしいです。これを作るには、Abobe Flash CS3以降が必要です。

 別バージョンも作ってみました。泡も作りました。きれいに仕上がっていると思います。

 【画像版】

Girl_in_water1.jpg


 【フラッシュ版】



 【画像版】
 沈没船と少女です。
 
沈没船と少女


 【フラッシュ版】



 【画像版】(写っているのはうちの子供たちです。)

水中のネコ師


 【フラッシュ版】




posted by ネコ師 at 21:24| Comment(0) | GIFアニメの作り方と素材庫 | 更新情報をチェックする
この記事へのコメント
コメントを書く
コチラをクリックしてください