- 2007-04-11 (水) 14:19
- action script
以前作った Cover Slow 表現の記事に問い合わせがあり、カスタマイズ方法を教えて頂戴とのこと。昨日夜中にあれこれいじっていたら、ついでにバグも見つけたので、ご報告がてらエントリしておきます。
追記：
内容を上手くまとめられなかったので、記事自体もテストのためのセッティングも意味不明気味なので、適当に流し読みしてください。
Cover Slow っていうのは、iTunes の Cover Flow 表現を Flash で再現しようとしたものの、動きがスローになっちゃったよという意味の僕の造語で、詳細は、記事その１、記事その２あたりをご覧下さい。
で、見つけたバグというのは、「クリップを右に流しているとき、1番目（配列番号では0）のクリップが表示されない」というもの。修正箇所は coverSlow.fla の131行目あたりの：
if (addNum<=0) {
を
if (addNum<0) {
に修正してください。
尚、ダウンロード用ファイルは既に修正したものをアップしておきました。
で、今回の問い合わせは、
- ステージ上の各クリップを、ユニークな MC にしたい。
- サンプルは15個表示だけど、7個にしたい。
- 下にメニューボタンを付けて連動させたい。
ということで、オリジナルをカスタマイズしてできたのが、こんな感じ。
いじってみたい方は、こちらのページから zip ダウンロードして CoverSlow フォルダを展開後、そのフォルダの中に、今回のソース coverSlow_mcScroll2.fla を入れてパブリッシュすれば OK です。（注：Sandy と FuseKit 環境が必要になります→説明。尚 Sandy はクラスファイルを一部修正する必要があります。）
まず、(1)については、前回 JPG 画像を attachBitmap したのと似たような感じで、attachMove すれば OK。中央にあるクリップをクリックすると、該当 html ページに移動するようにしてあります。
(2)については、実はステージ上に表示されているクリップの数は、フェードアウトしているのも含めて、左4・中1・右4個あって、これに1を足した、最低10個の MC が必要になります。表示個数自体を減らす方法もありますが、それはしたくないそうなので、何とか力技で、7×2セットの状態にすることで対応。詳細はソースをご覧下さい。
(3)は今回の作例のみに有効な手法で解決。2セットあるうちのどちらを中央に持ってくるかを力技で解決。既に中央にあるクリップ番号をクリックしたときはページ移動します。あとは各自カスタマイズしてみてください。iTunesみたいにデータグリッドちっくな連携も再現できそうですね。
あと、_quality = “LOW”; なので、ご注意くださいませ。
関連記事：
「Flash で cover flow 表現」
「Cover Slow (with source files)」
「“Cover Slow” での画像配置の設定方法」
twitter を覗いていると、皆さん既に AS3 にどっぷりな感じで、今更 AS2 いじってる僕は焦りまくり。
- Newer: 「第2回：寺子屋（仮）」やりました。
- Older: Flashスクロールバーのリサイズしない版サンプル（flaファイル付き）
Comments:5
- Morb 07-04-24 (火) 21:09
-
Hey..
I’ve been playing with your beautiful “Cover Slow”, trying to load external files into the different movieclips instead of using the images in the library..
This is what I tried:
* Load the image with regular mc loader
* make a bitmap of it, then draw the mc onto the bitmap
* attach the bitmap onto the origigal mc (in the loop)I have not been succesful since the “3D effect” disappears in the movieclip ;(
Can you help me load an external image with a textfield into the movieclip?
Thank you very much
- tera 07-04-24 (火) 22:05
-
Hello Morb
I got the same question recentry (http://www.trick7.com/blog/2007/01/29-222233.php), but I have no time to concentrate myself on developping this sample (I change my job & move house to Tokyo.)
I did a quick fix but failed…
Sorry. - abex 07-08-20 (月) 11:25
-
某案件にてほぼそのまま使用させていただきました。
時間が無い中、すげー助かりました。 - 匿名 07-11-05 (月) 12:42
-
trick7.com さま
はじめまして、こんにちわ。Y1と申します。
日ごろより、trick7.com さまのブログを拝見させていただいております。
以下に質問を書いておりますので、お忙しいとは存じますが、ご確認いただき、お教えいただければと思います。質問）
COVER FLOWを動作させるために、Sandy と FuseKitを自分のローカル環境に用意したのですが、両者とも、ダウンロード後の「使用期限」などあるのでしょうか？
また、使用期限があった場合、引き続きCOVER FLOWを動作させるために、購入などの手続きをしなければならいのでしょうか？よろしくお願いします。
- tera 07-11-05 (月) 12:52
-
＞Y1様
こんにちは。はじめめして。
Sandy, FuseKit ともMITライセンスにて公開されているので、とくに使用期限等はなくずっと使えると思います。詳細はMITライセンスについてググってみてくださいませ。あと、ここで僕が公開しているのは「Cover Slow」でして、某果物ロゴ企業の CoverFlowとは比べようもなく低スペックなサンプルです。
CoverSlowに関しては習作扱いなのでどうぞご自由にお使いください。（使用に関しては自己責任、サポートはなしということでよろしくです。）
でも、あまり本家のエフェクトに近づけすぎると問題になりますよと。ちょっと前に２ちゃんで騒がれてましたし。お気をつけ下さいませ〜。
ではではとりいそぎ。
Trackbacks:0
- Trackback URL for this entry
- http://www.trick7.com/blog/2007/04/11-141919.php/trackback
- Listed below are links to weblogs that reference
- Cover Slow のカスタマイズとバグ修正の報告 from trick7
![Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編]](http://ecx.images-amazon.com/images/I/617sNhK9P9L._SL75_.jpg)
![FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]](http://ecx.images-amazon.com/images/I/51915J1BG6L._SL75_.jpg)
