三次元的な。

質問

質問お願いします。
Flashで三次元的なサイトを作成したいのですが、いまいち良く解らないのでよろしくお願いします。
同じ画像をループさせ、マウスで移動出来るサイトを作ろうと思っています。
下の様なサイトです。

同じ画像をループ
​http://www.mydesignaward.com/SITE/www.grassroots.uk.com/8833.html​

マウスで移動
​http://www.yutakaloveslondon.com/​

２つを同時にできますか？
後、この様なサイトの事を何て言うか知っていたらお願いします。

回答No.4

BlurFiltan

＃１～３ です。

> 画像は見れないみたいですね＾＾；
> 早速、回答のスクリプトで試してみます。

見えませんでしたか。
すみません確認不足でした。
「教えて！goo」で同ページを見てみましたら，確かに 12/3 ぐらいまで調整中とかで見えませんでした。
「OKWave」だと見えると思います↓。

http://okwave.jp/qa4506486.html

「提携サイトによって見えないことがある」など注意書で書いていてほしいものですね。
見えない（添付できない）側の「教えて！goo」 には書いてあるのに，
見える（添付できる）側の「OKWave」には書いてないからわかりませんでした（ブツブツ...）。

しかし見えても，
何も考えてないずさんなリサイズ と ひどい圧縮 でかなり無気味な画像に変身してしまっています。
ゲゲゲの鬼太郎 でも出てきそうな恐くて汚い状態で，文字も判別しにくいです。
（かなりイライラ状態。）

この回答以外に他の回答でも画像を添付してデータを取ってみました。

・この回答＃３での画像 JPEG
　アップ前…79.0KB(80,927バイト) 横580px×縦500px
　アップ後…26.4KB(27,123 バイト) 横420px×縦314px

・他の回答での画像 JPEG
　アップ前…42.1KB(43,178バイト) 横250px×縦400px
　アップ後…15.6KB (15,976バイト) 横420px×縦314px
　　　　　　　（左右に黒い余白付き）

どうやら縦横のどちらか一方が横420px×縦314pxを超えると，
強制的に 横420px×縦314px になってしまうようです(比も変わる！)。
というわけで，
それように作成し直してみました。
画像の縦横サイズを合わせれば圧縮度合も下がるかもしれません。

※今回添付画像のメモ
　 アップロード前のファイル容量 69.2KB(70,897バイト) JPEG
　 アップロード前の大きさ 横幅400px×高さ314px

回答No.3

BlurFiltan

たびたびすみません。
ポップアップブロックを解除すると画像が添付できるとか...。

とにかくシステムの都合上，
投稿してみなければ，添付できないようなので，
投稿してみるまで，画像が添付できるかどうかわからないのですね...（欠陥システム！）。

またもや画像が添付できなければ，悪しからず...。

お礼

BlurFiltanさん、毎度回答有り難うございます。
バージョンはCS3です。
画像は見れないみたいですね＾＾；
早速、回答のスクリプトで試してみます。

回答No.2

BlurFiltan

うん？
画像がアップできませんでした...。

回答No.1

BlurFiltan

ご質問ではバージョンを書かれていらっしゃいませんが，
勝手に Flash MX 以上(Flash MX ，MX 2004系，8系，CS3，CS4のうちいずれか) をお持ちだということで回答します。

図のような感じでメインのタイムライン（_root）にムービークリップを用意します。

※これはあくまでも単なる架空のイメージ図です。
　 オーサリングツール上の作成段階で，
　 このような感じで立体的に見えるようなことはありません。
　 (Flash の新種でも亜種でも特別版でもありません。)

mc1～mc3 はムービークリップのインスタンス名です。
各ムービークリップの基準点は左上にして作成します。
手前にあるムービークリップ（mc3）ほど上のレイヤーにあって，
向こうにありムービークリップ（mc1）ほど下のレイヤーにあるというような状態を表しています。

説明のために「遠景（mc1）」「中景（mc2）」「近景（mc3）」の３つのムービークリップしか用意していませんが，
この前後関係のムービークリップを増やすほどリアルになります。

そして，
_root のフレームに次のようなスクリプトを書くと，
マウスの座標に従って，
手前のものは速く動き，向こうのものは遅く動くので，疑似的な遠近感が出ます。

---------------------------------------------
// ステージ幅を変数化（理由:スクリプトを横長にしないため）
sw = Stage.width;

// １フレーム進む時間毎に随時実行
_root.onEnterFrame = function() {
// mc1 ～ mc3 をそれぞれの速さ(適当)で移動
_root.mc1._x -= 4/(sw/2)*(_root._xmouse-sw/2);
_root.mc2._x -= 7/(sw/2)*(_root._xmouse-sw/2);
_root.mc3._x -= 12/(sw/2)*(_root._xmouse-sw/2);
//
// 左右限界座標での折り返し動作
for (i=1; i<=3; i++) {
// MCの座標が 「-MCの半分以下」 になれば
if (_root["mc"+i]._x<=-_root["mc"+i]._width/2) {
// MCの座標をMCの半分の大きさだけ加える
_root["mc"+i]._x += _root["mc"+i]._width/2;
// MCの座標が 「0以上」 になれば
} else if (_root["mc"+i]._x>=0) {
// MCの座標をMCの半分の大きさだけ減らす
_root["mc"+i]._x -= _root["mc"+i]._width/2;
}
}
};
---------------------------------------------
（ActionScript1.0 FlashMX以上で使用可能なスクリプト）

各ムービークリップの中には絵だけでなくムービークリップやボタンを入れておくと，
それらが個別に動いたり反応したりするものもできます。

各ムービークリップ mc1～mc3 は，
その幅（_width）をハッキリさせるために，
透明な線でも良いので中に枠でも用意するなどしておいた方が良いです。

※添付画像のメモ
　 アップロード前のファイル容量 79.0 KB (80,927 バイト) JPEG
　 アップロード前の大きさ 横幅580px×高さ500px