<?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>Criando para Web</description>
	<lastBuildDate>Fri, 03 Sep 2010 15:49:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</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>


<div class="shr-bookmarks shr-bookmarks-expand">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=3D+no+navegador+-+WebGL+e+JavaScript+-+http://b2l.me/gtjvy&amp;source=shareaholic" rel="nofollow" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;t=3D+no+navegador+-+WebGL+e+JavaScript" rel="nofollow" title="Compartilhar noFacebook">Compartilhar noFacebook</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;title=3D+no+navegador+-+WebGL+e+JavaScript" rel="nofollow" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;title=3D+no+navegador+-+WebGL+e+JavaScript" rel="nofollow" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-blogger">
			<a href="http://www.blogger.com/blog_this.pyra?t&amp;u=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;n=3D+no+navegador+-+WebGL+e+JavaScript&amp;pli=1" rel="nofollow" title="Postar noBlogger">Postar noBlogger</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/feed" rel="nofollow" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-orkut">
			<a href="http://promote.orkut.com/preview?nt=orkut.com&amp;tt=3D+no+navegador+-+WebGL+e+JavaScript&amp;du=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;cn=Parece%20lance%20de%20futurologia%2C%20mas%20n%C3%A3o%20%C3%A9.%20O%20dia%20em%20que%20poderemos%20ter%20games%20em%203D%2C%20navegar%20por%20espa%C3%A7os%20em%203D%20e%20outras%20coisas%20%28que%20precisem%20usar%203D%29%20dentro%20do%20navegador%20%28sem%20precisar%20baixar%20programas%20ou%20plugins%29%20est%C3%A1%20bem%20pr%C3%B3ximo.%20E%20sem%20uso%20de%20Flash.%0D%0A%0D%0AAno%20passado%20foi%20lan%C3%A7ado%20um%20padr%C3%A3o%20chamado%20We" rel="nofollow" title="Promover noOrkut">Promover noOrkut</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;title=3D+no+navegador+-+WebGL+e+JavaScript&amp;desc=Parece%20lance%20de%20futurologia%2C%20mas%20n%C3%A3o%20%C3%A9.%20O%20dia%20em%20que%20poderemos%20ter%20games%20em%203D%2C%20navegar%20por%20espa%C3%A7os%20em%203D%20e%20outras%20coisas%20%28que%20precisem%20usar%203D%29%20dentro%20do%20navegador%20%28sem%20precisar%20baixar%20programas%20ou%20plugins%29%20est%C3%A1%20bem%20pr%C3%B3ximo.%20E%20sem%20uso%20de%20Flash.%0D%0A%0D%0AAno%20passado%20foi%20lan%C3%A7ado%20um%20padr%C3%A3o%20chamado%20We" rel="nofollow" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;title=3D+no+navegador+-+WebGL+e+JavaScript" rel="nofollow" title="Adicionar aoGoogle Bookmarks">Adicionar aoGoogle Bookmarks</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;imageurl=" rel="nofollow" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;title=3D+no+navegador+-+WebGL+e+JavaScript&amp;summary=Parece%20lance%20de%20futurologia%2C%20mas%20n%C3%A3o%20%C3%A9.%20O%20dia%20em%20que%20poderemos%20ter%20games%20em%203D%2C%20navegar%20por%20espa%C3%A7os%20em%203D%20e%20outras%20coisas%20%28que%20precisem%20usar%203D%29%20dentro%20do%20navegador%20%28sem%20precisar%20baixar%20programas%20ou%20plugins%29%20est%C3%A1%20bem%20pr%C3%B3ximo.%20E%20sem%20uso%20de%20Flash.%0D%0A%0D%0AAno%20passado%20foi%20lan%C3%A7ado%20um%20padr%C3%A3o%20chamado%20We&amp;source=Francisco Prado" rel="nofollow" title="Compartilhar noLinkedIn">Compartilhar noLinkedIn</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;bm_description=3D+no+navegador+-+WebGL+e+JavaScript&amp;plugin=sexybookmarks" rel="nofollow" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;title=3D+no+navegador+-+WebGL+e+JavaScript" rel="nofollow" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;title=3D+no+navegador+-+WebGL+e+JavaScript" rel="nofollow" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/&amp;title=3D+no+navegador+-+WebGL+e+JavaScript" rel="nofollow" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/" rel="nofollow" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-yahoomail">
			<a href="http://compose.mail.yahoo.com/?Subject=3D+no+navegador+-+WebGL+e+JavaScript&amp;body=Link: http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A Parece%20lance%20de%20futurologia%2C%20mas%20n%C3%A3o%20%C3%A9.%20O%20dia%20em%20que%20poderemos%20ter%20games%20em%203D%2C%20navegar%20por%20espa%C3%A7os%20em%203D%20e%20outras%20coisas%20%28que%20precisem%20usar%203D%29%20dentro%20do%20navegador%20%28sem%20precisar%20baixar%20programas%20ou%20plugins%29%20est%C3%A1%20bem%20pr%C3%B3ximo.%20E%20sem%20uso%20de%20Flash.%0D%0A%0D%0AAno%20passado%20foi%20lan%C3%A7ado%20um%20padr%C3%A3o%20chamado%20We" rel="nofollow" title="Email this via Yahoo! Mail">Email this via Yahoo! Mail</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=3D+no+navegador+-+WebGL+e+JavaScript&amp;link=http://franciscoprado.com.br/2010/02/15/3d-no-navegador-webgl-browser-javascript/" rel="nofollow" title="Compartilhar noFriendFeed">Compartilhar noFriendFeed</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></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>
