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.

Publicado por Ivanilton Quinto

Empresário viciado em tecnologia, Ivanilton Quinto adora desenvolver e brincar com soluções que tenham o poder de facilitar nossa rotina digital!

4 opinaram!

Deixe sua opinião!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Cientistas conseguem reproduzir imagens do cérebro

o11s: Um Projeto Livre para Conectar o Mundo