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

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

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

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

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

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

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

S	M	T	W	Th	F	S
			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	31

LAN-PRO

freespace