Flashでリキッドデザインのキャラクターが横移動する方法

このQ&Aのポイント
  • Flashのリキッドデザインで作成したキャラクターが画面左から右に移動するのではなく、見る人のディスプレイサイズに合わせて画面右から左に消えるようにする方法を教えてください。
  • 作業環境はWindows 7で、アプリケーションはFlash 8(ActionScript 2.0)を使用しています。リキッドデザインのFlashを検討しており、幅2800pxで作成する予定です。
  • 現在の作製法ではキャラクターが画面左から右に移動してしまうため、表示に時間がかかってしまいます。Flash全体はリキッドデザインで作成し、見る人のディスプレイサイズに応じてキャラクターが画面右から左に消えるようにする方法を教えていただきたいです。
回答を見る
  • ベストアンサー

リキッドデザインのflashで困っています。

作業環境:windows7 アプリケーション:flash8 (actionscript2.0使用です) リキッドデザインのFlashを検討しています。 幅は大き目の2800pxで高さは未定で作成予定です。 リキッドデザインの作製法は前にも質問して解決したのですが、 今回は、作成したリキッドデザインの中で、一部(キャラクター)が画面の左から入ってきて、 右に消えていく動きを永久ループさせる予定です。 現在の作製法のままだと、HTMLに配置した時、幅2800pxの左から右にキャラクターが移動するので、 実際に画面で表示したときに、キャラクターが出てくるのに時間がかかってしまいます。 そこで、Flash全体はリキッドデザインで、横移動するキャラクターに関しては、 見る人のディスプレイサイズ合わせて画面右から左消えるように動かす方法を 教えて頂けませんでしょうか? 説明が分りにくく、申し訳ありませんが宜しくお願い致します。

  • Flash
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • BlurFiltan
  • ベストアンサー率91% (1611/1754)
回答No.1

結局,キャラクターを左から右に移動させるのか 右から左に移動させるのかがわからない文章ですね。 たまたまスクリプトも短く字数制限を超えないので どっちとも書いておきます。 ステージ上にキャラクターはMC(ムービークリップ)として作成してあり, 「chara_mc」というインスタンス名を付けてあるものとします。 またこのMCの基準点は「中央」に設定してあるものとします。 その場合「chara_mc」が存在するタイムライン(_rootなど)の フレームに書くスクリプト例です↓。 ===左から右に移動させる場合============= //Flash Player 内 ムービーの拡大/縮小なし Stage.scaleMode = "noScale"; //左上を基準に整列 Stage.align = "TL"; //キャラのx座標をステージの左端から //キャラの幅の半分だけ左に配置 chara_mc._x = 0 - chara_mc._width / 2; //キャラに毎フレーム時間で実行するメソッドを定義 chara_mc.onEnterFrame = function():Void { //このMC(キャラ)のx座標を右に例えば10pxずつ移動 this._x += 10; //このMCのx座標がステージの右端から //MCの幅の半分右になったら if (this._x > Stage.width + this._width / 2) { //このMCのx座標をキャラの幅の半分左に配置 chara_mc._x = 0 - chara_mc._width / 2; } }; ==================================== ===右から左に移動させる場合============= //Flash Player 内 ムービーの拡大/縮小なし Stage.scaleMode = "noScale"; //左上を基準に整列 Stage.align = "TL"; //キャラのx座標をステージの右端から //キャラの幅の半分だけ右に配置 chara_mc._x = Stage.width + chara_mc._width / 2; //キャラに毎フレーム時間で実行するメソッドを定義 chara_mc.onEnterFrame = function():Void { //このMC(キャラ)のx座標を左に例えば10pxずつ移動 this._x -= 10; //このMCのx座標がステージの左端から //MCの幅の半分左になったら if (this._x < 0 - this._width / 2) { //キャラのx座標をステージの右端から //キャラの幅の半分だけ右に配置 chara_mc._x = Stage.width + chara_mc._width / 2; } }; ==================================== 例えばコレ↓などがありますが //キャラのx座標をステージの左端から //キャラの幅の半分だけ左に配置 chara_mc._x = 0 - chara_mc._width / 2; これは説明上でそう書いているだけですから 当然 0 など取って 次のように書いてもかまいません(普通は次のように書きます)。 //キャラのx座標をキャラの幅の半分左に配置 chara_mc._x = -chara_mc._width / 2;

Kenta57
質問者

お礼

BlurFiltanさん毎度毎度ありがとうございます!! 早速やってみます。本当にありがとうございます。

関連するQ&A

  • Flashでのリキッドデザインについて

    ActionScriptに挑戦し始めた初心者です。 ブラウザーのサイズの変更にあわせて、例えば、常にブラザーの右下に位置を変更するナビゲーションメニューを作りたいと思っています。 ↓まさに、こんなサイトです。 http://www.thestudio.jp/ フラッシュのリキッドデザイン化については、下記のサイトで理解することができました。 ↓Flashでリキッドデザイン http://allabout.co.jp/gs/flash/closeup/CU20081130B/ でも、実現したいのは、 http://www.thestudio.jp/ のサイトのように、ブラウザーのサイズの変更に、"少し遅れて"位置を修正しているように見える右下のナビゲーションメニューや左下の「THE STUIOD」のような動きです。 これはどのようにしたら実現できるのでしょうか。 ActionScriptの諸先輩がた、どうぞご教示ください。<(_ _)>

    • ベストアンサー
    • Flash
  • リキッドデザイン

    ビルダー7を使用しています。 タイトルの通りホムペをリキッドデザイン(レイアウト)にしたいです。 かなり難しいのでしょうか? ちなみに作成時は主にページ編集画面で作業をし、たまーにhtmlソース画面に行って作業をするレベルです。(ということでhtmlの知識はほぼゼロです。) htmlソース画面で編集するのでしょうか? cssを挿入(?)するとか? 作業工程を教えてください。 よろしくお願いいたします。

  • FLASH どのディスプレイでも全画面表示

    FLASH どのディスプレイでも全画面表示 1950px X 1050pxでFlash作成をしています。 どの大きさのディスプレイでも、全てウィンドウに収まるように、表示させたいのですが どうすればいいでしょうか? CS4のFlash パブリッシュのFlashPlayerのバージョンは8で ActionScriptは、2.0を使用しています。

  • リキッドレイアウトについて疑問です。

    スマホ用のサイトと1本化もできるので、最近はリキッドレイアウトで組んでいるサイトも 多いですが画像を多用しているサイトの場合は向いていないような気がしています。 ウィンドウの幅によりコンテンツ枠も増減しますが、モニタのサイズや解像度によって 最初の見え方って違いますよね? 左カラム(サイドバー)が30%で右カラム(メインコンテンツ)が65%だとしてもあくまでも %指定なので画像は何pxで作成すればいいのか?と疑問になります。 自分の環境では、右カラムに画像を配置するには650pxでジャストだとしても他の 環境で見れば必ずしもジャストではないでしょうし、min-widthで650pxを指定すれば 問題ないですが、今度はスマホだとフィットしなくなります。 基本的に、テキストベースのサイトで画像は背景画像のみ使用しかつrepeat-xで 見栄えに差支えないものじゃない限りリキッドレイアウトできれいに見せるのは 無理なのかと思っているのですがいい方法ってあるんでしょうか? 仮にimgにwidth:100%としても作成したサイズより大きくなれば荒く見えますし overflow:hiddenにすると全てが見せれなくなってしまうので、どうすればいいのか 悩みどころです・・・

    • ベストアンサー
    • HTML
  • リキッドデザイン3カラム左端幅固定の個別スクロール

    現在、リキッドデザインで幅3カラムのレイアウトをしようとしています。 左端のみ幅を178pxに固定し、中央と右のブロックはそれぞれ残りの画面を二分割し、最低幅401pxで制作した上に、それぞれのカラムを個別にスクロールさせようと考えています。 以下のコーディングでFirefoxとChrome、Safariでは想定したレイアウトを概ね実現できたのですが(厳密には中央と右のサイズが微妙に異なっていて調整できていません)、IE9以下は全てレイアウトが崩れて表示されてしまいます。 IE6はともかくとしても、IE7以降で崩れずにレイアウトを完成させる方法は無いでしょうか。 さらに欲を言えば中央と右カラムを完全に二分割のサイズにできるとありがたいです。 (こちらはできればで結構ですが。。。) おわかりいただける方、お知恵をお借りできないでしょうか。 ご迷惑をおかけしますが、よろしくお願いいたします。 ------------html------------ <div id="wrap"> <div id="contents"> <div id="wall"> <div id="nav"> 左ブロック </div> <div id="main"> 中央ブロック </div> </div> <div id="sub"> 右ブロッック </div> </div> </div> ---------------------------- ------------css------------ #wrap{ width:100%; text-align:left; min-height: 100%; font-size: 100%; } #contents{ position:fixed; overflow:auto; width:100%; min-width:980px; height:100%; margin-top:60px; } #wall{ position:fixed; overflow:auto; width:60%; min-width:579px; height:100%; } #nav{ position:fixed; overflow:auto; left:0px; width:178px; height:100%; } #main{ width:100%; min-width:401px; height:100%; margin-left:178px; } #sub{ width:40%; min-width:401px; height:100%; margin-left:60%; } ----------------------------

    • ベストアンサー
    • CSS
  • FLASHゲーム制作についての質問

    ただ今、フラッシュにてアクションゲームを制作しています。 内容はアクションスクリプト2.0でロックマン的なものを、 色々なサイトを参考にしながら作っているのですが、 ひとつスクリプトでわからないことがあるので質問させていただきます。 方向キー右、左で画面の中でキャラクターを動かすことはできるのですが、 この方向キーの右or左を二回連続で押したとき、 キャラクターのダッシュの動きのムービクリップ再生&移動速度を上げる ということをさせたいのですが、方法がわかりません。 このような事をするにあたってどうすれば良いか何か助言や参考HPを教えていただけないでしょうか。

  • flushについて質問です。

    flushについて質問です。 自社でECサイト作成。カートシステム・サーバーは外部のものを使用。 自社ECサイトにflushをのせ、そのflushで ユーザーが作成したハンドルの情報をサーバーに送信し、 オーダーメイドのハンドルを作成し販売したいというお話があるのですが、 そこまで作りこむことができるのか不明です。 Flushについては全く無知なので、 そのようなシステムを作成することができるかどうかもわかりません。 デザインフェーズとActionScriptでのコードの記述はどこで切り替えるのか? flushでユーザーが作成したハンドルの値をサーバーへどのようにして値を送るのか? ActionScriptからサーバーへ値を送る際のセキュリティの問題はあるのか? 出来るだけ詳しくご教授していただければ嬉しいです。。

  • スマートフォンサイト デザイン

    初歩的な質問失礼いたします。 現在、スマートフォンサイトを制作しようとしているのですが、キャンバスサイズで迷っています。 すべての要素を倍のサイズで作成して、cssで縮小するときいたのですが、 iphone5の画面サイズを基準にデザインデータを作りたい場合、解像度は640×1136pxですが、実際に画面に表示されるのは半分程度の大きさなので、すでに倍になっていると考えて、幅640pxのキャンバス(高さはのちのち足すつもりです)を作成したらいいのでしょうか? また、ランドスケープ時のために、幅1136pxのキャンバスを作成したほうがいいのでしょうか?? どなたか教えてくださいませんか??

    • ベストアンサー
    • CSS
  • フラッシュのサイズ

    フラッシュのサイズ 使用ソフトはFLASH8です。 フラッシュのサイズを横1000px 高さ800pxで作成しました。 ところが、クライアントが横1000pxは大きいので横800pxにして欲しいといわれました 。 FLASH8でサイズを横800pxにすると、フラッシュの右200PXが切れてしまいました・・・・。 フラッシュの内容や各シンボルの位置を変更せずに左右100pxずつカットする方法はないでしょうか?

    • ベストアンサー
    • Flash
  • CSSのリキッドレイアウトについて質問します。

    2列で左列がサイドバー,右列がコンテンツのリキッドレイアウトを考えています。 左列を固定幅にして,右列のmargin-leftに左列の横幅分の値を設定しています。 横幅が広い画面で見ると、一行が大変長くなります。 最近、横幅が1920の画面で確認すると、 大変読みにくいことに気づきました。 IE6では、min-width,max-widthが設定できないとあります。 IE6では、CSSでリキッドレイアウトを行なう場合、 横幅を調整する方法はないのでしょうか。 ※また、CSSを使ったリキッドレイアウトを実現している、 お勧めサイトがありましたら、教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML