最近よく見るようになった、奥行感を演出するスクロール。いわゆるパララックスと呼ばれる演出効果。もちろんこれもJavaScriptを使って実装されています。 サンプルを見る 奥行を理解する。 パララックスを理解するには、2D空間における奥行感を理解する必要があります。 下の図を見てください。 これが奥行感を演出する際の鉄則です。 皆さんも、空を眺めたとき、飛行機がゆっくり空を飛んでいるのを見たことがあるはずです。 でも、普通に考えて、飛行機があんなにゆっくり飛んでるはずはありません。 そう、遠くにあるものはゆっくり動いて見えるのです。 そのあたりの理屈は、遠近法と同じですね。同じ10メートルでも、目の前の10メートルと1キロ先の10メートルでは視認できる大きさが違います。 もう一つ例を挙げると、空を浮かぶ雲を見たときに、速い雲と遅い雲があるはずです。 雲は風に乗って動くため、速度の違いなんて
![クリエイターのためのWebテク講座 -パララックス効果を作ってみよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/703a76167c5043eca613d1a2ccf4a6927970bf7c/height=288;version=1;width=512/https%3A%2F%2Fnews.mynavi.jp%2Ftechplus%2Farticle%2F20121227-mc17%2Findex_images%2Findex.jpg)