ഀ
ഀ
ഀ
ഀ
ഀ
ArteGenerativo_mx Archivo Muestra</titleഀ
><!-- InstanceEndEditable -->ഀ
<meta name="description" content="Hackpact.ArteGenerativo.mx, Hackpact de arte generativo.">ഀ
<meta name="keywords" content="Hackpact.ArteGenerativo.mx, hackpact, arte, arte generativo">ഀ
ഀ
<style type="text/css">ഀ
body,td,th {ഀ
font-family: Arial, Helvetica;ഀ
font-size: 12px;ഀ
color: #FFF;ഀ
}ഀ
body {ഀ
background-color: #666;ഀ
ഀ
background-image: ഀ
-moz-radial-gradient(center 160deg, circle, #666 0%, #000 100%);ഀ
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 700, from(#666), to(#000)); ഀ
ഀ
}ഀ
h1 {ഀ
font-size: 20px;ഀ
color: #999;ഀ
}ഀ
h2 {ഀ
font-size: 14px;ഀ
}ഀ
a:link {ഀ
color: #999;ഀ
text-decoration: underline;ഀ
}ഀ
a:visited {ഀ
text-decoration: underline;ഀ
color: #CCC;ഀ
}ഀ
a:hover {ഀ
text-decoration: none;ഀ
color: #333;ഀ
}ഀ
a:active {ഀ
text-decoration: underline;ഀ
color: #666;ഀ
}ഀ
h6 {ഀ
font-size: 9px;ഀ
color: #FFF;ഀ
}ഀ
</style>ഀ
ഀ
<!-- InstanceBeginEditable name="head" -->ഀ
<!-- InstanceEndEditable -->ഀ
ഀ
</head>ഀ
ഀ
<body text="#333333">ഀ
ഀ
ഀ
<table width="100%" border="0">ഀ
<tr>ഀ
<th scope="col">ഀ
<table width="100%" border="0">ഀ
<tr>ഀ
<th width="50" scope="col"> </th>ഀ
ഀ
<th width="300" align="right" nowrap="nowrap" scope="col" ><font face="Courier,Courier New">ഀ
<h1>Hackpact.Mx |</h1></font></th>ഀ
<th align="left" nowrap="nowrap" scope="col"> Arte Generativo</th>ഀ
</tr>ഀ
</table>ഀ
ഀ
<hr noshade, size="0.1">ഀ
<table width="100%" border="0">ഀ
ഀ
<tr>ഀ
<th width="50" scope="col"> </th>ഀ
<td width="120" align="center" scope="col"><a href="../../index.html" target="_parent">Inicio</a></td>ഀ
<td width="120" align="center" scope="col"><a href="../../que_es.html" target="_parent">¿qué es?</a></td>ഀ
<td width="120" align="center" scope="col"><a href="../../bases.html" target="_parent">¿cómo participar?</a><a href="artgen.html" target="_self"></a></td>ഀ
<td width="120" align="center" scope="col"><a href="../../artgen.html" target="_parent">participantes</a></td>ഀ
ഀ
<td width="120" align="center" scope="col"><p><a href="../../ligas.html" target="_parent">Ligas de interés</a></p></td>ഀ
ഀ
<td width="200" align="center" scope="col"><a href="../../tutorial_upload.html" target="_parent">¿cómo subir los códigos?</a></td>ഀ
<th scope="col"> </th>ഀ
</tr>ഀ
</table>ഀ
</th>ഀ
</tr>ഀ
<tr>ഀ
ഀ
<td align="center" valign="top">ഀ
<hr noshade, size="0.1">ഀ
ഀ
<!-- InstanceBeginEditable name="b_titulo" -->ഀ
<table width="100%" border="0">ഀ
<tr>ഀ
<th width="150" align="left" scope="col"> </th>ഀ
<th width="400" align="right" scope="col"> ↨ Dia 2 ►</th>ഀ
ഀ
<td align="left" scope="col"><p>| processing</p></td>ഀ
</tr>ഀ
</table>ഀ
ഀ
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Contenido01" -->ഀ
ഀ
ഀ
<!-- /////////////////////////////////////////////////////ഀ
Esta zona es la que pueden copiar y pegar lo correspondiente a-->ഀ
ഀ
<!--VIDEO--> ഀ
<table width="100%" border="0">ഀ
<tr>ഀ
ഀ
<th width="150" align="left" scope="col"> </th>ഀ
<th width="400" align="right" scope="col">ഀ
ഀ
ഀ
<!-- LIGA A MODIFICAR --><!-- ACA TERMINA -->ഀ
ഀ
ഀ
<p>ഀ
ഀ
<p align="center">ഀ
<iframe width="628" height="680" scrolling="no" frameborder="0" src="http://www.openprocessing.org/visuals/iframe.php?visualID=44898&width=600&height=600&border=true"></iframe><p align="center">ഀ
ഀ
ഀ
</p></th>ഀ
<td align="left" scope="col"> </td>ഀ
ഀ
</tr>ഀ
</table>ഀ
<!--AQUI TERMINA AUDIO-->ഀ
ഀ
ഀ
<!-- InstanceEndEditable -->ഀ
ഀ
<!-- InstanceBeginEditable name="Contenido02" -->ഀ
ഀ
ഀ
ഀ
ഀ
<!--AQUI INICIA SECCION DE LOS COMENTARIOS-->ഀ
ഀ
ഀ
<table width="100%" border="0">ഀ
<tr>ഀ
ഀ
<th width="150" align="left" scope="col"> </th>ഀ
<td width="400" align="justify" scope="col"><p>ഀ
<!-- COMENTARIOS EN ESTA SECCION-->ഀ
Vienturquesa ►</br>ഀ
</p>ഀ
ഀ
Ejemplo que utiliza la posicion del mouse para generar lineas por medio de absഀ
que permite valores positivos que partend el centro hacia afuera, con tonos random,ഀ
en la gama de azules turquesa .</p>ഀ
ഀ
ഀ
<blockquote>ഀ
ഀ
<p>//por Alejandro Rosado ► 2 ► octubre 2011<br />ഀ
ഀ
<br />ഀ
//ejercicio processing ► vienturquesa► mouse+ abs +random <br />ഀ
<br />ഀ
<br />ഀ
<br />ഀ
<p>ഀ
float r=random(255);<br />ഀ
float Vel;<br />ഀ
</p>ഀ
ഀ
void setup () {<br />ഀ
background (0);<br />ഀ
noCursor();<br />ഀ
size (600, 600);<br />ഀ
fill(r, 200, 255, 1);<br />ഀ
strokeWeight(0.005);<br />ഀ
smooth();<br />ഀ
frameRate(20);<br />ഀ
stroke (255);<br />ഀ
}<br /><br />ഀ
ഀ
ഀ
void draw() {<br />ഀ
Vel=abs(pmouseX-pmouseY*TWO_PI);<br />ഀ
color elcolores = color(random (0,25), random(0,200), random(0,255), 10);<br />ഀ
fill(elcolores);<br />ഀ
quad(<br />ഀ
height/2, //x1 el punto de inicio en el centro<br />ഀ
width/2,//y1<br />ഀ
mouseX+mouseX*(sin(r)),//x2<br />ഀ
mouseY+random(0,600),//y2<br />ഀ
mouseX,//x3<br />ഀ
mouseY,//y3<br />ഀ
mouseX+(mouseX*r),//x4<br />ഀ
mouseY+random(mouseY*Vel));//y4<br />ഀ
}<br />ഀ
ഀ
ഀ
</p>ഀ
ഀ
</blockquote>ഀ
ഀ
<!-- ACA TERMINA COMENTARIOS -->ഀ
ഀ
ഀ
</td>ഀ
<td align="left" scope="col"> </td>ഀ
</tr>ഀ
</table>ഀ
<!-- InstanceEndEditable -->ഀ
ഀ
</body>ഀ
<!-- InstanceEnd --></html>ഀ