Arte Pixel

CORAZÓN 1  Ancho: 11 B14 N2 B1 N2 B3 B2 N1 B2 N1 B2 N1 B2 B1 N1 B7 N1 B1 B1 N1 B7 N1 B1 B2 N1 B5 N1 B2 B3 N1 B3 N1 B3 B4 N1 B1 N1 B4 B5 N1 B5 B11

MUJER   Ancho: 34 B16 N6 B25 N12 B20 N16 B17 N15 B1 N3 B14 N16 B2 N3 B12 N18 B1 N4 B10 N19 B1 N5 B9 N19 B1 N5 B8 N20 B1 N6 B7 N5 B1 N14 B1 N6 B6 N5 B3 N13 B1 N6 B6 N2 B2 N1 B3 N1 B2 N10 B1 N6 B6 N1 B11 N9 B1 N7 B4 N2 B11 N9 B1 N7 B4 N3 B4 N1 B4 N10 B1 N7 B4 N1 B5 N3 B5 N5 B5 N6 B3 N1 B5 N2 B1 N2 B5 N2 B8 N5 B3 N2 B5 N3 B5 N2 B9 N5 B3 N4 B4 N1 B4 N3 B11 N4 B2 N4 B11 N1 B13 N3 B2 N4 B11 N2 B12 N3 B2 N5 B2 N1 B3 N1 B2 N5 B10 N3 B2 N8 B3 N4 B3 N2 B9 N3 B2 N9 B1 N6 B3 N2 B4 N7 B2 N11 B2 N4 B3 N1 B2 N8 B3 N9 B5 N6 B2 N2 B3 N4 B2 N9 B8 N3 B3 N9 B2 N8 B14 N2 B1 N7 B2 N8 B14 N1 B4 N5 B2 N8 B14 N1 B4 N4 B3 N8 B14 N1 B3 N5 B3 N9 B10 N2 B1 N1 B3 N5 B2 N10 B11 N3 B2 N5 B3 N11 B14 N6 B3 N12 B6 N5 B1 N7 B3 N13 B5 N2 B1 N10 B3 N14 B5 N13 B2 N15 B6 N11 B2 N17 B3 N12 B2 N32 B2

PINGUINO  Ancho: 10 B4 A2 B7 A4 B5 A6 B3 N1 B1 N1 B2 N1 B1 N1 B2 N1 B2 J2 B2 N1 B2 A8 B1 N3 B4 N3 B1 N3 B2 N3 B2 N3 B2 N3 B3 N6 B3 J2 B4 J2 B1

CORAZÓN 2  Ancho: 13 B3 N3 B1 N3 B5 N1 R3 N1 R3 N1 B3 N1 R6 B1 R2 N1 B2 N1 R7 B1 R1 N1 B2 N1 R9 N1 B3 N1 R7 N1 B5 N1 R5 N1 B7 N1 R3 N1 B9 N1 R1 N1 B11 N1 B6

En el siguiente script se puede probar las instrucciones para generar Arte Pixel:

Ancho:

Instrucciones:

Código fuente del generador de Arte Pixel en JavaScript:

<div>
<form  style="background-color: lightgrey;" > 
Ancho:<br> <input type = text id =ancho placeholder="Ancho"  /> <br>
Instrucciones:<br> <textarea rows="30" cols="20" id="texto" placeholder="Instrucciones">


</textarea>
<p> <button onclick="armar()" type="button">Armar</button> </p>   
<p> <button onclick="borrar()" type="button">Borrar</button> </p>   
</form>
</div>

<div id ="tabla">

</div>

<script>  

function armar() 
 {  
  var s,text,a,color,pasos,linea,i,ancho,anchoactual,j,canlineas,colorcelda;
  s = document.getElementById("texto").value;
  ancho = parseInt(document.getElementById("ancho").value);
  a = s.split(/\n/);
  text = "<table border = 1  cellpadding= 0 cellspacing = 0>";
   i=0;
   anchoactual = 0;
   canlineas = a.length;
   while (i < canlineas)
   {
    linea = a[i];
    color = linea[0];
    pasos = parseInt(linea.slice(1));
    for (j=1;j<=pasos;j++)
    {
      
      if (anchoactual==0)
      {
        text = text + "<tr>";        
      }

      colorcelda = " ";
      if (color == "N" || color == "n" )
        {
          colorcelda = " bgcolor = black ";
        }
        else if (color == "A" || color == "a" )
        {
          colorcelda = " bgcolor = blue ";
        }
        else  if (color == "J" || color == "j" )
        {
          colorcelda = " bgcolor = orange ";
        }
        else if (color == "M" || color == "m" )
        {
          colorcelda = " bgcolor = brown ";
        }
        else if (color == "V" || color == "v" )
        {
          colorcelda = " bgcolor = green ";
        }
        else if (color == "R" || color == "r" )
        {
          colorcelda = " bgcolor = red ";
        }
        else if (color == "G" || color == "g" )
        {
          colorcelda = " bgcolor = gray ";
        }
        else
        {
          colorcelda = "  ";
        }

      text = text + "<td "+colorcelda+">    </td>";
      anchoactual++;
      if (anchoactual>=ancho)
      {
        text = text + "</tr>";
        anchoactual=0;
      }
    }
    i++;  
   }
   text = text+"</table>";
   document.getElementById("tabla").innerHTML = text;  
 }  

function borrar() 
 {  
  var text;
  text = "";
   document.getElementById("tabla").innerHTML = text;  
 }  


</script>