WebGL é uma API JavaScript baseada no conhecido padrão gráfico OpenGL 3D, e dá acesso livre de plugins JavaScript ao hardware gráfico, através do elemento HTML5 canvas. É graças ao WebGL que podemos incluir gráficos 3D em tempo real em páginas web.
Apple estão suportando o padrão também, então podemos (esperançosamente!) esperar vê-lo crescendo no Safari em Macs, iPhones e iPads em algum momento (embora provavelmente não em breve) – e o Opera está testando sua própria versão, então o único problema é a Microsoft.
Então, sente-se, ligue o seu último browser, e veja estas demos – se você acha que pode fazer melhor, vá em frente: há algumas dicas e dicas de como no final.
Pasta
Luz multicolorida e uma interessante aplicação de luz e sombra são colocadas em bom estado nesta dramática avalanche de macarrão em câmera lenta. É estranhamente fascinante.
Apenas um Reflector
Apenas um Reflector é um vídeo musical interactivo criado pela equipa Google Data Arts e pela Unidade 9 para Arcade Fire. Acima está o vídeo do YouTube (não interativo), e você pode acessar a versão interativa aqui.
Nouvelle Vague
A premissa de Nouvelle Vague by ultranoir é relativamente simples: pegue alguns tweets e coloque-os em uma paisagem 3D. Isso, no entanto, não faz justiça a este site em particular. Nouvelle Vague tem todo o tipo de veículos voadores incluindo um biplano, um dirigível e alguns balões. Todos esses modelos brilhantemente realizados – construídos e animados em Blender por artistas e depois importados para a cena WebGL – carregam os tweets e circulam em torno de uma estátua central gigante. É um site muito surreal e muito bem feito.
Chemdoodle: MolGrabber 3D
Como seria de esperar com uma nova tecnologia, há muita gente a usar WebGL para fazer demonstrações fixes, e menos ferramentas reais. Chemdoodle é uma exceção a isso. iChemLabs, uma empresa de visualização científica, reuniu ferramentas para visualizar moléculas em páginas web. Esta página de demonstração permite escolher um dos vários medicamentos e ver uma representação 3D da sua estrutura química no browser.
O Homem Biodigital
Cuidado com o tema médico, temos o Homem 3D da BioDigital Systems. Queres ver o esqueleto e o sistema sanguíneo? Basta clicar nos botões. Como ferramenta educacional é fácil ver o potencial – o mapa 3D permite visualizar doenças e tratamentos através da web ou mesmo no seu telemóvel.
FractalLab
Tom Beddard começou sua carreira como físico laser antes de ser seduzido pela engenharia de software, e agora ele é bem conhecido por seus incríveis fractais 3D. FractalLab é a sua criação WebGL, computando tudo que ele mostra em tempo real no seu computador. Beddard incluiu uma explicação detalhada de seus processos e pensamentos.
>
Lubusca
Outra bela cena, mas ligeiramente mais pacífica, vem de Aleksandar Rodic: um mar de medusas flutuantes, tudo simulado no seu computador. Além disso, não perca o vídeo que ele fez mostrando uma versão (infelizmente não pública) que é controlável por um Kinect!
CycleBlob
Uma nova reviravolta num jogo de aspecto familiar é o CycleBlob de Shy Shalom, baseado na cena dos lightcycles do TRON. Experimente para ver se você pode aplicar suas habilidades Snake em superfícies 3D cada vez mais complexas.
Página seguinte: 6 exemplos mais incríveis de WebGL