Crie Objetos 3D Interativos utilizando Imagens e jQuery

Please log in or register to like posts.
News
jQuery Interactive 3D

Criar elementos e objetos 3D pode parecer algo sem muita importância no desenvolvimento de sites de conteúdo, mas não se engane, muito em breve você terá que utilizar este recurso em algum projeto que exija interações avançadas com os usuários.

Imagine criar um Hotsite para demonstrar novos modelos de smartphones e utilizar apenas imagens estáticas e sem nenhum tipo de interatividade. Chato demais, certo? Mas, e se fosse possível disponibilizar o aparelho em formato 3D para os consumidores visualizarem todos os seus detalhes? Ai sim seria legal!

Gostou? Então continue lendo pois você irá conhecer uma solução completa e muito fácil de ser utilizada para trabalhar com objetos 3D em qualquer tipo de página HTML.

jQuery Interactive 3D – Conteúdos mais ricos

jQuery Interactive 3D
Objetos Interativos

jQuery Interactive 3D é um plugin jQuery para criação de objetos 3D interativos utilizando apenas imagens. Seu uso é muito simples e a sua implementação é muito fácil, basta seguir alguns passos simples e pronto, tudo estará rodando perfeitamente.

Para criar o 3D é importante que você salve as imagens como frames, ou seja, quadro a quadro, desta forma o usuário poderá visualizar todos os ângulos disponíveis e com isso interagir com o que esta sendo mostrado ou apresentado na tela.

O jQuery Interactive 3D é compatível com os navegadores mais modernos, como o FireFox, Google Chrome e Safari. Infelizmente no Internet Explorer não foi possível realizar todos os testes que gostaríamos, mas na teoria nada impede que ele rode.

Vale lembrar que o plugin também é compatível com browsers mobile, ou seja, você poderá criar objetos 3D interativos compatíveis com Android e iOS.

Download jQuery Interactive 3D

jQuery Interactive 3D

O plugin jQuery Interactive 3D pode ser baixado e utilizado livremente sem nenhum tipo de restrição. Não deixe de conferir a documentação oficial para conseguir utiliza-lo.

Confira estes links:

[ul type=”arrow-bold”] Site Oficial jQuery Interactive 3D [/ul] [ul type=”arrow-bold”] GitHub jQuery Interactive 3D [/ul]

Gostou? Curtiu? Compartilhe nosso conteúdo para podermos continuar no ar com o nosso trabalho 🙂

Curta este artigo :)

Deixe uma resposta