Construir un programa o función que tome entrada en forma de

<width>, <height>, <color1>, <color2>

y genera una salida tal que la primera fila alterna entre píxeles de color <color1>y <color2>con un período de <height>. Para cada fila que sigue, el período será <height> - <row number>. Tenga en cuenta que <color1>siempre comienza la fila.

Salida de muestra

Entrada 120, 6, #000000, #FFFF00:

Entrada 80, 50, #000000, #FFFF00:

(La salida de muestra se ha escalado para mayor claridad)

Este es el código de golf , por lo que gana la entrada válida más corta en bytes.

JavaScript (ES6), 177 bytes

g=
(w,h,f,b)=>`<svg${s=` width=${w} height=`+h}><rect${s} fill=${b} />`+[...Array(h)].map((_,i)=>`<line stroke=${f} stroke-dasharray=${h-i} x1=0 y1=${i} x2=${w} y2=${i} />`).join``

Width: <input id=w value=80 type=number min=1><br>Height: <input id=h value=50 type=number min=1><br>Foreground: <input id=f value=#000000><br>Background: <input id=b value=#FFFF00><br><input type=button value=Go! onclick=o.innerHTML=g(+w.value,+h.value,f.value,b.value)><div id=o>

Emite una imagen SVG compatible con HTML5.

Excel VBA, 129 bytes

Función de ventana inmediata anónima VBE que toma entrada del rango [A1:D1]y salidas al rango[A2].Resize([B1],[A1])

Cells.RowHeight=48:For Each r in[A2].Resize([B1],[A1]):r.Interior.Color=IIf(int((r.Column-1)/([B1]-R.Row+2))Mod 2,[D1],[C1]):Next

Salida

Salida para entrada 160, 90, 0xBDD7EE, 0xDDEBF7:

Tcl / Tk, 143

147 150 151

proc P {w h b c} {set p [image c photo -w $w -h $h]
time {incr y
set x 0
time {$p p -t $x $y [expr {[incr x]/($h-$y+1)%2?$c:$b}]} $w} $h
set p}

Devuelve la imagen que se puede probar, colocándola en un canvaswidget, escribiendo en un archivo, puede estar en el portapapeles, etc.

Código para pruebas

set w 960
set h 540
pack [canvas .c -w $w -he $h -highlightt 0]
.c cr image 0 0 -image [P $w $h #00ffff #ffbf32] -anchor nw

Mathematica, 52 bytes

Image@Table[If[Mod[j,2i]>i,#4,#3],{i,-#2,-1},{j,#}]&

Entrada de muestra:

Image@Table[If[Mod[j,2i]>i,#4,#3],{i,-#2,-1},{j,#}]&[120,6,Black,Yellow]

C (gcc) , 155 143 bytes

Imprime un PixMap portátil (.ppm) en stdout.

x,y,z;f(w,h,r,g,b,R,G,B){for(y=~0,printf("P3 %d %d 255",w,h);y++<~-h;)for(x=~0;x++<~-w;)z=(x/(h-y)%2),printf("\n%d %d %d ",z?R:r,z?G:g,z?B:b);}

Pruébalo en línea!

Salida

• Entrada: 80, 50, #ad00df, #f17e18

(Imagen convertida y redimensionada).

MATL , 34 32 29 bytes

-3 bytes gracias a Luis Mendo

XJx:P"1Hh@Y"1Jyn/XkX"J:)]viYG

Pruébalo en MATL Online

Java 8, 321 + 42 = 363 bytes

import java.awt.*;import java.awt.image.*;
(w,h,a,b)->{BufferedImage i=new BufferedImage(w,h,1);Graphics2D g=(Graphics2D)i.getGraphics();g.setColor(new Color(a));g.fillRect(0,0,w,h);g.setColor(new Color(b));for(int j=h;j>0;g.drawLine(0,h-j,w,h-j--))g.setStroke(new BasicStroke(1,0,0,1,new float[]{j},j));javax.imageio.ImageIO.write(i,"png",new java.io.File("a"));}

Salidas a un archivo PNG llamado a(sin extensión).

Código circundante utilizado para ejecutar el lambda: ¡ Pruébelo en línea!

Sin golf

(w,h,a,b)->{
    BufferedImage i=new BufferedImage(w,h,1);
    Graphics2D g=(Graphics2D)i.getGraphics();
    g.setColor(new Color(a));
    g.fillRect(0,0,w,h);
    g.setColor(new Color(b));
    for(int j=h;j>0;g.drawLine(0,h-j,w,h-j--))
        g.setStroke(new BasicStroke(1,0,0,1,new float[]{j},j));
    javax.imageio.ImageIO.write(i,"png",new java.io.File("a"));
}

Resultado

Entradas: 80, 50, 0xFF00FF, 0xFFFF00.

SOGL V0.12 , 83 bytes

..¹Cbe¹"εģνļ▲I-℮eīÆoHι⅛ļJd⁾)⁶f°┌²‘→e∫Ab∫Ƨ01a∙H∑bmWrcwιFHea-¹"S⁸▒Μ¬NrηA¤Y_⅓ļpPboā⁵‘→

Pruébalo aquí!

SOGL se creó en Processing .. Así que aproveché eso usando →- ejecutar como JavaScript. Podría ser fácilmente muchos bytes menos (al menos 30) si SOGL tuviera algo para gráficos.

Cuerdas sin comprimir:

..¹Cbe¹"__processing0.hidden=0;cp.size(ŗ,ŗ)”→e∫Ab∫Ƨ01a∙H∑bmWrcwιFHea-¹"cp.stroke(ŗ);cp.point(ŗ,ŗ)”→

Explicación:

..¹C       save the first 2 inputs as an array on variable C
be¹        save next input - width - on B, next input - height - on E, and wrap both in an array
"__processing0.hidden=0;cp.size(ŗ,ŗ)”→   
           execute "__processing0.hidden=0;cp.size(ŗ,ŗ)" as JavaScript - show the canvas and set the size to the corresponding items in the array

e∫A        repeat height times, saving 1-indexed counter on A
  b∫       repeat width times, pushing 1-indexed counter
    Ƨ01    push "01"
    a∙     multiply vertically A times             - ["01", "01", "01",...]
    H      rotate anticlockwise                    - ["000...","111..."]
    ∑      join together                           - "000..111.."
    bm     mold to the length of width             - "00011100011100"
    W      get the counterth letter of that string - "1"
    r      convert to number                       - 1
    cw     get that item from the variable C
    ι      remove the array from the stack
    FH     push current loops counter minus 1
    ea-    push e-a - height-outerLoopsCounter
    ¹      wrap the 3 items in an array - [itemInC (color), counter-1 (x position), height-outerLoopsCounter (y position)]

    "cp.stroke(ŗ);cp.point(ŗ,ŗ)”→ 
           execute "cp.stroke(ŗ);cp.point(ŗ,ŗ)" as JavaScript, replacing ŗ with the corresponding item from the array

SmileBASIC, 84 bytes

DEF C W,H,C,D
FOR J=1TO H
FOR I=0TO W-1N=1AND I/J
GPSET I,H-J,C*!N+D*N
NEXT
NEXT
END

El color de un píxel en (x,height-y)es[color1,color2][x/y & 1]

Python 2 , 123101 bytes

w,h,c,C=input()
print'P3',w,h,255
for i in range(h):
 for j in range(w):print`[c,C][j/(h-i)%2]`[1:-1]

Pruébalo en línea!

Imprime un .ppm para imprimir como en la respuesta de Jonathan .

JavaScript (ES6) + HTML5, 138 bytes

(w,h,a,b)=>{with(c.width=w,c.getContext`2d`)for(c.height=y=h;~--y;)for(x=w;~--x;)fillStyle=x/(h-y)%2<1?a:b,fillRect(x,y,1,1)}

<canvas id=c>

f=
(w,h,a,b)=>{with(c.width=w,c.getContext`2d`)for(c.height=y=h;~--y;)for(x=w;~--x;)fillStyle=x/(h-y)%2<1?a:b,fillRect(x,y,1,1)}

#c{display:block

<input id=w value=80>
<input id=h value=50>
<input id=a value=#000>
<input id=b value=#FF0>
<input value=go type=button onclick=f(w.value,h.value,a.value,b.value)>
<canvas id=c>

La función sale operando en el <canvas id=c>.

Comenzando desde la parte inferior derecha del lienzo, el forbucle anidado itera hacia la izquierda y hacia arriba, y comprueba la condición x/(h-y)%2<1del píxel en x,y. Si la condición es true, colorea ese píxel con color1otra cosa color2.