- ベストアンサー
ボタン操作で写真と文字が入れ替わる
お世話になっております。度々、失礼致します。 下記に記したサイトは、とあるアーティストさんのサイトなのですが、このサイトのダイアリーにあるようなボタン操作によって文字と写真がコロコロ入れ替わる仕組みを作ってみたいと考えております。 これは、全てActionScriptによるものとお見受けしたのですが、どのような仕組みないなっており、これと同様のものを作成するためにはどうすれば宜しいのでしょうか? http://www.junkoiwao.jp/
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
外部に image1.jpg image2.jpg image3.jpg という名前の画像があります。 これをを読込むときは loadMovie("image1.jpg") loadMovie("image2.jpg") loadMovie("image3.jpg")と書きます(実際にはちょっと違う)--* これだと100枚あるときは100回書かないといけません。 でもよく見ると違うのは数字だけです。 そこで変数を使います countという変数をつくって読込む画像を変化させます。 [前へボタン]が押されたときはcountから1引き [次へボタン]が押されたときはcountに1を加えます。 そして画像を読込むときは loadMovie("image" + count + ".jpg") 例えばcountが2のときは my_mc.loadMovie("image2.jpg")と書くのと同じです。 *部分の説明 イメージをつかんでもらうためややこしいのは取っ払って書かいてみました。 実際には「mcのインスタンス名.loadMovie(url)で読み込みます 詳細はヘルプで。 >attachMovieというものの役目 Flash作成時にライブラリからステージにシンボルを貼り付ける ということをすると思いますが、 attachMovieを使えばこの作業をFlash実行時にできるのです。 簡単に言うと loadMovieは外部のものを読込む attachMovieはFlash内部に入ってるものを読込む(貼り付ける) という感じ。
その他の回答 (2)
- perse
- ベストアンサー率74% (113/152)
>「Count」を使用した変数のスクリプトは… ボタンに書くのもいいですし 自作の関数を呼んでその中で処理してもいいでしょう。 その後の動作はガイドでもActionScriptでも やりやすい方でいいと思います。 >文章も変わるようにしたい あらかじめtxtやxmlに文章を書いておいて Flashのロード時にそのテキストを読込んで 配列で管理すればカウント変数を使用して 画像と同じ仕組みで扱えます。 まずは読込み後の画像の動きは置いといて ボタンの[進む][戻る]での テキスト、画像の表示から進めるのがよいかと。
お礼
返事が遅くなり、大変申し訳ございません。 まずは、写真をうまく読み込めるようアドバイスを参考に、頑張ってみようと思います。 ありがとうございます。
- perse
- ベストアンサー率74% (113/152)
ボタンが押されたときに外部画像を loadMovieで読込んでいるかswf内部にある画像をattachMovieで貼り付けているかだとと思います (週に何度も更新するものなのでおそらく外部)。 読込んだ後の動きはパターンが決まっているので クラス化または関数化すると楽かも。
補足
アドバイスありがとうございます。 上記回答に対する補足と致しまして、初歩的な質問内容になってしまい申し訳ないのですが、 大まかな仕組みはわかったのですが、「進む」「戻る」の個々のボタンひとつに対して複数の画像を切り替えていくという構成になっているわけなんですが、ボタンを押して「写真-01」に切り替えまた同じボタンを押したら「写真-02」へ、またボタンを押したら「写真-03」へ移動するという仕組みがまず頭の中で理解・整理出来ていないのです。 またattachMovieというものの役目というかどういうものなのか?といったことも踏まえながら、アドバイスをいただけると幸いです。説明が、わかりにくく申し訳有りません。
補足
アドバイス、ありがとうございます。 2点、捕捉をさせて頂いても宜しいでしょうか。 まず1点目として、「Count」を使用した変数のスクリプトはボタン上に書き込むものと考えて宜しいでしょうか。 また読み込んだあとに写真がコロコロ入れ替わる動きは作業工程の中のどの過程の中で行っていけば宜しいのでしょうか。 読み込んだ写真ひとつに対してガイドか何かを使用し写真の動く軌跡をあのように作成し、その動きの設定を全ての写真に適用するということでしょうか。 2点目として、「進む」・「戻る」のボタンを押して写真と同時に文章も変わるようにしたいのですが、下記のように考えて宜しいでしょうか. 隣に添えてある文章はテキストファイルを読み込んであると思いますが、それもカウント変数を利用しているのでしょうか。 カウント変数を利用し、文章も写真同様に切り替わる仕組みになっていると… 具体的なスクリプトは、どのようになっているのでしょうか。 重ね重ね、申し訳ございません。上記質問事項に関して、宜しければアドバイスを頂戴できるとうれしいです。 よろしくお願い致します。