<?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>[dp] - doble página &#187; processing</title>
	<atom:link href="http://www.herbertspencer.net/temas/processing/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.herbertspencer.net</link>
	<description>herbertspencer.net</description>
	<lastBuildDate>Wed, 16 Nov 2011 13:26:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Espirales</title>
		<link>http://www.herbertspencer.net/2009/espirales/</link>
		<comments>http://www.herbertspencer.net/2009/espirales/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 03:35:23 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[spiral]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=206</guid>
		<description><![CDATA[Estos días no he hecho nada porque me la he pasado en puras reuniones. Mientras escucho, dibujo espirales en mi cuaderno y veo como los pequeños errores, engrosamientos y disminuciones de los espacios se acumulan, amplifican o suavizan. Veo como las familias de espirales se multiplican, cruzan y entrelazan. Tal vez así la sensación de [...]]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2009/espirales/" title="Permanent link to Espirales"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2009/07/sp.PNG" width="375" height="332" alt="Post image for Espirales" /></a>
</p><p><iframe width="408" height="580" scrolling="no" frameborder="0" src="http://www.openprocessing.org/visuals/iframe.php?visualID=2808&#038;width=380&#038;height=500"></iframe></p>
<p>Estos días no he hecho nada porque me la he pasado en puras reuniones. Mientras escucho, dibujo espirales en mi cuaderno y veo como los pequeños errores, engrosamientos y disminuciones de los espacios se acumulan, amplifican o suavizan.</p>
<p>Veo como las familias de espirales se multiplican, cruzan y entrelazan. Tal vez así la sensación de no hacer nada desaparezca.</p>
<p><img src="http://www.herbertspencer.net/wp/wp-content/uploads/2009/07/sp.PNG" alt="como hecho con la mano" title="Espiral" class="aligncenter size-full wp-image-207" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2009/espirales/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Processing 1.0</title>
		<link>http://www.herbertspencer.net/2008/processing-1/</link>
		<comments>http://www.herbertspencer.net/2008/processing-1/#comments</comments>
		<pubDate>Tue, 25 Nov 2008 18:47:02 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[notas]]></category>
		<category><![CDATA[educación]]></category>
		<category><![CDATA[metadesign]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[software]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=156</guid>
		<description><![CDATA[Processing ha dejado de ser un beta. Lo era desde que partió este proyecto el año 2001 en el MediaLab del MIT de la mano de Casey Reas y Ben Fry. Esta aplicación, o más bien, este entorno de desarrollo nos ha permitido acercarnos a la computación desde un punto de vista artístico y creativo. [...]]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2008/processing-1/" title="Permanent link to Processing 1.0"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/11/processing.png" width="256" height="256" alt="Post image for Processing 1.0" /></a>
</p><p><a title="Sitio web del proyecto" href="http://www.processing.org/"><img class="aligncenter size-full wp-image-158" title="about" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/11/about.jpg" alt="la pantalla &quot;acerca de&quot; processing en su versión 1.0" /></a></p>
<p><a title="Sitio web del proyecto" href="http://www.processing.org/">Processing</a> ha dejado de ser un beta. Lo era desde que partió este proyecto el año 2001 en el MediaLab del MIT de la mano de <a href="http://reas.com/">Casey Reas</a> y <a href="http://benfry.com/">Ben Fry</a>.</p>
<p>Esta aplicación, o más bien, este entorno de desarrollo nos ha permitido acercarnos a la computación desde un punto de vista artístico y creativo. Ha causado un gran impacto en la comunidad de educadores y formadores de artistas y diseñadores. Sin ir más lejos, el año 2005 (cuando aún era un beta) recibió el Golden Nica en Ars Electrónica.</p>
<p>Personalmente creo que Processing cumple un rol fundamental en la formación del diseñador, especialmente por la capacidad de estimular el pensamiento abstracto &#8211; matemático necesario para la concepción de formas digitales.</p>
<p>Concretamente existe un ramo en la <a href="http://www.ead.pucv.cl">e[ad]</a> llamado <a title="artículo de los trabajos realizados en este ramo" href="http://www.ead.pucv.cl/2008/dibujos-generativos/">Lenguaje Computacional Cero</a><strong> </strong>(o LC0) dentro del Taller de Diseño para el Primer Año. Este curso es una introducción a la computación como una herramienta de expresión plástica, donde el objetivo es el diseño pero el medio es el software. Los estudiantes se familiarizan con algoritmos básicos, geometría computacional y simulación cinemática.</p>
<p>La alfabetización digital, entendida en la mayoría de los casos como la capacidación para el uso de programas, sólo resuleve la mitad del problema: el saber <em>leer</em>. Saber <em>escribir</em>, tiene implicancias mucho más profundas, porque significa ser capaz de expresar y llevar adelante las ideas propias. Para un diseñador este distingo es fundamental ya que debe comprender el lenguaje <strong>desde ambos lados</strong> para poder construir y diseñar; y el medio digital permite esa maleabilidad.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2008/processing-1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Dibujos Generativos</title>
		<link>http://www.ead.pucv.cl/2008/dibujos-generativos/</link>
		<comments>http://www.ead.pucv.cl/2008/dibujos-generativos/#comments</comments>
		<pubDate>Tue, 09 Sep 2008 17:31:08 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[escuela]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[experimental]]></category>
		<category><![CDATA[lenguaje]]></category>
		<category><![CDATA[matemáticas]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://www.ead.pucv.cl/?p=2041</guid>
		<description><![CDATA[Lenguaje Computacional Cero (o LC0) es un nuevo módulo dentro de la asignatura del Taller de Diseño para el Primer Año. Dentro de este ramo se introduce a los alumnos a la programación gráfica como un modo de acceder al lenguaje de la abstracción desde el rigor de los algoritmos matemáticos. Este curso es una [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><strong>Lenguaje Computacional Cero </strong>(o LC0) es un nuevo módulo dentro de la asignatura del Taller de Diseño para el Primer Año. Dentro de este ramo se introduce a los alumnos a la programación gráfica como un modo de acceder al lenguaje de la abstracción desde el rigor de los algoritmos matemáticos. Este curso es una introducción a la computación como una herramienta de expresión plástica, donde el objetivo es el diseño pero el medio es el software. Los estudiantes se familiarizarán con algoritmos básicos, geometría computacional y simulación cinemática.</p>
<div class="ngg-galleryoverview">
<div class="slideshowlink"><a class="slideshowlink" href="http://www.ead.pucv.cl/2008/dibujos-generativos/?show=gallery">[ver lista]</a></div>
<p>[[ver presentación]]</p></div>
<div class="ngg-clear"></div>
<p>La alfabetización digital, entendida en la mayoría de los casos como la capacidación para el uso de programas, sólo resuleve la mitad del problema: el saber <em>leer</em>. Saber <em>escribir</em>, tiene implicancias mucho más profundas, porque significa ser capaz de expresar y llevar adelante las ideas propias. Para un diseñador este distingo es fundamental ya que debe comprender el lenguaje <strong>desde ambos lados</strong> para poder construir y diseñar; y el medio digital permite esa maleabilidad.</p>
<p>En este curso usamos el entorno de desarrollo <a title="Página del proyecto opensource Processing" href="http://www.processing.org/">Processing</a> para construir dibujos generados a partir de máquinas autónomatas. Estos proyectos tienen una versión impresa en PDF y un corto de video, ambos generados completamente a partir de código. Todos los videos están disponibles en nuestro <a title="LCO en Vimeo" href="http://vimeo.com/groups/LC0">grupo de vimeo</a> y los programas en <a title="Galería de Proyectos LC0" href="http://www.ead.pucv.cl/processing/2008">http://www.ead.pucv.cl/processing/2008</a>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=1694568&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=CC0000&amp;fullscreen=1&amp;group_id=3037" /><embed type="application/x-shockwave-flash" width="600" height="400" src="http://vimeo.com/moogaloop.swf?clip_id=1694568&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=CC0000&amp;fullscreen=1&amp;group_id=3037" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://vimeo.com/groups/3037/videos/1694568?pg=embed&amp;sec=1694568">Genesis_proyecto</a> de <a href="http://vimeo.com/user735269?pg=embed&amp;sec=1694568">Serrano Daniel</a> en <a href="http://vimeo.com?pg=embed&amp;sec=1694568">Vimeo</a>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=1696036&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=CC0000&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="600" height="400" src="http://vimeo.com/moogaloop.swf?clip_id=1696036&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=CC0000&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://vimeo.com/1696036?pg=embed&amp;sec=1696036">reflejo con fondo blanco</a> de <a href="http://vimeo.com/user720309?pg=embed&amp;sec=1696036">Daniela Labra</a> en <a href="http://vimeo.com?pg=embed&amp;sec=1696036">Vimeo</a>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=1694123&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=CC0000&amp;fullscreen=1&amp;group_id=3037" /><embed type="application/x-shockwave-flash" width="600" height="400" src="http://vimeo.com/moogaloop.swf?clip_id=1694123&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=CC0000&amp;fullscreen=1&amp;group_id=3037" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://vimeo.com/groups/3037/videos/1694123?pg=embed&amp;sec=1694123">El Efecto de la Luz y El Viento</a> de <a href="http://vimeo.com/user716571?pg=embed&amp;sec=1694123">Nicolás Abarca</a> en <a href="http://vimeo.com?pg=embed&amp;sec=1694123">Vimeo</a>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=1687283&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=CC0000&amp;fullscreen=1&amp;group_id=3037" /><embed type="application/x-shockwave-flash" width="600" height="400" src="http://vimeo.com/moogaloop.swf?clip_id=1687283&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=CC0000&amp;fullscreen=1&amp;group_id=3037" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://vimeo.com/groups/3037/videos/1687283?pg=embed&amp;sec=1687283">Ramificaciones</a> de <a href="http://vimeo.com/user708572?pg=embed&amp;sec=1687283">Fernanda Ladrón de Guevara</a> en <a href="http://vimeo.com?pg=embed&amp;sec=1687283">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ead.pucv.cl/2008/dibujos-generativos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Marcianitos</title>
		<link>http://www.herbertspencer.net/2008/marcianitos/</link>
		<comments>http://www.herbertspencer.net/2008/marcianitos/#comments</comments>
		<pubDate>Thu, 31 Jul 2008 16:55:45 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[experimental]]></category>
		<category><![CDATA[PDF]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=56</guid>
		<description><![CDATA[<div><object style="width:200px;height:200px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=preview&#38;previewLayout=white&#38;username=hspencer&#38;docName=invaders&#38;documentId=080731140352-0cd585556ec349e5af371ff93260f5a4&#38;autoFlip=true&#38;backgroundColor=ffffff&#38;layout=white" /><param name="allowScriptAccess" value="always" /><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowscriptaccess="always" style="width:200px;height:200px" flashvars="mode=preview&#38;previewLayout=white&#38;username=hspencer&#38;docName=invaders&#38;documentId=080731140352-0cd585556ec349e5af371ff93260f5a4&#38;autoFlip=true&#38;backgroundColor=ffffff&#38;layout=white" /></object></div>]]></description>
			<content:encoded><![CDATA[<p></p><div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="422" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=preview&amp;previewLayout=white&amp;username=hspencer&amp;docName=invaders&amp;documentId=080731140352-0cd585556ec349e5af371ff93260f5a4&amp;autoFlip=true&amp;backgroundColor=ffffff&amp;layout=white" /><embed type="application/x-shockwave-flash" width="422" height="300" src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=preview&amp;previewLayout=white&amp;username=hspencer&amp;docName=invaders&amp;documentId=080731140352-0cd585556ec349e5af371ff93260f5a4&amp;autoFlip=true&amp;backgroundColor=ffffff&amp;layout=white" allowscriptaccess="always"></embed></object></div>
<p>Como este sitio trata de la <a title="el colofón explica esto" href="http://www.herbertspencer.net/about/colofon/">doble página</a> traigo esta aplicación: <a title="Servicio de publicación para documentos de impresión" href="http://issuu.com/">Issuu</a>. Mis amigos más fundamentalistas dirán que es pura nostalgia por la página, otros dirán que se trata de otra aplicación que declara la supremacía absoluta de Internet sobre los otros medios de comunicación; porque es capaz de contenerlos a todos.</p>
<p>En fin, si esta discusión no te interesa, sólo <a href="http://www.herbertspencer.net/wp/wp-content/uploads/2008/07/marcianitos.zip">baja el código</a> para hacer tus propios marcianitos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2008/marcianitos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crono-anamorfosis</title>
		<link>http://www.herbertspencer.net/2008/crono-anamorfosis/</link>
		<comments>http://www.herbertspencer.net/2008/crono-anamorfosis/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 22:34:03 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[experimental]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[slitscan]]></category>
		<category><![CDATA[tiempo]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=49</guid>
		<description><![CDATA[Nuestra comprensión del tiempo es discreta, es decir concebimos la suceción de &#8220;instantes&#8221; como el único modo de reconstruir el flujo del tiempo. Cada vez que grabamos un video, recolectamos una gran catidad de fotogramas que luego son reproducidos —normalmente— a la misma velocidad con la que fueron captados. Tenemos entonces un solido o volumen [...]]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2008/crono-anamorfosis/" title="Permanent link to Crono-anamorfosis"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/07/timescan-normal.png" width="406" height="308" alt="La secuencia natural de imágenes sucesivas" /></a>
</p><p><img class="aligncenter size-full wp-image-52" title="timescan-normal" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/07/timescan-normal.png" alt="secuencia \" width="406" height="308" /></p>
<p>Nuestra comprensión del tiempo es discreta, es decir concebimos la suceción de &#8220;instantes&#8221; como el único modo de reconstruir el flujo del tiempo. Cada vez que grabamos un video, recolectamos una gran catidad de fotogramas que luego son reproducidos —normalmente— a la misma velocidad con la que fueron captados. Tenemos entonces un <em>solido</em> o <em>volumen</em> de fotogramas cuyo espesor corresponde al tiempo. Siempre que reproducimos el video, elegimos verlo en sucesivos cortes transversales perpendiculares al tiempo, tratando de volver a esos instantes fotográficos. Pero ¿podemos verlo de otro modo? ¿qué ocurriría si elegimos ver este sólido de tiempo haciendo un corte con una inclinación ligeramente distinta?</p>
<p><img class="aligncenter size-full wp-image-53" title="timescan-inclinado" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/07/timescan-inclinado.png" alt="secuencia inclinada con anamorfosis temporal" width="406" height="308" /></p>
<p>Por ejemplo, imaginemos que el programa que captura video va almacenando un <em>buffer</em> de fotogramas que tiene un espesor igual al alto en pixeles del fotograma (aquí en el esquema: y = z). Es decir, si tengo un fotograma de 320 pixeles de ancho por 240 pixeles de alto, tengo un buffer de 240 fotogramas de espesor. Entonces el fotograma actual puede construirse a partir de la diagonal de este volumen: la primera línea es la actual, la segunda es de 1 fotograma atrás, la tercera de 2 fotogramas atras, y así hasta completar el alto de la imágen.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.vimeo.com/moogaloop.swf?clip_id=1304091&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://www.vimeo.com/moogaloop.swf?clip_id=1304091&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://www.vimeo.com/1304091?pg=embed&amp;sec=1304091">TimeTwist</a> de <a href="http://www.vimeo.com/hspencer?pg=embed&amp;sec=1304091">Herbert Spencer</a> en <a href="http://vimeo.com?pg=embed&amp;sec=1304091">Vimeo</a>.</p>
<h4>Código</h4>
<p>El código presentado a continuación fue generado para captura en tiempo real en el entorno <a title="Baja processing si no lo tienes" href="http://www.processing.org/">processing</a>. Se debe tener en consideración que el programa <strong>requiere mucha memoria RAM</strong> para ejecutarse por lo que se hace necesario modificar las preferencias de processing (ojalá más de 1GB). Esto dependerá del tamaño de captura. Normalmente las cámaras para videoconferencias integradas admiten un máximo de 640 x 480. Este código no está optimizado, ojo. Si hacen algo con el código pongan el link para ver los experimentos en los comentarios de más abajo ¡Suerte!</p>
<p>Bajar: <a href="http://www.herbertspencer.net/wp/wp-content/uploads/2008/07/timetwist.pde">timetwist</a>.pde</p>
<h4>Referencias</h4>
<ul>
<li><a title="Sitio de Zbig" href="http://www.zbigvision.com/The4Dim.html">Zbig Rybczynski</a></li>
<li><a title="catálogo informal de Golan Levin" href="http://www.flong.com/texts/lists/slit_scan/">Flong</a>, en una recopilación completa de <strong>slitscan</strong> (catálogo informal)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2008/crono-anamorfosis/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Taller Abierto de Processing</title>
		<link>http://www.ead.pucv.cl/2008/taller-abierto-de-processing/</link>
		<comments>http://www.ead.pucv.cl/2008/taller-abierto-de-processing/#comments</comments>
		<pubDate>Mon, 23 Jun 2008 17:48:27 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[escuela]]></category>
		<category><![CDATA[Alumnos]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[taller]]></category>

		<guid isPermaLink="false">http://www.ead.pucv.cl/?p=782</guid>
		<description><![CDATA[Este año se impartirá nuevamente el curso de Processing, ahora denominado Leguaje Computaqcional 0. Este taller se inscribe dentro de la malla de diseño como un módulo obligatorio para el primer año y como taller de nivelación para los alumnos que cursan gráfica digital. Independiente de estas consideraciones, este taller está abierto para todos los [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://www.ead.pucv.cl/wp-content/archivos/2008/06/p-2008.png" title="Processing" rel="lightbox[782]"><img class="alignleft size-thumbnail wp-image-783" title="Processing" src="http://www.ead.pucv.cl/wp-content/archivos/2008/06/p-2008-260x180.png" alt="Triangulación Delaunay" width="260" height="180" /></a></p>
<p>Este año se impartirá nuevamente el curso de <a title="Página del proyecto opensource Processing" href="http://www.processing.org/">Processing</a>, ahora denominado <strong>Leguaje Computaqcional 0</strong>. Este taller se inscribe dentro de la malla de diseño como un módulo obligatorio para el primer año y como taller de nivelación para los alumnos que cursan gráfica digital. Independiente de estas consideraciones, este taller está abierto para todos los interesados que quieran estudiar el medio expresivo de la programación gráfica.</p>
<ul>
<li><strong>Horario</strong>: martes 15:30 &#8211; 17:10</li>
<li><strong>Lugar</strong>: Sala de Primer Año, Diseño</li>
</ul>
<h3>Contenidos</h3>
<ul>
<li>elementos de dibujo</li>
<li>estructura y recursividad</li>
<li>programación orientada a objetos</li>
<li>file output: PDF y Quicktime</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ead.pucv.cl/2008/taller-abierto-de-processing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>buscando un nombre</title>
		<link>http://www.herbertspencer.net/2008/buscando-un-nombre/</link>
		<comments>http://www.herbertspencer.net/2008/buscando-un-nombre/#comments</comments>
		<pubDate>Thu, 28 Feb 2008 04:17:03 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/2008/02/27/buscando-un-nombre/</guid>
		<description><![CDATA[En muy poco tiempo más seré nuevamente padre, esta vez de una <a href="http://www.flickr.com/photos/herbert-spencer/2233829830/" title="ecografía 3D de la nena">niña</a>. El problema es que no se nos ocurre qué nombre ponerle. Hemos buscado miles, pero mi decepción fue mayor al ver que todos mis esfuerzos creativos no eran más que <a href="http://www.registrocivil.cl/Servicios/Estadisticas/Archivos/NombresComunes/Nombres_Annos.htm" title="Estadísticas del Registro Civil para los nombres más comunes en Chile">el lugar común que todos transitan</a>.]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2008/buscando-un-nombre/" title="Permanent link to buscando un nombre"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/02/duwa.gif" width="400" height="144" alt="Post image for buscando un nombre" /></a>
</p><p style="text-align: center;"><img src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/02/duwa.gif" alt="duwa" /></p>
<p>En muy poco tiempo más seré nuevamente padre, esta vez de una <a title="ecografía 3D de la nena" href="http://www.flickr.com/photos/herbert-spencer/2233829830/">niña</a>. El problema es que no se nos ocurre qué nombre ponerle. Hemos buscado miles, pero mi decepción fue mayor al ver que todos mis esfuerzos creativos no eran más que <a title="Estadísticas del Registro Civil para los nombres más comunes en Chile" href="http://www.registrocivil.cl/Servicios/Estadisticas/Archivos/NombresComunes/Nombres_Annos.htm">el lugar común que todos transitan</a>.</p>
<p>Entonces se me ocurrió que podría tener un nombre inventado, nuevo. Para eso hice un programa llamado <strong>nameGenerator</strong> que genera nombres a partir de distintos patrones de consonates y vocales:</p>
<ul>
<li><a title="nameGenerator para Mac" href="http://www.herbertspencer.net/wp/wp-content/uploads/2008/02/namegeneratormacosx.zip">nameGenerator para Mac</a></li>
<li><a title="NameGenerator para Linux" href="http://www.herbertspencer.net/wp/wp-content/uploads/2008/02/namegeneratorlinux.zip">nameGenerator para Linux</a></li>
<li><a title="NameGenerator para Windows" href="http://www.herbertspencer.net/wp/wp-content/uploads/2008/02/namegeneratorwindows.zip">nameGenerator para Windows</a></li>
</ul>
<h3>Instrucciones</h3>
<p>Este programa se maneja con el teclado (No tuve el tiempo ni la dedicación para esmerarme en una interfaz más amistosa, pero el teclado funciona bien). Para generar un nombre nuevo, hay que apretar cualquier número, 0 inclusive. Cada uno de los números representa un patrón de consonantes y vocales distinto. Arriba, al medio dice que patrón se está utilizando. Por ejemplo: &#8220;C V V C V&#8221; (&#8216;C&#8217; para consonante y &#8216;V&#8217; para vocal) podría arrojar &#8220;paula&#8221;.</p>
<p>Dentro de la carpeta del programa viene un archivo de texto llamado &#8220;nombres.txt&#8221; que está vacío (!) Este archivo es necesario para grabar los <em>nombres buenos</em> que puedan ir saliendo. Para grabar un nombre sólo hay que apretar la barra de ESPACIO.</p>
<p>Además, dentro de los chiches inútiles, está el catastro de todas las letras representado por unos pequeños gráficos de barra de 1 pixel para ir contando cuantas veces cada letra es utilizada. Como ya dije, no tiene mayor utilidad; sólo lo hice para ver si la función <code>random()</code> que elige las letras es realmente aleatoria. La letra &#8216;ñ&#8217; fue eliminada a propósito.</p>
<p>Bueno&#8230; como no le tengo mucha fe a este programa (que es enfermo de nerd) Acepto feliz cualquier tipo de sugerencia para el nombre de la beba. Gracias y que disfruten de este útil programa.</p>
<p>Se me olvidaba: <span style="color: #ff0000;"><strong>es muy importante</strong></span> salir del programa presionando la letra <strong>Q</strong>, de otro modo, el archivo de texto quedará mal cerrado&#8230; detalles&#8230;  ; )</p>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2008/buscando-un-nombre/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Modulador de Números Primos</title>
		<link>http://www.herbertspencer.net/2007/primes-modulator/</link>
		<comments>http://www.herbertspencer.net/2007/primes-modulator/#comments</comments>
		<pubDate>Mon, 12 Nov 2007 05:27:29 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[infovis]]></category>
		<category><![CDATA[math]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/wp/?p=3</guid>
		<description><![CDATA[Los números primos son los diamantes de los números naturales. Todos los demás números pueden construirse desde factorizaciones únicas de números primos; ellos son las piezas clave, los otros números son sólo relleno. No existe modo de anticipar la distribución de estos números como secuencia regular y han existido muchos intentos para predecir su aparición. [...]]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2007/primes-modulator/" title="Permanent link to Modulador de Números Primos"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2007/05/ulam.gif" width="300" height="300" alt="La Rosa de Ulam" /></a>
</p><p style="text-align: center;"><img src="http://www.herbertspencer.net/wp/wp-content/uploads/2007/05/ulam.gif" alt="Rosa de Ulam" /></p>
<p>Los números primos son los diamantes de los números naturales. Todos los demás números pueden construirse desde factorizaciones únicas de números primos; ellos son las piezas clave, los otros números son sólo relleno. No existe modo de anticipar la distribución de estos números como secuencia regular y han existido muchos intentos para predecir su aparición. Nadie ha podido estabalecer un patrón claro para describirlos.</p>
<p>En 1963, <a href="http://en.wikipedia.org/wiki/Stanislaw_Ulam">Stanislaw Ulam</a>, un matemático polaco, decidió disponerlos en una espiral cuadrada como la que muestro en la imagen. Este arreglo consiste en comenzar desde el número 1 al centro del espiral y avanzar girando hacia afuera manteniendo la unidad de distancia entre números constante; los puntos rojos representan números primos. Este arreglo reveló un misterioso patrón de diagonales que se mantení­a sin importar la cantidad de números representados o si se cambiaba el primer número del espiral por otro distinto de 1. Este hallazgo le significó a Ulam aparecer con su diagrama en la portada de la revista <a href="http://www.sciam.com/">Scientific American</a>.</p>
<p>Con la idea de poder encontrar patrones ocultos en los números primos hice un pequeño programa para modular distintos tipos de espirales, partiendo del famoso espiral de Ulam. Se trata de una herramienta de visualización para descubrir algo que nadie haya visto. Tal vez puedas descubrir un patrón oculto y tener un espiral con tu nombre.</p>
<h2>Primes Modulator</h2>
<p>Este programa fue realizado en processing y permite generar documentos PDF de los espirales. También existe una <a href="http://www.herbertspencer.net/projects/processing/primes_modulator/">versión online</a> (que no genera PDFs, of course).</p>
<ul>
<li><a href="http://www.herbertspencer.net/projects/primes_modulator/application.linux.rar">Primes Modulator para Linux</a></li>
<li><a href="http://www.herbertspencer.net/projects/primes_modulator/application.macosx.rar">Primes Modulator para OS X</a></li>
<li><a href="http://www.herbertspencer.net/projects/primes_modulator/application.windows.rar">Primes Modulator para Windows</a></li>
</ul>
<p><small><em><br />
Nota: Un error conocido del programa es que cuando (en el primer espiral de Ulam) uno modifica la variable &#8220;b&#8221; e intenta exportar PDF, el computador se cuelga. Esto pasa porque en este caso &#8220;b&#8221; rota el espiral en el espacio y no se puede generar un PDF tridimensional. Por favor no lo intentes, tu computador te lo agradecerá :)<br />
</em></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2007/primes-modulator/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Civilscope</title>
		<link>http://www.herbertspencer.net/2007/civilscope/</link>
		<comments>http://www.herbertspencer.net/2007/civilscope/#comments</comments>
		<pubDate>Tue, 29 May 2007 15:32:59 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[imagen]]></category>
		<category><![CDATA[democracia]]></category>
		<category><![CDATA[mapas]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[visualización]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/2007/05/29/civilscope/</guid>
		<description><![CDATA[La idea de este proyecto es mostrar de manera fácil y ní­tida las capas y fronteras cí­vicas en las cuales estamos inmersos. Civilscope es un servicio web que, a partir de una dirección determinada, mapea todas las divisiones, distritos y circunscripciones que la rigen. Este servicio funciona solamente para la gente de Chicago porque opera [...]]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2007/civilscope/" title="Permanent link to Civilscope"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2007/05/civilscopelogo.png" width="457" height="191" alt="Post image for Civilscope" /></a>
</p><p style="padding: 40px 0pt; text-align: center;"><img src="http://www.herbertspencer.net/wp/wp-content/uploads/2007/05/square-logo.gif" alt="Civilscope Logo" /></p>
<p>La idea de <a href="http://www.civilscope.org/">este proyecto</a> es mostrar de manera fácil y ní­tida las capas y fronteras cí­vicas en las cuales estamos inmersos. Civilscope es un servicio web que, a partir de una dirección determinada, mapea todas las divisiones, distritos y circunscripciones que la rigen. Este servicio funciona solamente para la gente de Chicago porque opera sobre la API de <a href="http://www.civicfootprint.org/">Civic Footprint</a>, una iniciativa del <a href="http://www.cnt.org/">Center for Neighborhood Technology</a> de Chicago.</p>
<p>Pienso que tener algo así­ en Chile serí­a buení­simo para poder transparentar en algo las oscuras y arcanas fronteras polí­ticas que nos gobiernan. En parte por eso me entusiasmé cuando <a href="http://www.currentform.com/">Simon</a> me propuso la idea; para poderlo mostrar como ejemplo y poder desarrollar algo así­ para nosotros. De hecho, nuestra estructura es bastante más sencilla, con menos capas y jerarquí­as traslapadas.</p>
<p>Particularmente en Chicago existen distritos verdaderamente extraí±os en cuanto figura. Esto se debe a una práctica de distritage llamada &#8220;gerrymandering&#8221;. En el sistema norteamericano los votantes son divididos por distritos. Lo que cuenta al final no es la cantidad total de votos sino la cantidad de distritos en los que tal o cual candidato ha ganado. Esto lleva a practicar estrategias de &#8220;pack &amp; crack&#8221;, es decir, agrupar a la oposición y concentrarla lo más posible en un distrito para que arrase, pero para que pierda por poco en todas las demás. Esta práctica de redibujar los distritos ocurre cada vez que hay alternancia en el poder, para perjudicar a la opsición. Cada dí­a esta operación se vuelve más sofisticada ya que se ocupan programas computacionales para redibujar los distritos basados en los registros de votantes. Es por eso que herramientas como esta permiten transparentar en algo estas prácticas.</p>
<p><a href="http://www.civilscope.org/">http://www.civilscope.org/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2007/civilscope/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Axis Mundane</title>
		<link>http://www.herbertspencer.net/2006/axis-mundane/</link>
		<comments>http://www.herbertspencer.net/2006/axis-mundane/#comments</comments>
		<pubDate>Wed, 25 Oct 2006 15:43:41 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[experiment]]></category>
		<category><![CDATA[particles]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[simulation]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/2006/10/25/axis-mundane/</guid>
		<description><![CDATA[Las partí­culas son atraí­das entre ellas; cuando la distacia que separa cualquier par de partí­culas es mayor a la suma de sus radios, los radios de ambas partí­culas se incrementarán en 0.025 pixel. Cuando el radio llega a 80 pixeles la partí­cula revienta transformándose en una pequeña de nuevo y cambiando de color, así da [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><applet code="particles07" archive="http://www.herbertspencer.net/processing/particles7/particles07.jar" height="400" width="400"><br />
</applet></p>
<p>Las partí­culas son atraí­das entre ellas; cuando la distacia que separa cualquier par de partí­culas es mayor a la suma de sus radios, los radios de ambas partí­culas se incrementarán en 0.025 pixel. Cuando el radio llega a 80 pixeles la partí­cula revienta transformándose en una pequeña de nuevo y cambiando de color, así da paso a la nueva generación. Exiten un total de 20 generaciones y a cada cual se le asigna un color. <em>(ver tabla de colores más abajo)</em></p>
<p>Las partí­culas pequeñas son más fluí­das (menos masa) y al ser atraí­das por las otras pasan hacia el centro del arreglo, dejando a las partí­culas jóvenes al centro y las viejas en el perí­metro, simulando una colonia de búfalos.</p>
<ul>
<li><a href="http://www.herbertspencer.net/processing/particles7/" title="Link al código fuente para Processing">link to code</a></li>
</ul>
<h3>Ciclo de Colores</h3>
<table cellpadding="3" cellspacing="0">
<tr>
<td bgcolor="#cd540a" width="200"></td>
<td><strong>HEX:</strong> #CD540A<br />
<strong>RGB:</strong> 205,84,10</td>
</tr>
<tr>
<td bgcolor="#ae7450" width="200"></td>
<td><strong>HEX:</strong> #AE7450<br />
<strong>RGB:</strong> 174,116,80</td>
</tr>
<tr>
<td bgcolor="#ad611e" width="200"></td>
<td><strong>HEX:</strong> #AD611E<br />
<strong>RGB:</strong> 173,97,30</td>
</tr>
<tr>
<td bgcolor="#e97913" width="200"></td>
<td><strong>HEX:</strong> #E97913<br />
<strong>RGB:</strong> 233,121,19</td>
</tr>
<tr>
<td bgcolor="#4d3711" width="200"></td>
<td><strong>HEX:</strong> #4D3711<br />
<strong>RGB:</strong> 77,55,17</td>
</tr>
<tr>
<td bgcolor="#e4cc62" width="200"></td>
<td><strong>HEX:</strong> #E4CC62<br />
<strong>RGB:</strong> 228,204,98</td>
</tr>
<tr>
<td bgcolor="#afac37" width="200"></td>
<td><strong>HEX:</strong> #AFAC37<br />
<strong>RGB:</strong> 175,172,55</td>
</tr>
<tr>
<td bgcolor="#b1af4f" width="200"></td>
<td><strong>HEX:</strong> #B1AF4F<br />
<strong>RGB:</strong> 177,175,79</td>
</tr>
<tr>
<td bgcolor="#929553" width="200"></td>
<td><strong>HEX:</strong> #929553<br />
<strong>RGB:</strong> 146,149,83</td>
</tr>
<tr>
<td bgcolor="#d1de8c" width="200"></td>
<td><strong>HEX:</strong> #D1DE8C<br />
<strong>RGB:</strong> 209,222,140</td>
</tr>
<tr>
<td bgcolor="#d0e5aa" width="200"></td>
<td><strong>HEX:</strong> #D0E5AA<br />
<strong>RGB:</strong> 208,229,170</td>
</tr>
<tr>
<td bgcolor="#5a8d67" width="200"></td>
<td><strong>HEX:</strong> #5A8D67<br />
<strong>RGB:</strong> 90,141,103</td>
</tr>
<tr>
<td bgcolor="#5a8d67" width="200"></td>
<td><strong>HEX:</strong> #5A8D67<br />
<strong>RGB:</strong> 90,141,103</td>
</tr>
<tr>
<td bgcolor="#334b4e" width="200"></td>
<td><strong>HEX:</strong> #334B4E<br />
<strong>RGB:</strong> 51,75,78</td>
</tr>
<tr>
<td bgcolor="#3d737d" width="200"></td>
<td><strong>HEX:</strong> #3D737D<br />
<strong>RGB:</strong> 61,115,125</td>
</tr>
<tr>
<td bgcolor="#8798c9" width="200"></td>
<td><strong>HEX:</strong> #8798C9<br />
<strong>RGB:</strong> 135,152,201</td>
</tr>
<tr>
<td bgcolor="#6d7590" width="200"></td>
<td><strong>HEX:</strong> #6D7590<br />
<strong>RGB:</strong> 109,117,144</td>
</tr>
<tr>
<td bgcolor="#8b95ba" width="200"></td>
<td><strong>HEX:</strong> #8B95BA<br />
<strong>RGB:</strong> 139,149,186</td>
</tr>
<tr>
<td bgcolor="#a9a8b9" width="200"></td>
<td><strong>HEX:</strong> #A9A8B9<br />
<strong>RGB:</strong> 169,168,185</td>
</tr>
<tr>
<td bgcolor="#f7f5f6" width="200"></td>
<td><strong>HEX:</strong> #F7F5F6<br />
<strong>RGB:</strong> 247,245,246</td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2006/axis-mundane/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

