<?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>Real-Time Rendering &#187; editors</title>
	<atom:link href="http://www.realtimerendering.com/blog/tag/editors/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.realtimerendering.com/blog</link>
	<description>Tracking the latest developments in interactive rendering techniques</description>
	<lastBuildDate>Sun, 12 May 2013 00:21:14 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.1</generator>
		<item>
		<title>WebGL Browser Editors</title>
		<link>http://www.realtimerendering.com/blog/webgl-browser-editors/</link>
		<comments>http://www.realtimerendering.com/blog/webgl-browser-editors/#comments</comments>
		<pubDate>Wed, 15 Aug 2012 14:53:20 +0000</pubDate>
		<dc:creator>Eric</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[editors]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[WebGL]]></category>

		<guid isPermaLink="false">http://www.realtimerendering.com/blog/?p=3223</guid>
		<description><![CDATA[I asked Patrick Cozzi if he knew of any WebGL editors working in the browser. There turn out to be quite a few, each with their own focus: http://webglplayground.net/ &#8211; on the left is the code, on the right is the result. See the gallery for more examples, which tend towards 2D and artistic examples. http://glsl.heroku.com/ [...]]]></description>
			<content:encoded><![CDATA[<p>I asked Patrick Cozzi if he knew of any WebGL editors working in the browser. There turn out to be quite a few, each with their own focus:</p>
<ul>
<li dir="ltr"><a href="http://webglplayground.net/">http://webglplayground.net/</a> &#8211; on the left is the code, on the right is the result. See <a href="http://webglplayground.net/gallery">the gallery</a> for more examples, which tend towards 2D and artistic examples.</li>
<li dir="ltr"><a href="http://glsl.heroku.com/">http://glsl.heroku.com/</a> &#8211; code actually overlays the display itself. <a href="http://glsl.heroku.com/e#3910.1">Here is a more 3D example</a>.</li>
<li dir="ltr"><a href="http://spidergl.org/meshade/index.html">http://spidergl.org/meshade/index.html</a> &#8211; more elaborate, shows separate shaders, model loading, and JSON and HTML generated. To run, click “Load” to load the given model, which you can interact with.</li>
<li dir="ltr"><a href="http://www.iquilezles.org/apps/shadertoy/">http://www.iquilezles.org/apps/shadertoy/</a> &#8211; allows playing with the pixel shader, essentially. Mostly about image deformations, often encountered in old Demo Scene programs.</li>
<li dir="ltr"><a href="http://www.kickjs.org/example/shader_editor/shader_editor.html">http://www.kickjs.org/example/shader_editor/shader_editor.html</a> – for playing with a 3D object and trying out experiments with the vertex and pixel shaders in the GPU.</li>
<li dir="ltr"><a href="http://cesium.agi.com/Cesium/Apps/Sandcastle/index.html">http://cesium.agi.com/Cesium/Apps/Sandcastle/index.html</a> &#8211; give it time to load (hey, it&#8217;s loading the whole world). It shows a quite elaborate development environment. They are using <a href="http://codemirror.net/">CodeMirror</a> to do the in-browser editor. See their other demos <a href="http://cesium.agi.com/demos.html">here</a>.</li>
<li dir="ltr"><a href="http://jsfiddle.net/">http://jsfiddle.net/</a> &#8211; a more general tool for trying out JavaScript programs, not WebGL per se.</li>
</ul>
<p>Enjoy! And let us know of any others you find.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.realtimerendering.com/blog/webgl-browser-editors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>