Quem não gosta dos Marretas? (Muppets)
O Google certamente gosta, e apresentou um doodle comemorativo do 75º aniversário de Jim Henson.
De acordo com o site Devlup, este doodle interactivo foi criado em parceria com a empresa de Jim Henson e apresenta 5 personagens, cada uma delas representando uma das letras da palavra Google.
Clicando no botão em baixo de cada uma das personagens, a mesma é activada e podemos interagir com a mesma, sendo que movendo o rato pelo ecrã essa mesma personagem nos segue com o olhar. Se o botão do rato estiver premido, a personagem abre a boca.
Cada uma das personagens é uma DIV contendo uma imagem que muda de posição conforme as coordenadas do rato na página. Estas imagens são conhecidas como CSS Sprites.
Vejamos cada uma dessas imagens. Clique nas mesmas para as ver em tamanho real.
Existem ainda escondidos neste doodle alguns easter eggs, como é o exemplo da personagem que representa a letra “e” comer a personagem que representa a letra “l”.
http://www.dicasinternet.com/wp-content/uploads/2011/09/henson11-hp-6ea.png
Veja mais detalhes e o código Javascript utilizado no site Devlup.
O Google certamente gosta, e apresentou um doodle comemorativo do 75º aniversário de Jim Henson.
De acordo com o site Devlup, este doodle interactivo foi criado em parceria com a empresa de Jim Henson e apresenta 5 personagens, cada uma delas representando uma das letras da palavra Google.
Clicando no botão em baixo de cada uma das personagens, a mesma é activada e podemos interagir com a mesma, sendo que movendo o rato pelo ecrã essa mesma personagem nos segue com o olhar. Se o botão do rato estiver premido, a personagem abre a boca.
Cada uma das personagens é uma DIV contendo uma imagem que muda de posição conforme as coordenadas do rato na página. Estas imagens são conhecidas como CSS Sprites.
Vejamos cada uma dessas imagens. Clique nas mesmas para as ver em tamanho real.
Existem ainda escondidos neste doodle alguns easter eggs, como é o exemplo da personagem que representa a letra “e” comer a personagem que representa a letra “l”.
http://www.dicasinternet.com/wp-content/uploads/2011/09/henson11-hp-6ea.png
Veja mais detalhes e o código Javascript utilizado no site Devlup.
