クリエイターのためのWebテク講座 -パララックス効果を作ってみよう

クリエイターのためのWebテク講座 -パララックス効果を作ってみよう

最近よく見るようになった、奥行感を演出するスクロール。いわゆるパララックスと呼ばれる演出効果。も...概要を表示 最近よく見るようになった、奥行感を演出するスクロール。いわゆるパララックスと呼ばれる演出効果。もちろんこれもJavaScriptを使って実装されています。 サンプルを見る 奥行を理解する。 パララックスを理解するには、2D空間における奥行感を理解する必要があります。 下の図を見てください。 これが奥行感を演出する際の鉄則です。 皆さんも、空を眺めたとき、飛行機がゆっくり空を飛んでいるのを見たことがあるはずです。 でも、普通に考えて、飛行機があんなにゆっくり飛んでるはずはありません。 そう、遠くにあるものはゆっくり動いて見えるのです。 そのあたりの理屈は、遠近法と同じですね。同じ10メートルでも、目の前の10メートルと1キロ先の10メートルでは視認できる大きさが違います。 もう一つ例を挙げると、空を浮かぶ雲を見たときに、速い雲と遅い雲があるはずです。 雲は風に乗って動くため、速度の違いなんて

• javascript
• css
• jQuery