Paisagens 3D, dinâmicas, com webgl no navegador

Postado em

Você gosta do mundo 3D? Tem vontade de aprender a trabalhar conteúdo multimídia usando essa tecnologia? Então, vale a pena acessar essa página, onde poderá ver um exemplo do que se pode fazer com three.js, uma biblioteca de JS que permite fazer verdadeiras maravilhas em três dimensões, usando, neste caso, funções especialmente desenhadas para a construção de terreno de forma dinâmica, com o código disponível em github.

Three.js é uma biblioteca muito conhecida entre os programadores de 3D na web, usando HTML5 para gerar conteúdo multimídia. Não se limita a WebGL, também trabalha com Canvas (2D) e SVG, com uma grande quantidade de exemplos em threejs.org.

Esta biblioteca tem vários tutoriais na Internet para fazer animações, incluir iluminação, construir formas… podendo encontrar um tutorial muito completo em code.tutsplus.com para ir começando, porém, se o que quer é ver alguns exemplos do que pode se fazer e desfrutar com os navegadores modernos, comece pela paisagem que linkamos anteriormente.

Uma vez aberta, verá vários pássaros sobrevoando umas colinas. Se clicar “n” verá como podemos passar do dia à noite. e se clicar “m” verá como o terreno se move a medida que passa o tempo.

Com música de fundo e texturas espectaculares, não há melhor forma de se inspirar antes de começar a programar.