Sceelix lança demo WebGL do seu motor procedimental

A Sceelix é uma startup nacional que desenvolve um motor procedimental capaz de gerar cidades inteiras num só clique (e muito mais) mas agora coloca a sua tecnologia ao alcance de todos com uma demo em WebGL que corre no browser e nos permite criar uma cidade ao nosso gosto.

Unity a caminho da web via WebGL

A criação de programas e jogos é actualmente uma dor de cabeça. Quem quiser chegar a todas as pessoas tem que considerar cerca de uma dezena (ou mais) de diferentes plataformas: começando pelo Windows, OS X, Linux, e passando por outras como iOS, Android, as diferentes PlayStations, Xbox e Nintendos, e sabe-se lá que mais. Pelo menos para os jogos, o Unity quer tornar-se numa ferramenta universal... usando a web.

Música electrónica visualizada em WebGL 3D

Longe vão os tempos em que ouvir uma música era acompanhada pela abertura da capa de um duplo álbum LP em vinil, cheio de informação sobre o que se estava a ouvir - ou mais tarde pelos pequenos "livrinhos" nas caixas dos CDs. Hoje em dia temos direito a coisas mais visuais, como é o caso do último álbum do duo George and Jonathan, que não só nos oferecem a sua música gratuitamente como nos permitem vê-la nos nossos browsers, na íntegra, em 3D usando WebGL.

Unity chega ao Firefox via asm.js e WebGL

Se no outro dia vimos o Unreal Engine 4 a correr no Firefox, agora é a vez de a ele se juntar mais um dos mais populares motores de jogos: o Unity.

Google cria mundo LEGO virtual no Chrome

Se frequentemente se deparam com o desejo de construir algo com LEGO mas não têm as peças suficientes (ou tão pouco a vontade de canibalizar algumas das vossas construções actuais para reciclá-las) o Google propõe-nos agora uma solução interessante com um novo projecto que combina o Chrome e os LEGO.

Transforma-te em Fumo com o Chrome

Não deixo de ficar surpreendido com que hoje se pode fazer dentro de um browser, usando Javascript e tecnologias como o WebGL. Este Smoke & Mirrors utiliza a tua webcam para te transportar para um mundo surreal onde qualquer movimento é transformado numa chuva de partículas.

Famo.us - Interfaces 3D em WebGL e Javascript

A tecnologia que temos ao nosso alcance vai transformando a forma como interagimos com as coisas; e se em tempos foi revolucionário adicionar um dispositivo apontador a um computador, para que se pudesse movimentar um pequeno ponteiro e movimentar janelas com diferentes apps e clicar em icons... hoje em dia as exigências são outras.

miniPaint - um "Photoshop" em HTML5

Sistemas como o ChromeOS, que fazem do Chrome a janela de trabalho, obrigam-nos a repensar a forma como se fazem algumas coisas. Uma delas é a edição de imagem, que deixa de ficar a cargo de programas instalados no sistema e passa a dar uso a sites de edição de imagem. Habitualmente recorro ao Sumo Paint para essa função, mas começam a surgir cada vez mais alternativas que dispensam o uso do Flash para nos disponibilizar um "PhotoShop" gratuito na web.

Catedral Francesa em WebGL

Tempos houve em que para se fazer algo tão simples como um slideshow de imagens a mudar numa página web era necessário recorrer ao Flash. Agora, as coisas são bem diferentes, como poderão ver neste Chrome Experiment: The Cathedral.

Internet Explorer 11 terá WebGL?

Já estamos habituados a ver a Microsoft a pegar nos standards existentes, e em vez de os seguir... optar por implementar as suas próprias versões. Com o WebGL, a Microsoft rapidamente se apressou a dizer que eram um risco de segurança (o que não deixa de ser estranho, considerando que nos trouxeram os ActiveX no IE). Mas agora, parece que estão a reconsiderar a questão, e o Internet Explorer 11 tem indícios de poder vir a suportar webGL.

O WebGL é uma tecnologia que facilita a criação de gráficos 3D dentro da janela do browser (ao estilo do que o OpenGL faz "fora do browser"), e que para além das inúmeras demonstrações que vão explorando as suas capacidades, já começa a ser utilizado em coisas práticas do dia a dia - como o Google Maps, que tem uma versão experimental em WebGL que permite maiores funcionalidades, como as rotações dos mapas em 3D, etc.

Ainda há poucos dias vos trouxe também o Unreal 3 a correr num browser, em javascript e WebGL, e isso poderá ser também factor de pressão para que a MS não queira ficar de fora, com um browser que não seja capaz de fazer o que os outros fazem - e ao invés optar por continuar a apostar em tecnologias proprietárias (como o Silverlight) que tal como o Flash, comecem a ficar em desuso - também por culpa da transição para os browsers mobiles, em smartphones e tablets, e que melhor lidam com tecnologias web standard.

Quanto a mim, todos temos a ganhar que os principais fabricantes optem por seguir standards... "standard"!

Crypt WebGL Demo

Penso que já poucos pensarão que o WebGL dentro dos browsers é algo apenas adequado a gráficos simplistas idênticos aos que se tinham nos computadores de há uma década atrás. Aliás, já temos trazido vários exemplos que demonstram que não é bem assim... e hoje temos mais um para vos mostrar.

Este Crypt mostra como começa a ser "simples" criar ambientes 3D imersivos dentro dos nossos browsers, com qualidade gráfica que nada fica a dever aos jogos 3D nativos.

Não admira que a Mozilla esteja interessada em demonstrar as capacidades do seu Firefox nesta área, embora aquilo que mais se espera deste tipo de tecnologia, é exactamente a possibilidade destas coisas poderem correr em qualquer browser que suporte este standard, assim abrindo caminho para jogos verdadeiramente universais que possam correr em toda e qualquer plataforma, desde que se tenha um browser decente

WebGL chega ao Chrome Beta para Android

Se gostam de tirar o máximo partido do vosso browser mobile, vão gostar de saber que o Google finalmente simplificou a vida a quem quiser activar o WebGL no Chrome (beta) para Android.

Esta funcionalidade, já disponível há muito na versão para desktop (desde que tenham uma placa gráfica decente), começará agora a mostrar o que vale também nos Android - e para o testarem, nada como visitarem a página do WebGL ou, mais provavelmente, a versão do Quake 3 em WebGL que podem jogar no vosso browser. :)

Para activarem o WebGL no vosso Chrome Beta para Android, têm apenas que escrever no endereço o URL de acesso às flags de configuração "chrome://flags/" e depois activarem a função WebGL (e reiniciarem o browser). Anteriormente, tal apenas era possível com acesso root e ou APKs "hackados". Se o Google já tornou a opção mais fácil de activar, é de imaginar que não falte muito para que possa vir activada de origem, e passar à versão normal do Chrome.

Blast - Sound Video Mixer em WebGL

Confesso que nem sei bem por onde começar a tentar explicar este Blast - que é mais uma das muitas e excelentes Chrome Experiment que leva as capacidades dos browsers aos limites.

Aqui estamos perante uma autêntica mesa de mistura sonora e visual, que bem poderia ser posta em uso para animar qualquer festa numa qualquer discoteca high-tech - e que ainda mais se adequaria a isso pelo facto de se poder usar um iPad como controlador de toda esta experiência.

Isto é... em vez de simplesmente estarem a ver a "demo" a correr, ou controlarem-na de forma "tosca" através das teclas de cursor e da barra de espaços - podem transformar o vosso iPad em ecrã secundário que serve como controlador. Sempre sem esquecer que tudo isto se passa sem que seja necessário instalar qualquer tipo de software, e que tudo decorre em tempo real e através da web!

É verdadeiramente espectacular, e que serve de percursor ao tipo de coisas que se poderão fazer (e já se podem fazer) na internet. Estão a imaginar o que seria um programa estilo Photoshop, ou de edição de vídeo, a correr dentro do browser - e a podermos usar tablets, smartphones, e demais dispositivos como equipamentos de controlo secundários/terciários/etc? Eu estou! Agora só falta alguém concretizar a ideia.

Visualização da Venda de Armas no Chrome

No seguimento da rubrica que visa dar a conhecer o que é possível fazer-se com WebGL e demais tecnologias gráficas avançadas que actualmente podemos ver dentro da página de um browser como o Chrome, hoje trago-vos um exemplo que permite visualizar o mercado da venda de armas entre diversos países, exibida num globo em 3D com efeitos muito bem conseguidos.

Infelizmente, neste caso não conseguir encontrar nenhum página dedicada ao "making-of" que  nos revelasse um pouco daquilo que foi usado para criar estes efeitos. Mas... pode sempre servir de inspiração para um qualquer projecto que possa usar técnicas idênticas no futuro.

... Quanto a mim, seria muito mais interessante visualizar o tráfego de dados entre os diferentes países com uma visualização deste tipo, para vermos quem é que anda a "gastar mais internet"! :)

Gráficos 3D em Javascript com three.js

Se espreitarem exemplos de demonstrações WebGL em 3D a correr no vosso browser, frequentemente encontrarão a referência a um tal de three.js. O que se passa é que fazer a gestão de conteúdos 3D em javascript a partir do "nada" é - como em qualquer outra linguagem de programação - bastante trabalhoso. Assim este three.js é um "3D engine" que simplifica a criação de objectos e cenas em 3D, e que pode utilizar WebGL, SVG, ou o elemento Canvas como ecrã de saida.

Fazer um tutorial sobre criação de objectos e cenas em 3D é algo que fica um pouco para além do âmbito aqui do Aberto até de Madrugada. Mas... para os interessados, não será difícil encontrar inúmeros tutoriais a um googlanço de distância, ou começar por estes aqui.

E o mais interessante é que podem chegar a um exemplo como este:

E simplesmente fazerem o "view source" no vosso browser, para poderem analisar em detalhe como é que tudo foi feito. Mas... claro que não precisam limitar-se a exemplos tão básicos... e não faltam exemplos que melhor demonstram as potencialidades do WebGL e do three.js.

Criar cenários interactivos em 3D, mesmo sem recorrer a linguagens como o Processing, é mais fácil que nunca graças a projectos como este.

Carros em 3D em WebGL

Se pensam que os gráficos WebGL 3D que podem ver no vosso browser se limitam a coisas com pouca qualidade... talvez queiram espreitar este visualizador de automóveis em 3D, com diversos modelos à escolha e onde podem movimentar-se livremente e alterar a cor do veículo.

Aqui, a parte mais interessante será provavelmente a parte das sombras e reflexos, que dá maior realismo a tudo (reflexos que são visíveis não só nos vidros como no próprio automóvel, com as distorções adequadas.


Agora era só aplicar estes modelos num jogo como o HexGL... e tinhamos um jogo de corridas automóveis "cheio de estilo" a correr no browser. ;)

Boids and Buildings - WebGL Demo

Mais uma excelente demo para demonstrar as capacidades dos browsers modernos - e neste caso do Chrome (embora imagine que também funcione em outros). Neste Boids and Buildings estamos perante uma cidade 3D que é gerada aleatoriamente, e pela qual vamos "voar" acompanhando um bando de pássaros digitais, e com um efeito de "grão" que lhe dá uma textura visual bastante interessante.

O seu criador explica-nos como criou esta demo 3D, desde a parte da inspiração à parte da implementação  - e de que forma ultrapassou alguns dos problemas que encontrou.

... Não consigo deixar de ficar surpreendido com o que actualmente se pode fazer usando javascript dentro de um browser - quando me lembro as complicações que era, há alguns (muitos?) anos atrás tentar fazer alguma coisa que envolvesse 3D e OpenGL... :)

Chrome mais Amigo dos Jogos com Pointer Lock

O Google actualizou o Chrome, que agora fica ainda mais amigo dos jogos na web que tirem partido das mais recentes tecnologias (como o WebGL, Web Audio, WebSockets, modo FullScreen, controladores Gamepad, etc.)

A novidade mais recente é o Pointer Lock JavaScript API (também chamado de Mouse Lock). Com esta funcionalidade, as web apps podem ter acesso directo aos dados do ponteiro do rato, algo que se torna essencial para o controlo de jogos (e não só). Se já tiverem actualizado o vosso Chrome, ou estiverem a usar outro browser que suporte esta funcionalidade, podem testá-la neste jogo FPS 3D.

Para os que estiverem preocupados com a possibilidade de o vosso browser se apoderar do vosso ponteiro do rato de forma abusiva, podem ficar descansados pois, não só isso requer que dêem permissão para tal, como também poderão carregar na tecla ESC a qualquer momento para voltar a ter o controlo total do rato.

Firefox 15 Corta na Memória e Acelera no 3D

A Mozilla tem feito um esforço enorme para resolver alguns dos problemas recorrentes do Firefox e torná-lo cada vez mais rápido... E esses esforços começam a fazer-se sentir.

Para começar, o Firefox poderá ter finalmente resolvido de forma definitiva o uso excessivo de memória; onde para além das inúmeras correcções que foram feitas, se implementou um novo sistema que ajudará a recuperar a memória incorrectamente ocupada por add-ons mal programados.

Para além disso, o Firefox promete ser ainda mais rápido, tanto no javascript como no WebGL, e permitindo fazer coisas como este jogo FPS.

Também resolvido parece estar a questão das actualizações "incomodativas", com o novo Firefox 15 a dar uso a um sistema de actualizações silenciosas, que prometem não incomodar os utilizadores.

E para os utilizadores Android... também há uma nova versão do Firefox no Google Play, com bastantes novidades.

WebGL para iOS

Já temos visto bastantes exemplos das capacidades do WebGL, que permitem criar gráficos 3D de alta qualidade dentro de uma janela do browser, à semelhança do que o OpenGL permite fazer em programas nativos.

Infelizmente, no caso dos iPads e iPhones, essa funcionalidade não vem activada de origem - algo que se torna ainda mais caricato uma vez que está disponível desde o iOS 4.2... mas reservada apenas para o uso dos iAds da Apple! (Terá a Apple medo do que se poderá criar com Web Apps WebGL, fora do controlo da sua App Store?)

Mas, para quem tiver feito jailbreak há agora solução, graças a este webglenabler, que activa o WebGL no Safari e todas as Web Views, e que está disponível pelo preço que quiserem pagar... (ou gratuitamente, caso prefiram não pagar).