X3DOM E WEBGL: O 3D INDEPENDENTE NA WEB

Transcrição

1 X3DOM E WEBGL: O 3D INDEPENDENTE NA WEB Augusto Francisco Ferbonink¹, Willian Barbosa Magalhães 1 Universidade Paranaense (UNIPAR) Paranavaí PR Brasil [email protected] wmagalhã[email protected] Resumo. Este trabalho apresenta a descrição sobre x3dom e WebGL, que são tecnologias utilizadas para a renderização de objetos 3D em navegadores web, tendo como objetivo apresentar um estudo sobre suas estruturas e a forma de interação entre tecnologia-navegador, estabelecendo uma como principal destaque no mercado de 3D na web atual e futuro, utilizando artigos, livros e informações publicadas na web por importantes instituições de ensino e empresas de desenvolvimento 3D. Após o estudo chegou-se à conclusão que a WebGL tem se sobressaído em relação ao x3dom, tornando-se uma grande tendência a liderança no mercado 3D voltado para a Web. 1. Introdução A internet é a tecnologia que mais tem crescido no mundo nos dias atuais, e tem se tornado mais acessível aos mais diversos públicos. De acordo com o IBOPE, em uma pesquisa realizada no segundo trimestre de 2013, revelou que o número de usuários da grande rede de computadores aumentou 10,8 milhões em relação ao segundo trimestre do ano anterior. Essa enorme gama de usuários da internet leva aos desenvolvedores de outras tecnologias, como o 3D, a utilizarem os navegadores web como meio de intermediação entre usuário e aplicação. O 3D é uma tecnologia que consiste em exibir objetos, cenas e cenários virtuais em três dimensões, reproduzindo uma percepção de um mundo real. Esta tecnologia já utiliza os navegadores web como forma de interação com seus usuários em diversas áreas de aplicação, como em games e apresentações online. Ao longo dos últimos anos surgiram várias ferramentas que, instaladas nos navegadores, possibilitam a reprodução do 3D. No entanto, essas ferramentas podem afetar a aparência do objeto quando reproduzido em navegadores distintos, comprometendo a qualidade da renderização, além do fato de causar transtornos aos usuários, como as frequentes atualizações das mesmas. A fim de solucionar estes problemas, assim como transformar os navegadores web independentes de plug-ins, algumas tecnologias alternativas foram criadas, como o x3dom e a WebGL. Este artigo objetiva-se a esclarecer o que são essas tecnologias e como elas são interpretadas pelos navegadores, a fim de chegar a uma conclusão sobre qual se destaca em relação ao mercado 3D atual e futuro.

2 2. Metodologia Para a realização deste trabalho foi realizado uma revisão bibliográfica em conteúdo disponível na web, em web sites de empresas e instituições cujo as informações obtidas são de total confiança. 3. Desenvolvimento 3.1 x3dom x3dom É um framework baseado na linguagem X3D desenvolvida pela comunidade W3DC (Web 3D Consortium) que permite visualização de objetos, cenas e aplicações 3D [X3dom, S.d]. É uma linguagem para o desenvolvimento de conteúdo 3D em páginas HTML5 integrando uma cena X3D com o HTML, a cena X3D é representada como um elemento DOM do HTML, não é necessário o uso de nenhum plug-in para a renderização [Lemos, S.d] X3D O X3D (extensible 3D), surgiu nos anos 2000 como uma nova extensão do VRML97, antigo padrão para desenvolvimento 3D na Web. [Quintella, 2010]. Combinando geometria e descrições de comportamentos instantâneos em um arquivo estendido a vários formatos, incluindo o XML (Extensible Markup Language). De acordo com dados obtidos da Divisão de Bibliotecas e Documentação - PUC- Rio, suas principais funcionalidades são: Gráficos 3D: Geometria poligonal, geometria paramétrica, transformações hierárquicas, iluminação, materiais e mapeamento de textura; Gráficos 2D: Texto, vetor 2D e formas planares desenhadas sobre transformações 3D hierárquicas; Animações: Timers e interpoladores para lidar com animações contínuas; Interação com o usuário por meio de mouse e teclado; Navegação: Câmeras, movimento do usuário na cena 3D, detecção de colisão, proximidade e visibilidade; Rede: Habilidade de compor uma cena 3D por meio de recursos localizados em outros pontos na rede, hiperelos para objetos de outras cenas ou recursos na web; Objetos definido pelo usuário: habilidade de estender as funcionalidades do exibidor X3D por meio da criação de tipos de dados definidos pelo usuário (PROTOS); Extensão por meio de scripts: É possível a alteração da cena dinamicamente por meio de linguagens de programação imperativas, de sistema ou de script; Simulação física: Animação de humanoides, dados geoespaciais, integração com protocolos de Simulação Interativa Distribuída (DIS) Como os Navegadores Interpretam o código x3dom O código deve ser inserido dentro das tags<x3d></x3d>, no corpo do código HTML, porém, elas não são reconhecidas como tags nativas do hmtl5, sendo necessária a importação de referências no cabeçalho do código HTML. A figura 1 apresenta as importações necessárias para o reconhecimento do x3dom:

3 Figura 1: Importações necessárias para o reconhecimento do x3dom no HTML5 3.2 WEBGL WebGL é uma API gráfica de baixo nível definida como padrão 3D para a web pela W3C, aproveita todo o poder do hardware do computador usando JavaScript. Ela possibilita a renderização de gráficos 3D nos navegadores sem a necessidade de plugins [Parisi, 2014] Na descrição fornecida no web site oficial do grupo Khronos (grupo que desenvolve e mantem a API) diz que WebGL é uma api muiltiplataforma de livre uso e acesso baseado na biblioteca do OpenGL ES (embarked systems) na versão 2.0 para a web com um contexto de desenho 3D de baixo nível para ser implantado dentro do HTML. Utiliza a linguagem de sombreamento GLSL (GL Shading Language) ES, podendo ser usando sozinha ou com outros conteúdos da Web em qualquer lugar da página. Ideal para aplicações web dinâmicas em 3D que utilizam javascript e será totalmente integrada nos principais navegadores. Parisi (2014) analisou essa descrição, e dela retirou várias ideias que podem ser utilizadas entender melhor o que é WebGL e como é estruturada e organizou-as em tópicos: WebGL é uma API: WebGL é acessado exclusivamente através de um conjunto de interfaces de programação JavaScript; não há tags explicativas como há com o HTML. Renderização 3D em WebGL é comparado ao desenho 2D usando o elemento Canvas, em que tudo é feito por meio de chamadas de API de JavaScript. Na verdade, o acesso a WebGL é fornecido usando o elemento Canvas existente e obter um contexto de desenho especial específico para WebGL. WebGL é baseada em OpenGL ES 2.0: OpenGL ES é uma adaptação do 3D estabelecido há muito tempo de renderização do OpenGL padrão. O "ES" significa "sistemas embarcados", o que significa que foi adaptado para o uso em dispositivos de computação pequenas, principalmente celulares e tablets. OpenGL ES é a API que os iphones, ipads, celulares Android e tablets Android utilizam para renderizar gráficos 3D. Os designers da WebGL sentiram que, baseando a API em dimensões reduzidas do OpenGL ES, seria mais viável para distribuir uma API 3D cross-plataform (multiplataforma), cross-browser (multi-navegadores) consistente para a web. WebGL combinada com outros conteúdos da web. WebGL pode estar em qualquer lugar ou lugares da página. O Canvas 3D pode pegar apenas uma parte da página, ou a página inteira. Ele pode residir dentro das tags <div>. Isso significa que você desenvolve seus gráficos 3D usando WebGL, mas todos os seus outros elementos são construídos usando componentes do HTML.

4 WebGL é construído para aplicações web dinâmicas. WebGL foi criado com a distribuição para a web em mente. WebGL é baseada em OpenGL ES, mas foi adaptada com características específicas que se integram bem com navegadores web, o trabalho com a linguagem JavaScript, e são amigáveis para web. WebGL é multi-plataforma. WebGL é capaz de rodar em qualquer sistema operacional, em dispositivos que vão desde telefones e tablets a computadores desktop. WebGL é livre de royalties. Como todas as especificações da web abertas, WebGL é livre para usar. É uma gratuita. A WebGL utiliza o elemento canvas do HTML5, que por sua vez é nativo da linguagem, não sendo necessária a importações de bibliotecas externas para reconhecer a linguagem, sendo obrigatório apenas obter o contexto de desenho dentro do corpo do código HTML5, referenciando a API WebGL. A figura 2 apresenta um método que obtém o contexto desenho WebGL. Figura 2: Obter contexto de desenho WebGL 4. Considerações Finais O x3dom se destaca pela facilidade de desenvolvimento, pois, traz com ele uma linguagem mais simples e mais madura, em contrapartida, seus métodos de conversão de objetos 3D em diversos formatos para o x3dom, são limitados em relação ao métodos encontrados para a conversão desses objetos para WebGL. A WebGL por se tratar de uma linguagem de mais baixo nível, se torna muito complexa para desenvolvedores iniciantes, porém, já traz consigo várias bibliotecas e toolkits para o auxílio no desenvolvimento, e mesmo sendo uma técnica nova, já é utilizada em inúmeras aplicações web. Por esses motivos, conclui-se que a WebGL se sobressai em relação ao x3dom, se tornando uma grande tendência a liderança no mercado de desenvolvimento 3D para web. 5. Referências Bibliográficas QUINTELLA, F., et al. DWeb3D: Um toolkit para facilitar a criação e manipulação de cenas 3D em X3D. Disponível em: < > Acesso em: 18 ago PUC-RJ Principais Funcionalidades do X3D. Disponível em < IBOPE Número de pessoas com acesso à internet no Brasil chega a 105 milhões. Disponível em: <

5 X3DOM About X3DOM. Disponível em: < > LEMOS, Marcílio., MACHADO, Liliane. Novas tecnologias para o desenvolvimento de conteúdo 3D para web. Disponível em < Khronos. WebGL. Disponível em < Acesso em: 18 ago PARISI, T. Programming 3D applications with HTML5 and webgl. Sebastopol: O Reilly, p. [e-book]