dock

質問

Flashに関する聞きたいことがありますが、「http://www.jp.sonystyle.com/Style-a/index.html?s=ad_brand002」の一番したのFlashなんですが、作り方がわかりませんか？サンプルがあったら一番いいですが、なかったら、参考できるActionScriptを教えてください、よろしくお願い致します。

回答No.2

noname#35109

＃１です。
ドッグではなくドック（Dock）だったのですね。
どっちでも検索にたくさん出るので，ドック（Dock）だとは今まで気付きませんでした。
それくらいMacのことは知らないので，どんな風に文字が出るのかよくわかりません。

しかし，
＃１でも書いた，
「質問：ボタンの上にマウスを置くと虫眼鏡のように大きくなるボタンを作りたい」
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1767713
　↑教えて!goo　　↓OKWave　(同じです)
http://okwave.jp/kotaeru.php3?q=1767713
では，
onClipEvent (load) 　と
onClipEvent (enterFrame) 　しか使っていません。
だから，他に追加をすれば良いだけだと思います。

on (release) {
// 何かする;
}

on (rollOver) {
// 何かする;
}

on (rollOut, dragOut) {
// 何かする;
}

こんなの↑は，
まだまだプラスして追加出来るようにしています。

例えばボタンにするムービークリップの中にレイヤーを追加し，
何か文字を書いてそれをグラフィックシンボルにし，
例えばフレームを20フレームにして，
文字を書いたレイヤーの フレーム10 と フレーム20をキーフレームにして，
フレーム1 とフレーム20の文字のアルファを 0 にしします。

　　　　　　　　　　　　　1　　　　　　10　　　　　　20
　□　レイヤー　筆・・|●>----->|●>----->|●|
　□　レイヤー　筆・・|●//////////////////[]|
　　 　元のボタンの絵↑

そして，文字のレイヤーにモーショントゥイーンをかけると，
文字がだんだん出てきて文字がだんだん消えるというアニメーションができます。
このままではループしてしまうので，
さらにレイヤーを追加して，フレーム1，10，20 をキーフレームにし，

　　　　　　　　　　　　　1　　　　　　10　　　　　　20
　□　レイヤー　筆・・|○　　　 　[]|○　　　　　　 []|
　□　レイヤー　筆・・|●>----->|●>----->|●|
　□　レイヤー　筆・・|●//////////////////[]|
　　 　元のボタンの絵↑

フレーム1 に

stop();

フレーム10 にも

stop();

と書いておいて，ドキュメントの編集に戻り，
ごちゃごちゃ書いたムービークリップのスクリプトの下に，
-------------------------
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut, dragOut) {
this.gotoAndPlay(11);
}
-------------------------
などと追加すれば，

ロールオーバーすると，文字がだんだん出てきて，
ロールアウトすると，文字がだんだん消える。

というものができると思いますよ。

on (release) {
// 何かする;
}

も自由です。

on (release) {
getURL("どこかのページ");
}

で他のページにリンクをかけても良いですし，

on (release) {
this.gotoAndPlay(21);
}

とかで自分自身のボタンのムービークリップを違う絵柄に変えても良いと思います。
とにかく，こちらはしたいことがわかりません。
その辺は自由にやってください。

文字の出し方も，別にアルファを変える必要もありません。
逆にそこまでドックを真似したら，オリジナリティがないような気がします。

文字をアルファで変化させるのではなく
最初から文字を出して置いて，
文字がボヨンボヨン飛び跳ねるようなアニメーションを作り，
ロールオーバーで gotoAndPlay させても良いと思います。
色々やってみてください。
好きなようになんでもできるのが Flash の良い所です。

このあたりも参考になりますでしょうか。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=856343
　　↑教えて！goo　　↓OKWave　（同じです）
http://okwave.jp/kotaeru.php3?q=856343

お礼

とても参考になります。ありがとうございました。
わかりやすく感激いたしました。

回答No.1

noname#35109

Mac OSX ドッグ 風 なボタンですね。

私が一応ここで回答しています。
良かったらお使いください。↓
「質問：ボタンの上にマウスを置くと虫眼鏡のように大きくなるボタンを作りたい」
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1767713
　↑教えて!goo　　↓OKWave　(同じです)
http://okwave.jp/kotaeru.php3?q=1767713

その説明で書き忘れていますが，
ボタンとなるＭＣ（ムービークリップ）作るとき
シンボルに変換ダイアログで，基準点(R)の部分を，
↓こんな感じにして
------------------------------------------
　名前(N)：　[シンボル1　　　　　]
　タイプ(T)：　◎ ムービークリップ　　基準点(R)： □□□
　　　　　　　　○ ボタン　　　　　　　　　　　　　　　 □□□
　　　　　　　　○ グラフィック　　　　　　　　　　　　 □■□
------------------------------------------

下の真ん中を基準点にしてもらうと，上向きにしか拡大しません。

また，MCのボタンに
-------------------------
on (release) {
gotoAndPlay(10);
}
-------------------------
などと書きたいときは，パスに注意してください。
上のだと MC 内のフレームが 10 フレームに進んでしまいます。
そうではなく，メインムービーを 10 フレームに進めたい場合は，

-------------------------
on (release) {
_root.gotoAndPlay(10);
}
-------------------------
となります。ターゲット（オブジェクト）の前に付くパスに気を付けてください。

補足

とても、参考になりましてありがとうございます。
質問に書き忘れたのですが、
ＯＳ　Ｘのdockみたく、大きくなったときに文字がでるようにするには、どうしたらいいでしょうか？