画面スクロールにおける座標の概念

FlashやJqueryなどで、一枚の写真をスクロールして動画のように見せる
テクニックあります、座標位置や倍率を変えるとムービーの様にさえ見えます。

慣れれば簡単に理解出来ますが、画面のスクロールはその座標の概念を
正確に掴んでおかないと、最初の段階で躓いてしまいます。

写真をみてください。
左上が起点となり、ピクセルデータとしてそれぞれの四隅の座標が決定されます。

それではこの写真をちょうど1/4のサイズの画面に表示させ、
左上から右上、右下、左下、左上に戻るスクロールを500X375の画面で見るには
どのような座標設定になるのでしょうか？

重要なのはここでムービーの思考で行うと「？？？？」となります。
画面スクロールは、画面を移動するのではなく、写真を移動する概念となります。

つまり、上の「左上から右上、右下、左下、左上に戻る」を実行するには
写真を
１：左に500水平移動、つまり-500.0
２：その後、今度は上に垂直移動、-500.-375
３：今度は右に水平移動、0.-375
４：最後に元に戻すため下に垂直移動、0.0
このような座標設定となりますが・・・・・・・
ご理解いただけましたか？

日	月	火	水	木	金	土
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

LAN-PRO

フリースペース

ブログスレッド