• ベストアンサー

FLASHで100%表示・上下にOPENするページ

WinのFLASH MXで制作しています。初心者です。 http://www.mikanakashima.com/ のページのようにFLASHで作ったページをウィンドウサイズ100%表示させるにはどのように作ったらいいですか? オープニングのロゴの部分等は横スクロールしていませんので100%幅になっていると思います。 もうひとつは上記サイトのようにオープニングからメニュー、コンテンツページに移るときに上下に開くようにするにはどのように作ればいいでしょうか。 ロゴや写真を動かすアニメーションは作れる程度です。アクションスクリプトはあまり解りません。

  • Flash
  • 回答数2
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
noname#35109
noname#35109
回答No.2

#1です。 後半のご質問, > もうひとつは上記サイトのようにオープニングからメニュー、 > コンテンツページに移るときに上下に開くようにするには > どのように作ればいいでしょうか。 > ロゴや写真を動かすアニメーションは作れる程度です。 > アクションスクリプトはあまり解りません。 とかかれている部分に回答していませんでしたが, アクションスクリプトは全く(ほとんど)関係ありませんよ。 出てくるのは stop(); くらいです。 > ロゴや写真を動かすアニメーションは作れる程度です。 それで十分だと思いますよ。 こんな↓ムービークリップ  -----------------------------------------   ☆ MIKA NAKASIMA   HOME  INFOMATION  DISCOGRAPHY …  ----------------------------------------- それと, その下の何もない(塗りの色があるだけの)ムービークリップ↓を,  -----------------------------------------  ----------------------------------------- それぞれ, 違うレイヤーに作って, 上のムービークリップを上方向に, 下のムービークリップを下方向にモーショントゥイーンさせれば良いだけです。 そしてループしないように, 最後のフレームに, stop(); と書けば良いですね。 以上です。 つまり,見たそのままをすれば良いだけです。 また上下に開く前の段階で,  ☆ MIKA NAKASIMA や  HOME  INFOMATION  DISCOGRAPHY … が左から見えて来るアニメーションがありますが, これは,そういうアニメーションを,ムービークリップ内のタイムラインに作れば良いのです。 ムービークリップの中の, ロゴ や HOME などより上のレイヤーに, 背景色と同じ横にやたら長いグラフィックシンボルのインスタンスを用意しておいて↓,  ■■■■■■■■■■■■■■■■ それを, 右に動かせば,下に隠れているロゴなどが見えるわけです↓。  ☆ MIKA NA■■■■■■■■■■■■■■■■→ そして, そういう一連のアニメーションが終わったフレームに, これまた, stop(); です。 これもつまり,見たそのままをすればいいわけです。 ムービークリップ内のアニメーションが, 仮に 50 フレーム でしたら, メインのタイムラインで,上下に開くようなアニメーションは, 最初の 50 フレームは閉じた状態にしておいて, 51フレーム目から,モーショントゥイーン で上下に移動させれば良いですね。 その上下に移動させるムービークリップより下のレイヤーに, 写真などを用意しておけば,写真が現れます。 > ロゴや写真を動かすアニメーション となんら変わりないと思います。 違う点は,ムービークリップの中にさらにアニメーションを作ることくらいでしょうか。 でもムービークリップの中にアニメーションを作ることができなければ, Flash の意味が全くないに等しいことなので, ロゴや写真を動かすアニメーションでも十分使いますよね。 モーショントゥイーンを作成しよう! http://www.1art.jp/flash/le/lesson2/lesson2.htm 6.モーショントゥイーンでできること http://fpower.org/basics/bas06.html

その他の回答 (1)

noname#35109
noname#35109
回答No.1

Flash の ActionScript である, Stage.scaleMode = "noScale"; を使って, Flash 内部のものの大きさを固定する方法もありますが, 提示されている URL の場合, どっちにしても絶対に HTML で高さを固定しなければならないため, 全てタグで済ませる方が簡単だと思います。 Flash 自体は,かなり横長の(1800pxくらい?)の どんなに ウィンドウ の幅を大きくされても大丈夫くらいの横幅のものを用意して, ステージの高さは 450px なら 450px などで作成します。 パブリッシュするときに, パブリッシュの設定で,「HTML」タブを選択して,  サイズ(D):[ムービーに合わせる    v] となっている部分を,  サイズ(D):[パーセント      v]        幅(W)    高さ(E)        [100  ] × [100  ] パーセント にして,   伸縮(S):[すべて表示      v] となっている部分を,   伸縮(S):[拡大・縮小なし   v] にして HTML と SWF をパブリッシュします。 すると, 縦も横もステージに対して 100% の HTML のタグが生成されてしまいますから, パブリッシュされた HTML を テキストエディタ や HTML エディタ で開いて, OBJECT タグ内の width="100%" height="100%" と EMBED タグ内の width="100%" height="100%" の2箇所を width="100%" height="450" のように手動で書き換えれば良いわけです。 上のままだと, Flash の周りに HTML の部分である隙間 (margin) が出来てしまいますから, <body> タグを <body bgcolor="#ffffff" body topmargin="0" leftmargin="0" rightmargin="0"> のような感じにすれば,隙間はできなくなると思います。 上半分では Flash の設定方法で説明しましたが, 実際のご質問されている内容は, 本当は Flash 自体のスクリプトなどではなく, HTML や スタイルシート の話になります。 この辺のことは,深く質問されても私にはよくわかりません。 W3C や CSS などが出てきて頭が痛い痛いの状態になるので, 日頃は無視している世界です。 今回の表示の件は, Flash とは本来関係があまりありませんが, 最初に書いた ActionScript の Stage.scaleMode = "noScale"; によって Flash でできるのはココまでです↓。 http://hakuhin.hp.infoseek.co.jp/main/as/stage.html Flash 自体の HTML への表示方法は, ActionScript による指定では無理です。 もし上でタグなどについての説明ではわからない場合は, Flash ではなく HTML や CSS を調べるなどをしてみてください。

tukamotodaisuke
質問者

補足

お返事遅くなってすいません。 細かく具体的なコメントありがとうございます。 上記のようにしてみたのですが、 プレビューするとドキュメントサイズ外の要素まで見えてしまいました。例えばはみ出した背景色用のグラフィックシンボルとか、トゥイーンでドキュメント外に動かしたシンボルなどです。 OBJECT タグ内の width="100%" height="100%" と EMBED タグ内の width="100%" height="100%" の部分をドキュメントサイズにするとそれらは見えなくなるのですが・・・。 あと横幅を1800pixくらいに大きくしてテストしてみたのですが、 プレビューすると1024×768の解像度モニターで見た場合、アニメーションの右端のみが表示されました。。。 いろいろと不具合がありなかなかうまくいきませんでしたが、もうちょっと研究してみたいです。

関連するQ&A

  • Flashコンテンツが動かない。

    上下に長いページの下のほうにFlashコンテンツがおいてあります。ダウンロードが完全に終わっていても、画面をスクロールしてFLASHがみえるようになるまで動き出しませんが、なぜ動かないのでしょうか?

  • Flashでのページ移動(自動)の仕方を教えてください

    FlashMXをMacOSXで使用しています。 ホームページを作成しています。 やりたいことは、トップページにFlashでアニメーションを入れ、そのアニメーションが終了したら(ボタンなどを押さずに)自動的に別のページが表示されるようにしたいと思います。 例えば、 1トップページ表示 2アニメーション開始→終了 3gooのページが表示される という具合です。 アニメーションの最後にアクションスクリプトを入れると思うんですが、どうやっていいのかわかりません。 よければ、ご教授ください。 お願いします。

    • ベストアンサー
    • Flash
  • flash

    はじめまして。質問させていただきます。 http://panasonic.jp/dc/g1/special/5zyoryu_gallery/index.html よくあるflashサイトですが、上記サイトのようなウインドウを広げても・・・左上のロゴや左下のメニューなどが固定された状態を保つにはどのように書けばよろしいのでしょうか? 参考までに、私は仕事でflashを使う時もありますが、まだまだ基本的なアニメーションのみで、action scriptも単純なものしか使えません。 ご存知の方、教えていただけますでしょうか。 よろしくお願いいたします。

  • FLASH MX アクションスクリプト・・・

    FLASH MX アクションスクリプトでノーマルモードでボタンをDOWNしたらアニメーションが再生されるようにしたいのですが、ボタンをDOWNに 押しっぱなしにしないとアニメーションが最後まで再生されません。 ボタンのDOWNを1回押したらすべてが再生されるようになるにはどうしたらよいですか? 教えてくださいm(_ _)m

  • FLASHを携帯電話向けに表示させることについて

    FLASH MX 2004(FLASHI MX 7.2)を使用しています。今のホームページはメニューバーやコンテンツである写真は SWFファイルで制作しています。携帯電話からアクセスするとこれらのSWFファイルが表示されないようなのですが、 Flash LiteをダウンロードしてFLASH制作に使用することでPCだけではなく携帯電話からのアクセスでも表示される ようになるのでしょうか。調べてみるとFlash Liteはいろいろと機能的な制約があることはわかりました。 (こちらを参考にしました http://www.adobe.com/jp/devnet/devices/articles/togoru_03.html) これらの機能上の制約をクリアしたとして考えたとき 1.Flash Liteを使用することでPC・携帯電話ともにFLASHが閲覧できるSWFが作れる。 2.既存のホームページに加え、Flash Liteを使用して携帯電話用ページを新たに作る必要がある。 このどちらと考えればよろしいのでしょうか。 よろしくお願いします。

    • ベストアンサー
    • Flash
  • FLASH MXでサウンドを流す頁を作っているのですが、サウンド早送り、巻き戻し

    FLASH MXでサウンドを流す頁を作っているのですが、サウンド早送り、巻き戻し、一時停止のアクションスクリプトはどうしたらいいのでしょうか? 現在はボタンにサウンドが配置してあるフレームへ行くようにして、サウンドを止めるアクション スクリプトで音が全部止るようになっています。 また、LOADINGで読み込みを%で表示するやり方を教えてください。

  • WinのFLASH MXで作ったページがMacで見えない

    WinのFLASH MXで作ったページ(簡単なアニメーション)がMacユーザーから見えないと言われました。書き出すときの設定や何か対策はありますか? 教えてください。

    • ベストアンサー
    • Flash
  • フルFLASHサイトの作り方を教えてください。

    はじめまして。 今、フルFLASHでサイトを作りたいと考えています。 いろいろな書籍を読みあさってはいるのですが、どれもひよこや熊などのイラストを動かしたりする手法は乗っているのですが、肝心のサイトつくりが身についていません・・・ 今までHTMLやCSSのサイトは何度も作成してきたので知識はあるほうだと思うのですが、FLASHについてはホームページのTOPに使用する簡単なモーショントゥイーンによるアニメーションは作成できるのですが、ボタンによる動作やアニメーションの組み合わせ?はまったくです。 やりたいことはシンプルだと思うのですが・・・ 1)メニューをクリックすると背景画像がスムーズに切り替わる 2)ローディングを作りたい 3)中のコンテンツ(テキスト画像のみ)が中のボタンをクリックするとスムーズに切り替わる 4)背景がウインドウサイズに合わせて拡大縮小する。 ※できれば5)スライドショー?のようなページも作りたい 以上のみになります。 これくらいでも(よくわかってないのですが)ハードルは高いのでしょうか? そもそもアニメーションと簡単なアクションスクリプトだけで作ったものと最新のactionscript3.0のような技術で作られた省エネ?FLASHサイトの違い、特に前者のユーザー側にとってのデメリットってなんでしょうか? 質問が長文になってしまいましたが、どうかよろしくお願いいたします。

    • ベストアンサー
    • Flash
  • Flash スクロールバー表示

    環境 Win OS XP   Macromedia Flash MX Professional 2004 外部テキストを読み込んでいるんですが ◆スクロールパーツがうまく表示されない …スクロールバーの部分が上下に長い ◆スクロールの反応が悪い …マウスでスクロールできず上下の矢印を押さないと移動できない ◆*.flaだと上下の矢印も表示されない白い棒のまま。 ◆外部テキスト(HTML)が全部スクロールで表示しきれない …もっと文章があるんですがスクロールできるのは数行止まりで それ以上、下へ行かないんです。 サイトや本など色々見たのですが確証あるものがなくご指導いただきたく思いますので よろしくお願いします。 アクション部分は onClipEvent (load) { this.loadVariables("txt.html"); } onClipEvent (data) { scrollbar.setScrollTarget(txt.html); } 初心者なモノで説明不足かもしれませんが どうぞよろしくおねがいします。

    • ベストアンサー
    • Flash
  • フラッシュアクションスクリプト 繰り返し処理について

    こんにちは フラッシュのループ処理にして質問です。 フラッシュでアニメーションを作ったのですが全体のアニメを3回だけ繰り返してストップさせるように処理したいのです。 ヘルプページを見てfor関数を試してみましたができませんでした。 どのようにアクションスクリプトを組み込めばできるのでしょうか? 教えてください。 よろしくお願いします。