Moon Light

Explorar

Efeito Parallax "Hard Mode"

Rolagem parallax é uma técnica de web design onde o background se movimenta em um ritmo mais lento que o primeiro plano. Isso resulta em um efeito 3D à medida que os visitantes rolam pela página, adicionando uma sensação de profundidade e criando uma experiência mais imersiva. O efeito parallax é baseado em uma ilusão de ótica causada pelo fato de que o olho humano considera que os objetos que estão perto são maiores do que os que estão mais afastados. O resultado é que temos a percepção de que os objetos mais distantes movimentam-se mais lentamente do que os que estão próximos.

Esta percepção de que o movimento do plano de fundo é mais lento do que o movimento do primeiro plano já vem sendo usada há bastante tempo em diferentes meios, promovendo um efeito realista. O parallax começou na animação tradicional e até já foi usado no filme Branca de Neve e os Sete Anões da Disney, e em videogames como Super Mário. Com os avanços em CSS e HTML, os efeitos parallax evoluíram posteriormente, para o mundo do web design como o conhecemos hoje.

O efeito parallax de rolagem surgiu como uma das principais tendências do web design em 2011. Muitas modas já apareceram e desapareceram na Internet, mas a rolagem parallax parece ter conseguido estabelecer-se como uma peça de design que veio para ficar.

Tome como exemplo o jogo do Super Mario, onde há vários objetos e imagens se movendo ao fundo. Você pode visualizar árvores, nuvens, o sol e muito outros detalhes, e por incrível que pareça eles estão no mesmo plano, porém nosso cérebro interpreta como se fossem camadas diferentes. Entendeu? Se ainda não, veja um exemplo diferente. Jogos em que o cenário se movimenta e os personagens (ou objetos principais) ficam estáticos — ou melhor dizendo, no centro da tela — são os que mais exibem este efeito. TopGear mostra claramente isso, pois o carro ficava quase parado e o cenário dava a impressão de movimento por trazer vários objetos para perto da tela em velocidades diferentes do carro. Veja abaixo um vídeo do Mario, onde o Parallax é visível em quase toda cena.

Agora que você já sabe o que é Parallax, talvez seja interessante conferir alguns jogos do Mario ou de outros estilos para relembrar dos bons tempos e de quebra poder conferir o efeito parallax na íntegra.