Flash/Flashサンプル

マスクをマウスに追従させる(2ページ目)

画像の一部だけ表示させるマスク機能を利用して、夜の森に飛ぶ蝶を探すアニメーションを作成します。

執筆者:渡辺 大介

マスクをマウスに追従させる

レイヤーのロックを解除
1. レイヤー「MASK」の右側にある鍵のマークをクリックし、レイヤーのロックを解除します。こうすることでマスクのプレビューをオフにします。

2. ピンクの円で塗りつぶされているムービークリップ「MASK」に以下のActionScriptを記述します。

onClipEvent(enterFrame){
	this._x = _root._xmouse;
	this._y = _root._ymouse;
}
一行ずつ解説します 。
this._x = _root._xmouse;
this._y = _root._ymouse;
「this._x」でこのムービークリップの横の位置、「this._y」で縦の位置という意味になります。これを「_root._xmouse」、「_root._ymouse;」でマウスの位置を代入しています。これでマウスの位置にムービークリップが移動するという意味になります。

onClipEvent( ){ }
この一行は「( )のとき{ }を実行する」という意味になります。「enterFrame」でフレームが進む度に実行するという意味になりますから、全体では常にムービークリップはマウスと同じ位置に移動するという意味になります。

これで完成です。闇夜の中を飛ぶ蝶を見つけてください。
完成したファイルをダウンロード


以前ご紹介した、「ドラッグ&ドロップで遊べる福笑いを作る」の回ではドラッグ&ドロップの機能を利用してムービークリップをマウスに追従させました。今回は別のアプローチですが、似た機能が実現できましたね。ある結果を求めるためには複数の方法があります。その中で最もシンプルでやりやすい方法を選び効率よい作業をするのもFlash制作のポイントかもしれません。
【編集部おすすめの購入サイト】
楽天市場で Flash 関連の書籍を見るAmazon で Flash 関連の書籍を見る
【編集部からのお知らせ】
・「20代男性俳優」について、アンケート(2024/5/31まで)を実施中です!(目安所要時間5分)

※抽選で30名にAmazonギフト券1000円分プレゼント
※回答上限に達し次第、予定より早く回答を締め切る場合があります
  • 前のページへ
  • 1
  • 2
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます