em

Gravity, um jeito diferente de pesquisar: Aprenda Como

O Gravity do Google é um exemplo divertido de HTML5 que permite ao internauta literalmente brincar com os resultados de suas pesquisas.

Esse efeito na verdade é criado por um aplicativo JavaScript GPL, seu fonte esta disponível no Google Code.

Você pode implementar o efeito gravity em qualquer página HTML em poucos passos:

1- baixe o arquivo gravityscript.rar e extraia o arquivo “gravityscript.js” para uma pasta do seu servidor
(Esse arquivo foi adaptado pelo Ankit a partir do original);

2- Coloque a tag class=”box2d” aos elementos HTML que deseja adicionar o efeito;

3- Agora, logo após os elementos que receberão o gravity inclua no seu código os scripts: Google API e gravityscript.js, como no exemplo abaixo (exatamente nessa ordem):

<script src=”http://www.google.com/uds/api?file=uds.js&v=0.1″ type=”text/javascript”></script>
<script src=”http://exemplo.com.br/gravityscript.js”></script>

Veja nosso exemplo online  aqui.

Gostou dessa matéria?

Inscreva seu email para receber atualizações com as últimas publicações do nosso blog.

4 opinaram!

Deixe sua opinião!

Deixe o seu comentário: