<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Francisco Prado &#187; webgl</title>
	<atom:link href="http://franciscoprado.com.br/tag/webgl/feed/" rel="self" type="application/rss+xml" />
	<link>http://franciscoprado.com.br</link>
	<description>Mais um blog sobre Web, desenvolvimento e assuntos em geral...</description>
	<lastBuildDate>Sat, 19 May 2012 13:01:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>3D no navegador &#8211; WebGL e JavaScript</title>
		<link>http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/</link>
		<comments>http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 11:43:44 +0000</pubDate>
		<dc:creator>Francisco</dc:creator>
				<category><![CDATA[Colunas]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[games]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[navegador]]></category>
		<category><![CDATA[opengl]]></category>
		<category><![CDATA[webgl]]></category>

		<guid isPermaLink="false">http://franciscoprado.com.br/?p=871</guid>
		<description><![CDATA[Parece lance de futurologia, mas não é. O dia em que poderemos ter games em 3D, navegar por espaços em 3D e outras coisas (que precisem usar 3D) dentro do navegador (sem precisar baixar programas ou plugins) está bem próximo. E sem uso de Flash. Ano passado foi lançado um padrão chamado WebGL. Ainda em ...]]></description>
			<content:encoded><![CDATA[<p>Parece lance de futurologia, mas não é. O dia em que poderemos ter games em 3D, navegar por espaços em 3D e outras coisas (que precisem usar 3D) dentro do navegador (sem precisar baixar programas ou plugins) está bem próximo. E sem uso de <a href="http://pt.wikipedia.org/wiki/Adobe_Flash" target="_blank">Flash</a>.</p>
<p>Ano passado foi lançado um padrão chamado <a href="http://en.wikipedia.org/wiki/WebGL" target="_blank">WebGL</a>. Ainda em desenvolvimento, esta especificação provê a geração de gráficos 3D dentro de navegadores Web. <span id="more-871"></span>Mas ele não irá fazer de modo capenga e lento &#8211; como é feito em boa parte dos vídeos em Flash, que contam com <a href="http://franciscoprado.com.br/2010/01/11/rapidas-sobre-actionscript-3-0/" target="_blank">bibliotecas em ActionScript</a> para criação de ambientes tridimensionais. Ele se aproveitará da placa de vídeo, dando desempenho de game. Sem necessitar a instalação de plugins, ele se utilizará de programação <a href="http://pt.wikipedia.org/wiki/Javascript" target="_blank">JavaScript</a> (linguagem de programação usada para dar mais &#8220;interatividade&#8221; ao sites), e de <a href="http://pt.wikipedia.org/wiki/OpenGL" target="_blank">OpenGL</a> (uma API livre usada em computação gráfica e que já vem embutida na maioria dos sistemas operacionais). O grupo de trabalho que o está desenvolvendo inclui pesos pesados da indústria como Opera (navegador), Google, Fundação Mozilla e Apple. Ah, e claro, a Microsoft parece não estar interessada&#8230;</p>
<p><object style="width: 425px; height: 350px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.youtube.com/v/2rpKpj6ZO9w" /><embed style="width: 425px; height: 350px;" type="application/x-shockwave-flash" width="425" height="350" src="http://www.youtube.com/v/2rpKpj6ZO9w"></embed></object></p>
<p>Este recurso já é suportado pelas versões mais novas dos navegadores Mozilla Firefox (3.7) e Google Chrome (versão de desenvolvedor), e Safari. Esse recurso usa o elemento <em><a href="http://en.wikipedia.org/wiki/Canvas_(HTML_element)" target="_blank">Canvas</a></em><em> </em>(implementado com a versão HTML 5).</p>
<p>Para você visualizar este recurso nestes navegadores, <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" target="_blank">você precisa fazer algumas configurações (bem simples)</a> em um desses navegadores.</p>
<p>Mesmo ainda não estando plenamente desenvolvido, já há bibliotecas em JavaScript destinadas a facilitar a geração desses gráficos. Veja algumas abaixo:</p>
<ul>
<li><strong><a href="http://www.glge.org/" target="_blank">GLGE</a></strong> &#8211; site contendo vídeos e download da biblioteca. Parece ter poucos tutoriais.</li>
<li><strong><a href="http://www.ambiera.com/copperlicht/index.html" target="_blank">CopperLicht</a></strong> &#8211; esta parece ser bem rica, contendo bastantes recursos. A empresa também oferece um software (pago) para facilitar a criação de projetos. A biblioteca JavaScript é gratuita. Contém alguns tutoriais.</li>
<li><strong><a href="http://www.c3dl.org/" target="_blank">CD3L</a></strong> &#8211; mais outra biblioteca gratuita. Esta parece ter uma série de tutoriais organizados.</li>
<li><strong><a href="http://spidergl.org/" target="_blank">SpiderGL</a></strong> &#8211; o site da biblioteca contém bastantes exemplos e bem interativos. Vale a visita.</li>
<li><strong><a href="http://scenejs.org/" target="_blank">SceneJS</a></strong> &#8211; mais um site que disponibiliza sua biblioteca. O legal deste é que ele permite que você edite os exemplos (clicando na seção &#8220;Playroom&#8221;), podendo modificar luz, posição da câmera, entre outros, sem precisar salvar nada (funciona dentro do site) e assim conhecer um pouco da biblioteca.</li>
<li><a href="http://sourceforge.net/projects/webglu/" target="_blank"><strong>WebGLU</strong></a> &#8211; outra biblioteca.</li>
</ul>
<p>Completando a seção de links, veja este site: <a href="http://franciscoprado.com.br/wp-content/uploads/2010/01/book_open.png" rel="lightbox[871]"><img class="size-full wp-image-373 alignnone" title="book_open" src="http://franciscoprado.com.br/wp-content/uploads/2010/01/book_open.png" alt="" width="16" height="16" /></a> <a href="http://learningwebgl.com/lessons/" target="_blank">Learning WebGL</a> (<a href="http://franciscoprado.com.br/wp-content/uploads/2010/02/us.gif" rel="lightbox[871]"><img class="alignnone size-full wp-image-1120" title="us" src="http://franciscoprado.com.br/wp-content/uploads/2010/02/us.gif" alt="" width="16" height="11" /></a>). Ele contém tutoriais ensinando a usar WebGL. Veja também o <a href="http://www.khronos.org/webgl/" target="_blank">site oficial do projeto</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

