O WebGL é uma das tecnologias possíveis para a web do futuro, onde a Internet não será feita apenas por sites estáticos, mas também por aplicativos 3D interativos . O WebGL é uma tecnologia atualmente promovida pelo Google e Mozilla e que amplia a capacidade do Javascript de gerar gráficos 3D sem nenhum plug-in. Nesta vitrine, vemos os 30 melhores sites experimentais desenvolvidos com o WebGL que são todos para clicar e ver, porque, em muitos casos, são espetaculares !
Para abrir esses sites, é necessário o navegador Google Chrome ou a versão mais recente do Firefox ou Safari ; no momento eles não estão visíveis no Internet Explorer.
Cada um desses sites, depois de abri-los, vale a pena vê-los em tela cheia pressionando a tecla F11 no teclado.
Leia também: Melhores sites em flash e HTML5, os mais bonitos, animados e interativos
1) vídeos interativos
- 3 Dreams Of Black é um mundo virtual construído a partir de desenhos e animações que se entrelaçam em sequências 3D interativas.
- O aquário é um aquário real, onde é simulado um ambiente subaquático. A demonstração oferece modelos de peixes 3D com texturas, animações, pixel shaders de alta qualidade e tudo o que você precisa para tornar a imagem absolutamente realista. No menu esquerdo, você pode mudar a câmera e aumentar o número de peixes.
- Attractors Trip é uma demonstração interativa onde você pode experimentar uma viagem no hiperespaço em 3D. Você pode acelerar com as setas do teclado para cima e para baixo e alterar a rotação com a esquerda e a direita.
- A água- viva é a água-viva reproduzida de maneira científica e realista.
- Wobble Dance é um belo vídeo em que um rosto se move com uma música muito perturbadora.
- O Cirque De Soleil, que dança e canta em um vídeo interativo, é uma "Experiência do Chrome" promovida pelo Google.
- O vídeo do filme O Grande e Poderoso Mágico de Oz foi um aplicativo interativo em HTML5, em italiano, desenvolvido pela Disney e pelo Google.
2) carros Três belos sites são dedicados aos amantes de carros de corrida e da Ferrari de Fórmula 1.
- No HelloRacer, você pode dirigir uma Ferrari reproduzida fielmente em 3D, usando as setas e seguir seu movimento como em um videogame.
- Outro site 3D também é dedicado aos carros: Material Cars, onde os modelos dos carros Lamborghini Gallardo, Bugatti Veyron, Ferrari F50 e Chevrolet Camaro são reproduzidos e você também pode escolher a cor.
- O terceiro site é o WebGL Cars, onde é possível dirigir dois carros de corrida visualizados em 3D com ângulos diferentes. Uma máquina é acionada por setas e a outra por teclas WASD; pressionar B coloca o efeito de velocidade enquanto com N você pode definir a visão noturna.
3) Criação
- Impressora de colecionáveis é um aplicativo da web onde você pode criar uma figura humana em 3D através de um editor simples.
Não há dúvida de que o WebGL pode ser usado para desenvolver aplicativos da Web, e este 3D Figure Designer fará você sorrir com seus componentes divertidos e uma experiência de usuário suave.
No final, você pode compartilhar sua criação com um link.
- O Google Web Lab é um conjunto de experimentos on-line entre os quais, o melhor é o da orquestra, onde você pode tocar um seqüenciador interativo. Está diretamente conectado ao London Science Museum. Há também o Data Tracer para procurar imagens no mundo, o Teleporter, para ver webcams em outros países e o Sketchbots para ver seu rosto desenhado.
- Sketch é um quadro negro onde você pode desenhar com o mouse; cada projeto pode ser girado em 360 graus.
Outros sites interessantes de criação estão no artigo Criando arte abstrata, pinturas e desenhos na internet
4) Jogos online no WebGL - Pacman com uma visão subjetiva O FPS é maravilhoso, é o jogo Pac Man em 3D que mesmo no Playstation nunca foi lançado!
TankWorld é um jogo de tiro com mapas diferentes para explorar e diferentes níveis para jogar.
- Playmapscube é o jogo em que você pode rolar uma bola para um cubo do Google Maps que mencionei alguns meses atrás, no artigo sobre jogos baseados no Google Maps, ambientado no mundo real.
5) Manipulação de fotos - Rutt-Etra-Izer é um aplicativo da web onde você pode fazer upload de uma foto e visualizá-la em 3D com um efeito muito particular. Para salvar a imagem, você pode pressionar a tecla S enquanto, à direita, pode personalizar a exibição movendo os vários parâmetros.
- O WebGl Filter é um aplicativo interativo de edição de fotos na web, onde você pode fazer upload de uma foto e mover os vários parâmetros para aplicar diferentes efeitos e editar imagens.
5) Twitter
Ultranoir é um vídeo animado em 3D que se integra ao Twitter.
Você pode especificar uma hashtag, talvez a mais mencionada no Twitter hoje, seja ler os vários Tweets conduzidos por objetos voadores, aviões, naves espaciais, todos temperados com música romântica e uma atmosfera relaxante.
Movendo o mouse e clicando, você pode alterar a exibição.
6) Experiências do Google Chrome é a página de experiências do Google WebGL, incluindo: - BookCase WebGL é uma livraria virtual onde você pode navegar por 10.000 capas de livros do Google Livros.
Você também pode pesquisar por tópico, abrir um modelo 3D e baixar livros no seu celular com o código QR.
Infelizmente, apenas livros escritos em inglês são coletados.
- O Google Gravity é uma ótima maneira de pesquisar no Google, com as partes da página que caem no chão.
O Google Gravity é uma das melhores piadas do Google.
- Pool de bolas onde você pode jogar com bolas.
- O WordFlights permite ver as rotas de todos os principais aviões, filtrando-os por empresa.
- StreetView StereoGraphic é um aplicativo da web em que, por um lado, existe o Google Maps, por outro, o Google StreetView com as ruas vistas como se estivessem dentro de uma bola de cristal.
- Toki Toki é um relógio feito com rolagem de sites.
Por fim, lembro que você também pode ativar os gráficos do WebGL no Google Maps.
