Efeito puff de fumaça | jQuery plugin

Categoria: Plugin em 27/05/2009 | 3 Opa :)

O site Gaya Design mudou se visual e achava que faltava alguma coisa para dar um “tchan” a mais, este efeito foi conquistado com a imagem de umas fabricasinha soltando fumaça, o público ao ver este efeito começaram a perguntar ao autor como ele fez foi então que seu autor desenvolveu o plugin puffing smoke que é nada mais nada menos um plugin do jquery que gera um efeito do tipo de nuvens de fumaça de fábricas (aqueles de joguinhos). Em seus exemplos ele também faz o mesmo a imagem do Mario e com o logo do WordPress.

Seu uso é fácil e simples como:

SmokeEffect.imgLocation = "http://www.gayadesign.com/wp-content/themes/gdblocked/images/smoke.png";
SmokeEffect.smokeWidth = 80;
SmokeEffect.smokeHeight = 45;

De uma olhada lá.

Site | Demo

3 marcas, uhull to “Efeito puff de fumaça | jQuery plugin”

Juarez P. A. Filho disse:

7 de junho de 2009 às 19:41

Fala Ruan,

Muito bacana esse efeito… Já pensei em um monte de coisa para fazer com ele por aqui. heheeh Ainda bem que o cara fez um plugin para facilitar a vida da gente.
Valeu pela dica!

Responder
Daniela Mendes disse:

22 de julho de 2009 às 12:04

Olá,
Achei muito legal esse efeito, mas não consegui aplicá-lo na minha página.
Poderia colocar um exemplo do html?

Responder
Ruan Carlos disse:

22 de julho de 2009 às 12:55

Olá Daniela.

O que você gostaria de fazer?

Conhece nosso grupo de jQuery? http://groups.google.com/group/jquery-br/ entra lá, te garanto que o pessoal vai ter o maior prazer de te ajudar no que for necessário rsrs.

Mais de uma olhada no font desta demo:

http://www.gayadesign.com/scripts/smokeeffect/

Ele tem bem certinho como faz.

Responder