<?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>COLORMONO</title>
	<atom:link href="http://colormono.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://colormono.com</link>
	<description>Static, Interactive &#38; Motion Designer</description>
	<lastBuildDate>Fri, 12 Aug 2011 18:04: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>Bailando por una tarta de manzana</title>
		<link>http://colormono.com/portfolio/iuna/apple-pie/</link>
		<comments>http://colormono.com/portfolio/iuna/apple-pie/#comments</comments>
		<pubDate>Fri, 12 Aug 2011 17:59:31 +0000</pubDate>
		<dc:creator>Colormono</dc:creator>
				<category><![CDATA[IUNA]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://colormono.com/?p=216</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><a href="http://colormono.com/portfolio/iuna/apple-pie/"><em>Pinche aquí para ver el vídeo</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://colormono.com/portfolio/iuna/apple-pie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vandalos</title>
		<link>http://colormono.com/portfolio/iuna/vandalos/</link>
		<comments>http://colormono.com/portfolio/iuna/vandalos/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 06:19:07 +0000</pubDate>
		<dc:creator>Colormono</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[IUNA]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[lab]]></category>

		<guid isPermaLink="false">http://colormono.com/?p=204</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-large wp-image-206" title="vandalos" src="http://colormono.com/wp-content/uploads/2010/11/vandalos-770x505.jpg" alt="Vandalos iPhone App" width="770" height="505" /></p>
]]></content:encoded>
			<wfw:commentRss>http://colormono.com/portfolio/iuna/vandalos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>chePebete!</title>
		<link>http://colormono.com/portfolio/iuna/chepebete/</link>
		<comments>http://colormono.com/portfolio/iuna/chepebete/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 05:56:42 +0000</pubDate>
		<dc:creator>Colormono</dc:creator>
				<category><![CDATA[IUNA]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://colormono.com/?p=195</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-large wp-image-196" title="chepebete" src="http://colormono.com/wp-content/uploads/2010/11/chepebete-770x481.jpg" alt="Website capture" width="770" height="481" /></p>
]]></content:encoded>
			<wfw:commentRss>http://colormono.com/portfolio/iuna/chepebete/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Iggy Pop en los 80&#8242;</title>
		<link>http://colormono.com/portfolio/iuna/iggy-pop-en-los-80/</link>
		<comments>http://colormono.com/portfolio/iuna/iggy-pop-en-los-80/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 05:43:17 +0000</pubDate>
		<dc:creator>Colormono</dc:creator>
				<category><![CDATA[IUNA]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[lab]]></category>

		<guid isPermaLink="false">http://colormono.com/?p=190</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><a href="http://colormono.com/portfolio/iuna/iggy-pop-en-los-80/"><em>Pinche aquí para ver el vídeo</em></a></p>
<p><img class="alignnone size-full wp-image-192" title="screen-iggypop" src="http://colormono.com/wp-content/uploads/2010/11/screen-iggypop.jpg" alt="Iggy Pop 80's Pop Screenshots" width="770" height="755" /></p>
]]></content:encoded>
			<wfw:commentRss>http://colormono.com/portfolio/iuna/iggy-pop-en-los-80/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pandemic</title>
		<link>http://colormono.com/portfolio/iuna/pandemic/</link>
		<comments>http://colormono.com/portfolio/iuna/pandemic/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 05:03:46 +0000</pubDate>
		<dc:creator>Colormono</dc:creator>
				<category><![CDATA[IUNA]]></category>
		<category><![CDATA[Lab]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://colormono.com/?p=179</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="770" height="580" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fphotos%2Fwanlob%2Ftags%2Fpandemic%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fwanlob%2Ftags%2Fpandemic%2F&amp;user_id=8554589@N08&amp;tags=pandemic&amp;jump_to=&amp;start_index=" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="770" height="580" src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" allowfullscreen="true" flashvars="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fphotos%2Fwanlob%2Ftags%2Fpandemic%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fwanlob%2Ftags%2Fpandemic%2F&amp;user_id=8554589@N08&amp;tags=pandemic&amp;jump_to=&amp;start_index="></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://colormono.com/portfolio/iuna/pandemic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lúcuma Audiovisual</title>
		<link>http://colormono.com/portfolio/web/lucuma-audiovisual/</link>
		<comments>http://colormono.com/portfolio/web/lucuma-audiovisual/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 04:53:42 +0000</pubDate>
		<dc:creator>Colormono</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://colormono.com/?p=171</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-large wp-image-172" title="website-lucuma-01" src="http://colormono.com/wp-content/uploads/2010/11/website-lucuma-01-770x478.jpg" alt="Website Lucuma" width="770" height="478" /><img class="alignnone size-large wp-image-174" title="website-lucuma-03" src="http://colormono.com/wp-content/uploads/2010/11/website-lucuma-03-770x478.jpg" alt="Website Lucuma" width="770" height="478" /><img title="website-lucuma-02" src="http://colormono.com/wp-content/uploads/2010/11/website-lucuma-02-770x478.jpg" alt="Website Lucuma" width="770" height="478" /><img class="alignnone size-large wp-image-175" title="website-lucuma-04" src="http://colormono.com/wp-content/uploads/2010/11/website-lucuma-04-770x478.jpg" alt="" width="770" height="478" /></p>
]]></content:encoded>
			<wfw:commentRss>http://colormono.com/portfolio/web/lucuma-audiovisual/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>VerkiRatio &#8211; Relación Divina</title>
		<link>http://colormono.com/portfolio/lab/verkiratio-relacion-divina/</link>
		<comments>http://colormono.com/portfolio/lab/verkiratio-relacion-divina/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 04:15:34 +0000</pubDate>
		<dc:creator>Colormono</dc:creator>
				<category><![CDATA[Lab]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[lab]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://colormono.com/?p=161</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-162" title="relaciondivina" src="http://colormono.com/wp-content/uploads/2010/11/relaciondivina.jpg" alt="VerkiRatio - Mi relación divina" width="770" height="474" /></p>
]]></content:encoded>
			<wfw:commentRss>http://colormono.com/portfolio/lab/verkiratio-relacion-divina/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A la manera de Mondrian</title>
		<link>http://colormono.com/portfolio/iuna/a-la-manera-de-mondrian/</link>
		<comments>http://colormono.com/portfolio/iuna/a-la-manera-de-mondrian/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 03:55:46 +0000</pubDate>
		<dc:creator>Colormono</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[IUNA]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Arte Generativo]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://colormono.com/?p=151</guid>
		<description><![CDATA[/* * TP Parcial: A la manera de Piet Mondrian * Obra: Retícula Cósmica * Concepto: &#34;Solo cuando estemos en lo real absoluto, el arte no será ya más necesario.&#34; P. Mondrian * * Informática Aplicada I - IUNA * Mariano Rivas (30.591.163) * http://colormono.com * ****************************************************************/ &#160; // Definiciones boolean pintando = false; // [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://colormono.com/portfolio/iuna/a-la-manera-de-mondrian/"><em>Pinche aquí para ver el vídeo</em></a></p>
<p style="text-align: center;"><img class="size-full wp-image-152  aligncenter" title="mondrian2" src="http://colormono.com/wp-content/uploads/2010/11/mondrian2.jpg" alt="A la manera de Mondrian" width="592" height="614" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-153" title="mondrian1" src="http://colormono.com/wp-content/uploads/2010/11/mondrian1.jpg" alt="A la manera de Mondrian" width="592" height="614" /></p>

<div class="wp_syntax"><div class="code"><pre class="java"><span class="coMULTI">/*
 * TP Parcial: A la manera de Piet Mondrian
 * Obra: Retícula Cósmica
 * Concepto: &quot;Solo cuando estemos en lo real absoluto, el arte no será ya más necesario.&quot; P. Mondrian
 *
 * Informática Aplicada I - IUNA
 * Mariano Rivas (30.591.163)
 * http://colormono.com
 *
 ****************************************************************/</span>
&nbsp;
<span class="co1">// Definiciones</span>
<span class="kw4">boolean</span> pintando <span class="sy0">=</span> <span class="kw2">false</span><span class="sy0">;</span>                                        <span class="co1">// Comienza pintando o pensando que pintar?</span>
<span class="kw4">boolean</span> grid <span class="sy0">=</span> <span class="kw2">false</span><span class="sy0">;</span>                                            <span class="co1">// Muestra la grilla de construccion?</span>
<span class="kw4">int</span> ciclos <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span>                                                  <span class="co1">// Primer ciclo (Duracion = ciclosTotales - ciclos)</span>
<span class="kw4">int</span> ciclosTotales <span class="sy0">=</span> <span class="nu0">300</span><span class="sy0">;</span>                                         <span class="co1">// Cantidad de ciclos antes del reinicio</span>
<span class="kw4">int</span> Principales <span class="sy0">=</span> <span class="nu0">1</span><span class="sy0">;</span>                                             <span class="co1">// Cantidad de Bloques Principales</span>
<span class="kw4">int</span> Secundarios <span class="sy0">=</span> <span class="nu0">2</span><span class="sy0">;</span>                                             <span class="co1">// Cantidad de Bloques Secundarios</span>
<span class="kw4">int</span> Terciarios <span class="sy0">=</span> <span class="nu0">3</span><span class="sy0">;</span>                                              <span class="co1">// Cantidad de Bloques Terciarios</span>
<span class="kw4">int</span> Complementarios <span class="sy0">=</span> <span class="nu0">3</span><span class="sy0">;</span>                                         <span class="co1">// Cantidad de Bloques Complementarios</span>
Rectangulo<span class="br0">&#91;</span><span class="br0">&#93;</span> principal <span class="sy0">=</span> <span class="kw1">new</span> Rectangulo<span class="br0">&#91;</span>Principales<span class="br0">&#93;</span><span class="sy0">;</span>            <span class="co1">// Declaración y creación del array</span>
Rectangulo<span class="br0">&#91;</span><span class="br0">&#93;</span> secundarios <span class="sy0">=</span> <span class="kw1">new</span> Rectangulo<span class="br0">&#91;</span>Secundarios<span class="br0">&#93;</span><span class="sy0">;</span>          <span class="co1">// Declaración y creación del array</span>
Rectangulo<span class="br0">&#91;</span><span class="br0">&#93;</span> terciarios <span class="sy0">=</span> <span class="kw1">new</span> Rectangulo<span class="br0">&#91;</span>Terciarios<span class="br0">&#93;</span><span class="sy0">;</span>            <span class="co1">// Declaración y creación del array</span>
Rectangulo<span class="br0">&#91;</span><span class="br0">&#93;</span> complementarios <span class="sy0">=</span> <span class="kw1">new</span> Rectangulo<span class="br0">&#91;</span>Complementarios<span class="br0">&#93;</span><span class="sy0">;</span>  <span class="co1">// Declaración y creación del array</span>
Transition bgCanvas <span class="sy0">=</span> <span class="kw1">new</span> Transition<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>                          <span class="co1">// Declaración y Construccion del Objeto para las transiciones</span>
Transition bgMascara <span class="sy0">=</span> <span class="kw1">new</span> Transition<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>                         <span class="co1">// Declaración y Construccion del Objeto para las transiciones</span>
&nbsp;
<span class="co1">// Variables internas de construccion</span>
<span class="kw4">float</span> bloque, Xpos, Ypos, BordeAncho, MargenError, margenSup, margenDer, margenInf, margenIzq<span class="sy0">;</span>
<span class="kw4">int</span> Ancho, Alto, BordeSuperior, BordeInferior, BordeIzquierdo, BordeDerecho<span class="sy0">;</span>
color <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Acolor+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span class="kw3">Color</span></a>, ColorPrincipal, ColorSecundario, ColorTerciario, ColorComplementario, BordeColor, blanco, negro, rojo, amarillo, azul<span class="sy0">;</span>
&nbsp;
<span class="kw4">void</span> setup<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
  size<span class="br0">&#40;</span><span class="nu0">512</span>,<span class="nu0">512</span><span class="br0">&#41;</span><span class="sy0">;</span>                                                 <span class="co1">// Tamaño del lienzo</span>
  colorMode<span class="br0">&#40;</span>HSB, <span class="nu0">360</span>, <span class="nu0">100</span>, <span class="nu0">100</span>, <span class="nu0">100</span><span class="br0">&#41;</span><span class="sy0">;</span>                            <span class="co1">// Modo de color</span>
  randomSeed<span class="br0">&#40;</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="sy0">;</span>                                                 <span class="co1">// Fuerza los mismos valores aleatorios</span>
  smooth<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>                                                      <span class="co1">// Filtro antiAlias</span>
  <span class="co1">//noCursor();                                                    // Apago el cursor</span>
  <span class="co1">//println(frameCount);                                           // Medir FrameRate</span>
<span class="br0">&#125;</span>
&nbsp;
<span class="kw4">void</span> draw<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp;
  <span class="co1">// Si no esta pintando, piensa que tiene que pintar</span>
  <span class="kw1">if</span> <span class="br0">&#40;</span>pintando <span class="sy0">==</span> <span class="kw2">false</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp;
    <span class="co1">// Parametros Globales</span>
    bloque <span class="sy0">=</span> width <span class="sy0">/</span> <span class="nu0">32</span><span class="sy0">;</span>                                        <span class="co1">// Grilla: 32 x 32 bloques</span>
    blanco <span class="sy0">=</span> color<span class="br0">&#40;</span><span class="nu0">39</span>, <span class="nu0">13</span>, <span class="nu0">95</span>, <span class="nu0">100</span><span class="br0">&#41;</span><span class="sy0">;</span>                            <span class="co1">// Color Blanco</span>
    negro <span class="sy0">=</span> color<span class="br0">&#40;</span><span class="nu0">348</span>, <span class="nu0">83</span>, <span class="nu0">7</span>, <span class="nu0">100</span><span class="br0">&#41;</span><span class="sy0">;</span>                             <span class="co1">// Color Negro</span>
    rojo <span class="sy0">=</span> color<span class="br0">&#40;</span><span class="nu0">8</span>, <span class="nu0">88</span>, <span class="nu0">88</span>, <span class="nu0">100</span><span class="br0">&#41;</span><span class="sy0">;</span>                               <span class="co1">// Color Rojo</span>
    amarillo <span class="sy0">=</span> color<span class="br0">&#40;</span><span class="nu0">53</span>, <span class="nu0">99</span>, <span class="nu0">93</span>, <span class="nu0">100</span><span class="br0">&#41;</span><span class="sy0">;</span>                          <span class="co1">// Color Amarillo</span>
    azul <span class="sy0">=</span> color<span class="br0">&#40;</span><span class="nu0">222</span>, <span class="nu0">65</span>, <span class="nu0">61</span>, <span class="nu0">100</span><span class="br0">&#41;</span><span class="sy0">;</span>                             <span class="co1">// Color Azul</span>
    BordeAncho <span class="sy0">=</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">5</span>,<span class="nu0">8</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>                            <span class="co1">// Grosor del borde</span>
    BordeSuperior <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">4</span>, <span class="nu0">24</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">16</span><span class="br0">&#41;</span><span class="sy0">;</span>              <span class="co1">// Continuacion del borde superior</span>
    BordeInferior <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">4</span>, <span class="nu0">24</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">16</span><span class="br0">&#41;</span><span class="sy0">;</span>              <span class="co1">// Continuacion del borde inferior</span>
    BordeIzquierdo <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">4</span>, <span class="nu0">24</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">16</span><span class="br0">&#41;</span><span class="sy0">;</span>             <span class="co1">// Continuacion del borde izquierdo</span>
    BordeDerecho <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">4</span>, <span class="nu0">24</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">16</span><span class="br0">&#41;</span><span class="sy0">;</span>               <span class="co1">// Continuacion del borde derecho</span>
    MargenError <span class="sy0">=</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">5</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>                          <span class="co1">// Aberraciones en las terminaciones</span>
    strokeCap<span class="br0">&#40;</span>SQUARE<span class="br0">&#41;</span><span class="sy0">;</span>                                          <span class="co1">// Tipo de borde</span>
    <span class="kw4">int</span> defineColor <span class="sy0">=</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>,<span class="nu0">3</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>                       <span class="co1">// Paleta a utilizar</span>
    <span class="kw1">switch</span><span class="br0">&#40;</span>defineColor<span class="br0">&#41;</span><span class="br0">&#123;</span>
    <span class="kw1">case</span> <span class="nu0">0</span><span class="sy0">:</span>
      ColorPrincipal <span class="sy0">=</span> rojo<span class="sy0">;</span>
      ColorSecundario <span class="sy0">=</span> azul<span class="sy0">;</span>
      ColorTerciario <span class="sy0">=</span> amarillo<span class="sy0">;</span>
      ColorComplementario <span class="sy0">=</span> negro<span class="sy0">;</span>
      BordeColor <span class="sy0">=</span> negro<span class="sy0">;</span>
      <span class="kw1">break</span><span class="sy0">;</span>
    <span class="kw1">case</span> <span class="nu0">1</span><span class="sy0">:</span>
      ColorPrincipal <span class="sy0">=</span> azul<span class="sy0">;</span>
      ColorSecundario <span class="sy0">=</span> rojo<span class="sy0">;</span>
      ColorTerciario <span class="sy0">=</span> amarillo<span class="sy0">;</span>
      ColorComplementario <span class="sy0">=</span> negro<span class="sy0">;</span>
      BordeColor <span class="sy0">=</span> negro<span class="sy0">;</span>
      <span class="kw1">break</span><span class="sy0">;</span>
    <span class="kw1">case</span> <span class="nu0">2</span><span class="sy0">:</span>
      ColorPrincipal <span class="sy0">=</span> amarillo<span class="sy0">;</span>
      ColorSecundario <span class="sy0">=</span> rojo<span class="sy0">;</span>
      ColorTerciario <span class="sy0">=</span> azul<span class="sy0">;</span>
      ColorComplementario <span class="sy0">=</span> negro<span class="sy0">;</span>
      BordeColor <span class="sy0">=</span> negro<span class="sy0">;</span>
      <span class="kw1">break</span><span class="sy0">;</span>
    <span class="kw1">default</span><span class="sy0">:</span>
      ColorPrincipal <span class="sy0">=</span> blanco<span class="sy0">;</span>
      ColorSecundario <span class="sy0">=</span> blanco<span class="sy0">;</span>
      ColorTerciario <span class="sy0">=</span> azul<span class="sy0">;</span>
      ColorComplementario <span class="sy0">=</span> rojo<span class="sy0">;</span>
      BordeColor <span class="sy0">=</span> amarillo<span class="sy0">;</span>
      <span class="kw1">break</span><span class="sy0">;</span>
    <span class="br0">&#125;</span>
&nbsp;
    <span class="co1">// Bloques Principales</span>
    <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw4">int</span> i <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span> i <span class="sy0">&amp;</span>lt<span class="sy0">;</span> principal.<span class="me1">length</span><span class="sy0">;</span> i<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
      Xpos <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">16</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">8</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Ypos <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">16</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">8</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Ancho <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">4</span>, <span class="nu0">8</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Alto <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">4</span>, <span class="nu0">8</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      principal<span class="br0">&#91;</span>i<span class="br0">&#93;</span> <span class="sy0">=</span> <span class="kw1">new</span> Rectangulo<span class="br0">&#40;</span>ColorPrincipal, Xpos, Ypos, Ancho, Alto, BordeColor, BordeAncho, BordeSuperior, BordeDerecho, BordeInferior, BordeIzquierdo, MargenError<span class="br0">&#41;</span><span class="sy0">;</span>
      println<span class="br0">&#40;</span>Xpos <span class="sy0">+</span> <span class="st0">&quot;, &quot;</span> <span class="sy0">+</span> Ypos <span class="sy0">+</span> <span class="st0">&quot;, &quot;</span> <span class="sy0">+</span> Ancho <span class="sy0">+</span> <span class="st0">&quot;, &quot;</span> <span class="sy0">+</span> Alto<span class="br0">&#41;</span><span class="sy0">;</span>
    <span class="br0">&#125;</span>
&nbsp;
    <span class="co1">// Bloques Secundarios</span>
    <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw4">int</span> i <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span> i <span class="sy0">&amp;</span>lt<span class="sy0">;</span> secundarios.<span class="me1">length</span><span class="sy0">;</span> i<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
      Xpos <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">16</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">16</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Ypos <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">16</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">16</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Ancho <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">3</span>, <span class="nu0">5</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Alto <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">3</span>, <span class="nu0">5</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      secundarios<span class="br0">&#91;</span>i<span class="br0">&#93;</span> <span class="sy0">=</span> <span class="kw1">new</span> Rectangulo<span class="br0">&#40;</span>ColorSecundario, Xpos, Ypos, Ancho, Alto, BordeColor, BordeAncho, BordeSuperior, BordeDerecho, BordeInferior, BordeIzquierdo, MargenError<span class="br0">&#41;</span><span class="sy0">;</span>
    <span class="br0">&#125;</span>
&nbsp;
    <span class="co1">// Bloques Terciarios</span>
    <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw4">int</span> i <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span> i <span class="sy0">&amp;</span>lt<span class="sy0">;</span> terciarios.<span class="me1">length</span><span class="sy0">;</span> i<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
      Xpos <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">16</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">32</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Ypos <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">16</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">32</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Ancho <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">1</span>, <span class="nu0">3</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Alto <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">1</span>, <span class="nu0">3</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      terciarios<span class="br0">&#91;</span>i<span class="br0">&#93;</span> <span class="sy0">=</span> <span class="kw1">new</span> Rectangulo<span class="br0">&#40;</span>ColorTerciario, Xpos, Ypos, Ancho, Alto, BordeColor, BordeAncho, BordeSuperior, BordeDerecho, BordeInferior, BordeIzquierdo, MargenError<span class="br0">&#41;</span><span class="sy0">;</span>
    <span class="br0">&#125;</span>
&nbsp;
    <span class="co1">// Bloques Complementarios</span>
    <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw4">int</span> i <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span> i <span class="sy0">&amp;</span>lt<span class="sy0">;</span> complementarios.<span class="me1">length</span><span class="sy0">;</span> i<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
      Xpos <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">16</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">8</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Ypos <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">16</span><span class="br0">&#41;</span> <span class="sy0">%</span> <span class="nu0">8</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Ancho <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">2</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      Alto <span class="sy0">=</span> <span class="nu0">2</span> <span class="sy0">*</span> round<span class="br0">&#40;</span>random<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">2</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      BordeAncho <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span>
      complementarios<span class="br0">&#91;</span>i<span class="br0">&#93;</span> <span class="sy0">=</span> <span class="kw1">new</span> Rectangulo<span class="br0">&#40;</span>ColorComplementario, Xpos, Ypos, Ancho, Alto, BordeColor, BordeAncho, BordeSuperior, BordeDerecho, BordeInferior, BordeIzquierdo, MargenError<span class="br0">&#41;</span><span class="sy0">;</span>
    <span class="br0">&#125;</span>
&nbsp;
    pintando <span class="sy0">=</span> <span class="kw2">true</span><span class="sy0">;</span>
&nbsp;
    <span class="co1">// Sino, se pone manos a la obra</span>
  <span class="br0">&#125;</span>
  <span class="kw1">else</span> <span class="br0">&#123;</span>
&nbsp;
    <span class="co1">// Si le queda tiempo sigue pintando</span>
    <span class="kw1">if</span> <span class="br0">&#40;</span>ciclos <span class="sy0">&amp;</span>lt<span class="sy0">;=</span> ciclosTotales<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp;
      <span class="co1">// Color del lienzo</span>
      background<span class="br0">&#40;</span>blanco<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
      <span class="co1">// Grilla de construccion</span>
      <span class="kw1">if</span> <span class="br0">&#40;</span>grid <span class="sy0">==</span> <span class="kw2">true</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
        <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw4">float</span> x <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span> x <span class="sy0">&amp;</span>lt<span class="sy0">;</span> height<span class="sy0">;</span> x <span class="sy0">+=</span> bloque <span class="br0">&#41;</span> <span class="br0">&#123;</span>
          <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw4">float</span> y <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span> y <span class="sy0">&amp;</span>lt<span class="sy0">;</span> width<span class="sy0">;</span> y <span class="sy0">+=</span> bloque <span class="br0">&#41;</span> <span class="br0">&#123;</span>
            stroke<span class="br0">&#40;</span>negro, <span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span>
            strokeWeight<span class="br0">&#40;</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span>
            line<span class="br0">&#40;</span>x, <span class="nu0">0</span>, x, height<span class="br0">&#41;</span><span class="sy0">;</span>
            line<span class="br0">&#40;</span><span class="nu0">0</span>, y, width, y<span class="br0">&#41;</span><span class="sy0">;</span>
          <span class="br0">&#125;</span>
        <span class="br0">&#125;</span>
      <span class="br0">&#125;</span>
&nbsp;
      <span class="co1">// Dibuja Bloques</span>
      <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw4">int</span> i <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span> i <span class="sy0">&amp;</span>lt<span class="sy0">;</span> complementarios.<span class="me1">length</span><span class="sy0">;</span> i<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
        complementarios<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">mostrar</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      <span class="br0">&#125;</span>
      <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw4">int</span> i <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span> i <span class="sy0">&amp;</span>lt<span class="sy0">;</span> terciarios.<span class="me1">length</span><span class="sy0">;</span> i<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
        terciarios<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">mostrar</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      <span class="br0">&#125;</span>
      <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw4">int</span> i <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span> i <span class="sy0">&amp;</span>lt<span class="sy0">;</span> secundarios.<span class="me1">length</span><span class="sy0">;</span> i<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
        secundarios<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">mostrar</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      <span class="br0">&#125;</span>
      <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw4">int</span> i <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span> i <span class="sy0">&amp;</span>lt<span class="sy0">;</span> principal.<span class="me1">length</span><span class="sy0">;</span> i<span class="sy0">++</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
        principal<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">mostrar</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
      <span class="br0">&#125;</span>
&nbsp;
      <span class="co1">// Mascara de Entrada</span>
      bgMascara.<span class="me1">slideTo</span><span class="br0">&#40;</span><span class="nu0">0.05</span>, <span class="nu0">39</span>, <span class="nu0">13</span>, <span class="nu0">95</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// Pasando: Velocidad (0 a 1), Tono (1 a 360), Saturacion (0 a 100), Brillo (0 a 100)</span>
&nbsp;
      ciclos <span class="sy0">++;</span>
&nbsp;
      <span class="co1">// Sino reinicia</span>
    <span class="br0">&#125;</span>
    <span class="kw1">else</span> <span class="br0">&#123;</span>
      bgCanvas.<span class="me1">fadeTo</span><span class="br0">&#40;</span><span class="nu0">0.08</span>, <span class="nu0">39</span>, <span class="nu0">13</span>, <span class="nu0">95</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// Pasando: Velocidad (0 a 1), Tono (1 a 360), Saturacion (0 a 100), Brillo (0 a 100)</span>
    <span class="br0">&#125;</span>
&nbsp;
  <span class="br0">&#125;</span> <span class="co1">// FIN</span>
&nbsp;
<span class="br0">&#125;</span>
&nbsp;
<span class="co1">// Rectangulo</span>
<span class="kw1">class</span> Rectangulo <span class="br0">&#123;</span>
  color <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Acolor+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span class="kw3">Color</span></a>, BordeColor<span class="sy0">;</span>
  <span class="kw4">float</span> Xpos, Ypos, BordeAncho, MargenError, margenSup, margenDer, margenInf, margenIzq<span class="sy0">;</span>
  <span class="kw4">int</span> Ancho, Alto, BordeSuperior, BordeInferior, BordeIzquierdo, BordeDerecho<span class="sy0">;</span>
&nbsp;
  Rectangulo<span class="br0">&#40;</span>color tempColor, <span class="kw4">float</span> tempXpos, <span class="kw4">float</span> tempYpos, <span class="kw4">int</span> tempAncho, <span class="kw4">int</span> tempAlto, color tempBordeColor,
  <span class="kw4">float</span> tempBordeAncho, <span class="kw4">int</span> tempBordeSuperior, <span class="kw4">int</span> tempBordeDerecho, <span class="kw4">int</span> tempBordeInferior,
  <span class="kw4">int</span> tempBordeIzquierdo, <span class="kw4">float</span> tempMargenError<span class="br0">&#41;</span> <span class="br0">&#123;</span>
    <a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Acolor+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span class="kw3">Color</span></a> <span class="sy0">=</span> tempColor<span class="sy0">;</span>
    Xpos <span class="sy0">=</span> tempXpos<span class="sy0">;</span>
    Ypos <span class="sy0">=</span> tempYpos<span class="sy0">;</span>
    Ancho <span class="sy0">=</span> tempAncho<span class="sy0">;</span>
    Alto <span class="sy0">=</span> tempAlto<span class="sy0">;</span>
    BordeColor <span class="sy0">=</span> tempBordeColor<span class="sy0">;</span>
    BordeAncho <span class="sy0">=</span> tempBordeAncho<span class="sy0">;</span>
    BordeSuperior <span class="sy0">=</span> tempBordeSuperior<span class="sy0">;</span>
    BordeInferior <span class="sy0">=</span> tempBordeInferior<span class="sy0">;</span>
    BordeIzquierdo <span class="sy0">=</span> tempBordeIzquierdo<span class="sy0">;</span>
    BordeDerecho <span class="sy0">=</span> tempBordeDerecho<span class="sy0">;</span>
    MargenError <span class="sy0">=</span> random<span class="br0">&#40;</span><span class="nu0">0</span>,tempMargenError<span class="br0">&#41;</span><span class="sy0">;</span>
  <span class="br0">&#125;</span>
&nbsp;
  <span class="kw4">void</span> mostrar<span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
    noStroke<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
    fill<span class="br0">&#40;</span><a href="http://www.google.com/search?hl=en&amp;q=allinurl%3Acolor+java.sun.com&amp;btnI=I%27m%20Feeling%20Lucky"><span class="kw3">Color</span></a><span class="br0">&#41;</span><span class="sy0">;</span>
    rectMode<span class="br0">&#40;</span>CORNER<span class="br0">&#41;</span><span class="sy0">;</span>
    rect<span class="br0">&#40;</span>bloque <span class="sy0">*</span> Xpos, bloque <span class="sy0">*</span> Ypos, bloque <span class="sy0">*</span> Ancho, bloque <span class="sy0">*</span> Alto<span class="br0">&#41;</span><span class="sy0">;</span>
    <span class="kw1">if</span><span class="br0">&#40;</span>BordeAncho <span class="sy0">!=</span> <span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
      stroke<span class="br0">&#40;</span>BordeColor<span class="br0">&#41;</span><span class="sy0">;</span>
      strokeWeight<span class="br0">&#40;</span>BordeAncho<span class="br0">&#41;</span><span class="sy0">;</span>
      margenSup <span class="sy0">=</span> <span class="br0">&#40;</span>bloque <span class="sy0">*</span> BordeSuperior<span class="br0">&#41;</span> <span class="sy0">-</span> MargenError<span class="sy0">;</span>
      margenDer <span class="sy0">=</span> <span class="br0">&#40;</span>bloque <span class="sy0">*</span> BordeDerecho<span class="br0">&#41;</span> <span class="sy0">-</span> MargenError<span class="sy0">;</span>
      margenInf <span class="sy0">=</span> <span class="br0">&#40;</span>bloque <span class="sy0">*</span> BordeInferior<span class="br0">&#41;</span> <span class="sy0">-</span> MargenError<span class="sy0">;</span>
      margenIzq <span class="sy0">=</span> <span class="br0">&#40;</span>bloque <span class="sy0">*</span> BordeIzquierdo<span class="br0">&#41;</span> <span class="sy0">-</span> MargenError<span class="sy0">;</span>
      line<span class="br0">&#40;</span>bloque <span class="sy0">*</span> Xpos <span class="sy0">-</span> margenIzq, bloque <span class="sy0">*</span> Ypos, bloque <span class="sy0">*</span> <span class="br0">&#40;</span>Xpos <span class="sy0">+</span> Ancho<span class="br0">&#41;</span> <span class="sy0">+</span> margenDer , bloque <span class="sy0">*</span> Ypos<span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// Border Superior</span>
      line<span class="br0">&#40;</span>bloque <span class="sy0">*</span> Xpos <span class="sy0">-</span> margenIzq, bloque <span class="sy0">*</span> <span class="br0">&#40;</span>Ypos <span class="sy0">+</span> Alto<span class="br0">&#41;</span>, bloque <span class="sy0">*</span> <span class="br0">&#40;</span>Xpos <span class="sy0">+</span> Ancho<span class="br0">&#41;</span> <span class="sy0">+</span> margenDer , bloque <span class="sy0">*</span> <span class="br0">&#40;</span>Ypos <span class="sy0">+</span> Alto<span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// Border Inferior</span>
      line<span class="br0">&#40;</span>bloque <span class="sy0">*</span> <span class="br0">&#40;</span>Xpos <span class="sy0">+</span> Ancho<span class="br0">&#41;</span>, bloque <span class="sy0">*</span> Ypos <span class="sy0">-</span> margenSup, bloque <span class="sy0">*</span> <span class="br0">&#40;</span>Xpos <span class="sy0">+</span> Ancho<span class="br0">&#41;</span>,  bloque <span class="sy0">*</span> <span class="br0">&#40;</span>Ypos <span class="sy0">+</span> Alto<span class="br0">&#41;</span> <span class="sy0">+</span> margenInf<span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// Border Derecho</span>
      line<span class="br0">&#40;</span>bloque <span class="sy0">*</span> Xpos, bloque <span class="sy0">*</span> Ypos <span class="sy0">-</span> margenSup, bloque <span class="sy0">*</span> Xpos,  bloque <span class="sy0">*</span> <span class="br0">&#40;</span>Ypos <span class="sy0">+</span> Alto<span class="br0">&#41;</span> <span class="sy0">+</span> margenInf<span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// Border Izquierdo</span>
    <span class="br0">&#125;</span>
  <span class="br0">&#125;</span>
&nbsp;
<span class="br0">&#125;</span>
&nbsp;
<span class="co1">// Transition</span>
&nbsp;
<span class="co1">// Clases</span>
<span class="kw1">class</span> Transition<span class="br0">&#123;</span>
&nbsp;
  <span class="co1">// Campos</span>
  <span class="kw4">float</span> Alpha <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span>
  <span class="kw4">float</span> mascara <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span>
&nbsp;
  <span class="co1">// Metodos:</span>
&nbsp;
  <span class="co1">// Slide</span>
  <span class="kw4">void</span> slideTo<span class="br0">&#40;</span><span class="kw4">float</span> Speed, <span class="kw4">float</span> Hue, <span class="kw4">float</span> Saturation, <span class="kw4">float</span> Bright<span class="br0">&#41;</span><span class="br0">&#123;</span>
    noStroke<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
    fill<span class="br0">&#40;</span>Hue, Saturation, Bright, <span class="nu0">100</span><span class="br0">&#41;</span><span class="sy0">;</span>
    rect<span class="br0">&#40;</span><span class="nu0">0</span>, height, width, mascara <span class="sy0">-</span> height<span class="br0">&#41;</span><span class="sy0">;</span>
    mascara <span class="sy0">+=</span> ciclos <span class="sy0">*</span> Speed<span class="sy0">;</span>
    <span class="co1">// Reinicia</span>
    <span class="kw1">if</span> <span class="br0">&#40;</span>ciclos <span class="sy0">==</span> ciclosTotales<span class="br0">&#41;</span><span class="br0">&#123;</span>
      mascara <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span>
    <span class="br0">&#125;</span>
  <span class="br0">&#125;</span>
&nbsp;
  <span class="co1">// Fade</span>
  <span class="kw4">void</span> fadeTo<span class="br0">&#40;</span><span class="kw4">float</span> Speed, <span class="kw4">float</span> Hue, <span class="kw4">float</span> Saturation, <span class="kw4">float</span> Bright<span class="br0">&#41;</span><span class="br0">&#123;</span>
    noStroke<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
    rectMode<span class="br0">&#40;</span>CORNER<span class="br0">&#41;</span><span class="sy0">;</span>
    fill<span class="br0">&#40;</span>Hue, Saturation, Bright, Alpha<span class="br0">&#41;</span><span class="sy0">;</span>
    rect<span class="br0">&#40;</span><span class="nu0">0</span>, <span class="nu0">0</span>, width, height<span class="br0">&#41;</span><span class="sy0">;</span>
    Alpha <span class="sy0">+=</span> <span class="br0">&#40;</span>Alpha <span class="sy0">+</span> <span class="nu0">1</span><span class="br0">&#41;</span> <span class="sy0">*</span> Speed<span class="sy0">;</span>
    <span class="co1">// Reinicia</span>
    <span class="kw1">if</span> <span class="br0">&#40;</span>Alpha <span class="sy0">&amp;</span>gt<span class="sy0">;</span> <span class="nu0">100</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
      Alpha <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span>
      ciclos <span class="sy0">=</span> <span class="nu0">0</span><span class="sy0">;</span>
      pintando <span class="sy0">=</span> <span class="kw2">false</span><span class="sy0">;</span>
    <span class="br0">&#125;</span>
  <span class="br0">&#125;</span>
&nbsp;
<span class="br0">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://colormono.com/portfolio/iuna/a-la-manera-de-mondrian/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diego Rivera: Obra, Amor y Revolución</title>
		<link>http://colormono.com/portfolio/iuna/posterdiego-rivera/</link>
		<comments>http://colormono.com/portfolio/iuna/posterdiego-rivera/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 00:04:48 +0000</pubDate>
		<dc:creator>Colormono</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[IUNA]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mapa de información]]></category>

		<guid isPermaLink="false">http://colormono.com/?p=146</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-147" title="Poster de Diego Rivera: Obra, Amor y Revolución" src="http://colormono.com/wp-content/uploads/2010/11/poster-rivera.jpg" alt="Poster de Diego Rivera: Obra, Amor y Revolución" width="770" height="1078" /></p>
]]></content:encoded>
			<wfw:commentRss>http://colormono.com/portfolio/iuna/posterdiego-rivera/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hijos de Babel &#8211; La otra mitad</title>
		<link>http://colormono.com/portfolio/video/la-otra-mitad/</link>
		<comments>http://colormono.com/portfolio/video/la-otra-mitad/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 22:10:52 +0000</pubDate>
		<dc:creator>Colormono</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[videoclip]]></category>

		<guid isPermaLink="false">http://dev.wpcoder.com/dan/wordpress/?p=53</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><a href="http://colormono.com/portfolio/video/la-otra-mitad/"><em>Pinche aquí para ver el vídeo</em></a></p>
<p><img class="alignnone size-large wp-image-185" title="video-laotramitad-02" src="http://colormono.com/wp-content/uploads/2008/09/video-laotramitad-02-770x512.jpg" alt="Rodando" width="770" height="512" /></p>
]]></content:encoded>
			<wfw:commentRss>http://colormono.com/portfolio/video/la-otra-mitad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

