<?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>Syntopia &#187; WebGL</title>
	<atom:link href="http://blog.hvidtfeldts.net/index.php/category/webgl/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.hvidtfeldts.net</link>
	<description>Generative Art, 3D Fractals, Creative Computing</description>
	<lastBuildDate>Fri, 27 Jan 2012 22:34:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Assorted Links</title>
		<link>http://blog.hvidtfeldts.net/index.php/2010/11/assorted-links-2/</link>
		<comments>http://blog.hvidtfeldts.net/index.php/2010/11/assorted-links-2/#comments</comments>
		<pubDate>Thu, 04 Nov 2010 22:36:59 +0000</pubDate>
		<dc:creator>Mikael Hvidtfeldt Christensen</dc:creator>
				<category><![CDATA[Digital Art]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Raytracing]]></category>
		<category><![CDATA[WebGL]]></category>

		<guid isPermaLink="false">http://blog.hvidtfeldts.net/?p=754</guid>
		<description><![CDATA[Pixel Bender 3D Adobe has announced Pixel Bender 3D: If I understand it correctly, it is a new API for Flash, and not as such a direct extension of the Pixel Bender Toolkit. So what does it do? As far &#8230; <a href="http://blog.hvidtfeldts.net/index.php/2010/11/assorted-links-2/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h3>Pixel Bender 3D</h3>
<p>Adobe has announced <a href="http://blogs.adobe.com/kevin-goldsmith/2010/10/video-from-my-pixel-bender-3d-sneak-peak.html">Pixel Bender 3D</a>:<br />
<a href="http://blogs.adobe.com/kevin-goldsmith/2010/10/video-from-my-pixel-bender-3d-sneak-peak.html"><br />
<img src="http://blog.hvidtfeldts.net/media/pb3d.jpg" /><br />
</a></p>
<p>If I understand it correctly, it is a new API for Flash, and not as such a direct extension of the Pixel Bender Toolkit. So what does it do? </p>
<p>As far as I can tell, it is simply a way to write vertex and fragment shader for Flash. While this is certainly nice, I think Adobe is playing catchup with HTML5 here &#8211; many browsers already support custom shaders through WebGL (in their development builds, at least). Or compare it to a modern 3D browser plugin such as <a href="http://unity3d.com/unity/whats-new/unity-3">Unity</a>, with deferred lightning, depth-of-field, and occlusion culling&#8230;</p>
<p>And do we really need another shader language dialect?</p>
<h3>Flash raytracer</h3>
<p>Kris Temmerman (Neuro Productions) has created a raytracer in Flash, complete with ambient occlusion and depth-of-field:</p>
<p><a href="http://www.neuroproductions.be/generative-art/a-take-on-generative-art/"><img src="http://blog.hvidtfeldts.net/media/flash.jpg"></a></p>
<p>Kris has also produced several other impressive works in Flash:</p>
<p><a href="http://www.neuroproductions.be/"><img src="http://blog.hvidtfeldts.net/media/flash2.jpg"></a></p>
<h3>Chaos Constructions</h3>
<p>Quite and Orange won the 4K demo at Chaos Constructions 2010 with the very impressive &#8216;CDAK&#8217; demo:<br />
<a href="http://vimeo.com/15138486"><br />
<img src="http://blog.hvidtfeldts.net/media/cdak.jpg" /></a></p>
<p>(Link at <a href="http://pouet.net/prod.php?which=55758">Pouet</a>, including executable).</p>
<h3>Ex-Silico Fractals</h3>
<p>This YouTube video shows how to produce fractals without a computer. I&#8217;ve seen video feedback before, but this is a clever setup using multiple projectors to create iterated function systems.</p>
<p><a href="http://www.boingboing.net/2010/11/02/how-to-produce-fract.html"><br />
<img src="http://blog.hvidtfeldts.net/media/projector.png" /></a></p>
<h3>Vimeo Motion Graphics Award</h3>
<p>&#8216;Triangle&#8217; by Onur Senturk won the Vimeo Motion Graphics Award. The specular black material looks good. Wonder if I could create something similar in Structure Synth&#8217;s internal raytracer?<br />
<a href="http://vimeo.com/13216490"><br />
<img src="http://blog.hvidtfeldts.net/media/vimeo.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hvidtfeldts.net/index.php/2010/11/assorted-links-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shader Toy</title>
		<link>http://blog.hvidtfeldts.net/index.php/2010/02/shader-toy/</link>
		<comments>http://blog.hvidtfeldts.net/index.php/2010/02/shader-toy/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 21:39:47 +0000</pubDate>
		<dc:creator>Mikael Hvidtfeldt Christensen</dc:creator>
				<category><![CDATA[Generative Art]]></category>
		<category><![CDATA[GPU]]></category>
		<category><![CDATA[Mandelbulb]]></category>
		<category><![CDATA[WebGL]]></category>

		<guid isPermaLink="false">http://blog.hvidtfeldts.net/?p=343</guid>
		<description><![CDATA[For some time I&#8217;ve been wanting to play around with pixel (fragment) shaders, but I couldn&#8217;t find a proper playground. Then I stumbled upon Shader Toy, by Inigo Quilez (whom I&#8217;ve mentioned several times on this blog). A couple of &#8230; <a href="http://blog.hvidtfeldts.net/index.php/2010/02/shader-toy/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>For some time I&#8217;ve been wanting to play around with pixel (fragment) shaders, but I couldn&#8217;t find a proper playground.</p>
<p>Then I stumbled upon <a href="http://www.iquilezles.org/apps/shadertoy/">Shader Toy</a>, by Inigo Quilez (whom I&#8217;ve mentioned <a href="http://blog.hvidtfeldts.net/?s=inigo">several times</a> on this blog). A couple of things make Shader Toy stand out:</p>
<p><img src="/media/st1.jpg" /></p>
<p><i>It runs inside your browser</i>. It uses the emerging <a href="http://en.wikipedia.org/wiki/WebGL">WebGL</a> standard, which is JavaScript bindings for OpenGL (ES) 2.0. OpenGL can be used directly inside a Canvas HTML element, including support for custom shaders. As Shader Toy demonstrates, this makes it possible to do some very impressive stuff, such as real-time GPU-accelerated raytracing inside an element on a web page. </p>
<p><img src="/media/st2.jpg" /></p>
<p><i>The examples are great</i>. While Shader Toy itself is mostly a thin wrapper around the WebGL functionality, the great thing about it is the example shaders: 2D fractals and Demo Scene effects, but also complex examples like the <a href="http://blog.hvidtfeldts.net/index.php/2008/08/generative-art-in-4kb/">Slisesix</a> 4K demo, and examples of raytracing, and complex fractals, like the Quaternion Julia set, and the Mandelbulb.</p>
<p>The only problem with WebGL is, that it is not supported by the current generation of browsers. </p>
<p>The good news is that the nightly builds of Firefox, Safari (WebKit), and Chromium (Google Chrome) all support it, and are quite easy to install: <a href="http://www.khronos.org/webgl/wiki/Getting_a_WebGL_Implementation">this</a> is a good place for more information. If you use the Chromium builds, you don&#8217;t have to worry about messing up your existing browser configuration &#8211; the nightly builds are standalone versions and can be run without installation.</p>
<p>There are lots of complex shader tools out there: for instance, NVIDIAs <a href="http://developer.nvidia.com/object/fx_composer_home.html">FX Composer</a>, AMDs <a href="http://developer.amd.com/GPU/RENDERMONKEY/Pages/default.aspx">Rendermonkey</a>, TyphoonLabs OpenGL <a hreg="http://www.opengl.org/sdk/tools/ShaderDesigner/">Shader Designer</a>, and <a href="http://lumina.sourceforge.net/">Lumina</a>, but Shader Toy makes it very easy to get started with shaders. And it provides a rare insight into how those amazing 4K demos were made.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hvidtfeldts.net/index.php/2010/02/shader-toy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

