Cover Slow のカスタマイズとバグ修正の報告

coverSlow_mcScroll2.jpg

以前作った Cover Slow 表現の記事に問い合わせがあり、カスタマイズ方法を教えて頂戴とのこと。昨日夜中にあれこれいじっていたら、ついでにバグも見つけたので、ご報告がてらエントリしておきます。

追記:
内容を上手くまとめられなかったので、記事自体もテストのためのセッティングも意味不明気味なので、適当に流し読みしてください。

Cover Slow っていうのは、iTunes の Cover Flow 表現を Flash で再現しようとしたものの、動きがスローになっちゃったよという意味の僕の造語で、詳細は、記事その1記事その2あたりをご覧下さい。

で、見つけたバグというのは、「クリップを右に流しているとき、1番目(配列番号では0)のクリップが表示されない」というもの。修正箇所は coverSlow.fla の131行目あたりの:

if (addNum<=0) {
を
if (addNum<0) {
に修正してください。

尚、ダウンロード用ファイルは既に修正したものをアップしておきました。

で、今回の問い合わせは、

  1. ステージ上の各クリップを、ユニークな MC にしたい。
  2. サンプルは15個表示だけど、7個にしたい。
  3. 下にメニューボタンを付けて連動させたい。

ということで、オリジナルをカスタマイズしてできたのが、こんな感じ
いじってみたい方は、こちらのページから zip ダウンロードして CoverSlow フォルダを展開後、そのフォルダの中に、今回のソース coverSlow_mcScroll2.fla を入れてパブリッシュすれば OK です。(注:SandyFuseKit 環境が必要になります→説明。尚 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 いじってる僕は焦りまくり。

このエントリーをはてなブックマークに追加
はてなブックマーク - Cover Slow のカスタマイズとバグ修正の報告

Comments:8

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に関しては習作扱いなのでどうぞご自由にお使いください。(使用に関しては自己責任、サポートはなしということでよろしくです。)
でも、あまり本家のエフェクトに近づけすぎると問題になりますよと。ちょっと前に2ちゃんで騒がれてましたし。お気をつけ下さいませ〜。
ではではとりいそぎ。

田中 10-09-04 (土) 0:29

trick7.com
tera様

はじめまして。
田中と申します。
本サンプルを使用させていただいているのですが、
一点ご教示いただいて宜しいでしょうか。

coverSlow_mcScroll2.fla では、
ムービークリップの my_mc1 ~ my_mc7 に
直接ビットマップを貼り付けておりますが、
上記の変わりに同一階層にある画像をセットして、
スライドさせることは可能でしょうか?

同一階層内に img_000.jpg から img_006.jpg を用意し、
下記のように変更した所、
既存のビットマップ画像は表示されなくなり、
変わりに用意した img_000.jpg から img_006.jpg は表示されるようになりましたが、
画像の変形が行われなくなり、画像が下の方に配置されてしまいました。

【変更前】
mc = this.createEmptyMovieClip(“mc_”+i, i);
mc.attachMovie(“my_mc”+((i%7)+1),”my_mc”+(i+1),1); //for manu// attach MovieClip from Library.

【変更後】
mc = this.createEmptyMovieClip(“mc_”+i, i);
mc.loadMovie(“img_00″ + (i % (lastP – 1)) + “.jpg”); // この行を追加しました。
mc.attachMovie(“my_mc”+((i%7)+1),”my_mc”+(i+1),1); //for manu// attach MovieClip from Library.

その為、もしよろしければアドバイスをいただければと思います。

以上、よろしくお願いします。

田中 10-09-06 (月) 9:32

trick7.com
tera様

はじめまして。
田中と申します。

本サンプルを使用させていただいているのですが、
一つご教示いただいて宜しいでしょうか。

coverSlow_mcScroll2.fla では、
ムービークリップの my_mc1 ~ my_mc7 に
直接ビットマップを貼り付けておりますが、
上記の変わりに同一階層にある画像をセットの上、
スライドさせることは可能でしょうか?

同一階層内に img_000.jpg から img_006.jpg を用意し、
下記のように変更した所、
既存のビットマップ画像は表示されなくなり、
変わりに用意した img_000.jpg から img_006.jpg は表示されるようになりましたが、
画像の変形が行われなくなり、画像が下のほうに配置されてしまいました。

【変更前】
mc = this.createEmptyMovieClip(“mc_”+i, i);
mc.attachMovie(“my_mc”+((i%7)+1),”my_mc”+(i+1),1); //for manu// attach MovieClip from Library.

【変更後】
mc = this.createEmptyMovieClip(“mc_”+i, i);
mc.loadMovie(“img_00″ + (i % (lastP – 1)) + “.jpg”); // この行を追加しました。
mc.attachMovie(“my_mc”+((i%7)+1),”my_mc”+(i+1),1); //for manu// attach MovieClip from Library.

その為、もしよろしければアドバイスをいただければと思います。

以上、よろしくお願いします。

【追記】
なお、今回のコメントは先週金曜日に投稿したつもりでしたが、
そのときのコメントが見当たらない為、再投稿させていただきました。
もし二重投稿になっているようでしたら、どちらか片方を消していただくか、
片方は無視していただけるかしていただければと思います。

tera 10-09-15 (水) 14:50

田中さま

投稿の承認が遅くなってしまいすみませんでした。
そしてさらにすみません。10月までお仕事がパツパツでしてこちら調べ直してからのご回答もちょっとすぐには御対応できず申し訳ないです。
Sandyの変形を適応させている階層がずれているとかでしょうか。ちょっとソースを精読しないと思い出せずすいません。

Comment Form
Remember personal info

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

Return to page top