Contexto

Es el dia de san valentin. El único que amaste te dejó ayer por este tipo que siempre encontró "estúpido y poco interesante" . De camino a casa, has estado atrapado en el tráfico, escuchando viejas canciones en la radio, la lluvia golpeando el parabrisas te está sacudiendo. Después de un tiempo en su automóvil, se encuentra solo en su pequeño departamento sin poder pensar en otra cosa que no sea ella. No hay luz y miras por la ventana, dejando que la oscuridad te rodee. No hay nadie con quien hablar, tus amigos se han ido hace mucho tiempo después de advertirte sobre esta nueva chica que te atormenta. Usted inicia su computadora, ya que es lo único que puede hacer, abrir su navegador y publicar un nuevo rompecabezas de programación para apilar el intercambio, en un intento de cambiar de opinión.

Reto

Escriba un programa en el idioma que elija simulando la lluvia que cae sobre el suelo. La salida puede estar compuesta de caracteres ASCII o renderizados en 2D / 3D. La cámara está fija: estás arriba mirando directamente al suelo. Su programa debe incluir algún tipo de animación, como actualizar la consola o la página cada vez que genera un nuevo "marco". Tiene que ser realista, sé que es un poco subjetivo, pero digamos que no puedes llenar todo el terreno en una sola gran caída.

El resultado no tiene que ser una imagen, pero si está utilizando un lenguaje críptico, es mejor proporcionar un .gif para ilustrar cómo se ve en acción (pero, por supuesto, no afectará su puntaje si no lo hace).

Reglas

• Tu puntaje es el total de bytes utilizados
• -20 puntos si usas colores
• -50 si logras generar algún tipo de viento
• La puntuación más baja gana

Ejemplo

Un ejemplo muy básico de lo que se debe representar:

Espero que te vaya mejor y disfrutes este desafío.

Lo siento por mi inglés, siéntase libre de editar mi publicación si desea corregir algunos errores

Tabla de líderes

Si su nombre no aparece en la lista, es porque se ha considerado que su intento no cumple con las reglas.

Tobia - APL - 35  
j6m8 - Processing.js - 38
The Guy with The Hat - Processing - 42  
ace - Processing - 74  
kelunik - JS/CSS - 89  
Riot - Bash - 91  
Michael - JS/jQuery - 105  
Florent - HTML/JS - 123  
David Carraher - Mathematica - 134  
Doorknob - HTML/JS - 150  
undergroundmonorail - Python - 175

¡Felicitaciones a Tobia!

APL, 105 caracteres / bytes * - 20-50 = 35 puntaje

e←{⍞←∊'␛['⍵}
e¨'36m' '?25l' '2J'
{⍵←3⌊⍵+3×0=?t⍴50
⍵{(⍵c)←⍕¨⍵+1
e⍵';'c'H',' .∘⍟'[⍺]}¨⍳t
∇0⌈⍵-1}0⍴⍨t←24 80

*: La mayoría de las implementaciones de APL admiten alguna forma de juego de caracteres de un solo byte (heredado), que asigna símbolos APL a los valores superiores de 128 bytes. Por lo tanto, para jugar al golf, un programa que solo usa caracteres ASCII y símbolos APL puede puntuarse como caracteres = bytes.

Lo probé en el último apl.js de Nick en Node.js en un terminal OS X. Pero no he usado nada específico para su dialecto, por lo que debería funcionar en cualquier APL moderna que pueda ejecutarse en un terminal ANSI y que sea compatible con d-funs {...}, asignación de filamentos (a b)←...y conmutación ⍨, como Dyalog para Linux o para Raspberry PI ( con ⎕IO←0)

La ␛línea 1 es un carácter de escape literal (que es 1 byte). Puede ingresarlo usando Ctrl-V Escun terminal de Linux o en Vim, o supuestamente algo como Alt-027en Windows. Además, no pude encontrar una forma confiable de descubrir el tamaño del terminal, por lo que es posible que desee editar el número de filas y columnas al final de la última línea.

Defiendo la bonificación de 50 por el hecho de que cada gota de lluvia pasa por las siguientes formas: ⍟∘.que dan la impresión de un ligero viento hacia abajo, dado que la escena se está mirando desde arriba. De hecho, al mirar el gif a continuación, debe tener la impresión de que cada gota se mueve suavemente hacia abajo y hacia la izquierda, antes de desaparecer en el suelo.

Versión sin golf:

e←{⍞←∊"␛["⍵}                  # utility to print escape sequence
e¨'36m' '?25l' '2J'            # set cyan, hide the cursor and clear screen
{                              # repeat (⍵=current board of raindrops)
  ⍵←3⌊⍵+3×0=?t⍴50              #   add some new drops (=3) in random places
  ⍵{                           #   print the drops (⍺=drop value, ⍵=coords)
    (r c)←⍕¨⍵+1                #     convert the coordinates to string
    e r';'c'H',' .∘⍟'[⍺]       #     print or clear the drop
  }¨⍳t                         #   ..
  ∇0⌈⍵-1                       #   remove 1 from every drop and repeat
}0⍴⍨t←24 80                    # ..starting with an empty board

Salida:

APL, estilo diferente

Fuera de competencia.

m←×/t←1+(ζη)←2×(βγ)←24 80
e←{⍞←∊(⎕UCS 27)'['⍵}
s←{⍵[β-1-⍳β;1+⍳γ]}
p←{⍺{e'H'⍺,⍨{⍺,';',⍵}/⍕¨⍵}¨(,s⍵)/,1+⍳βγ}
e¨'2J' '36m' '?25l'
{'/'p⍵←(200<m÷?t⍴m)∨0⍪⍵[⍳ζ;1+⍳η],0
' 'p(~⍵)∧0,⍵[1+⍳ζ;⍳η]⍪0
'.∘°'[?(+/,sδ)/3]pδ←⍵∧~d←.2<m÷⍨?t⍴m
∇⍵∧d}t⍴0

Aquí mi objetivo era dar la impresión de que las gotas de lluvia caían con una inclinación y se acumulaban en el suelo, mientras trataba de mantener el número de gotas visibles (caídas o salpicadas) constantes en promedio. El truco consistía en crear una serie de nuevas gotas de caída /en cada ciclo y hacer que las gotas de caída "borren" las salpicadas que atraviesen.

El resultado es extrañamente una reminiscencia del código Matrix.

Salida
(el tirón cada 5 s es el bucle de gif)

Bash: 111 bytes - 20 = 91 puntos!

Una llovizna contemplativa y suave en su terminal. Ajuste los números 819 y 41 para diferentes alturas y anchos respectivamente.

e='printf \e';while :;do for i in {0..819};do((RANDOM<9))&&$e[1\;36m.||$e[1C;((i%41<1))&&$e'
';done;$e[20A;done

Una ventaja agradable es la forma en que el cursor golpea el área de la lluvia.

Editar: acortamiento de 140 bytes a 129 bytes gracias a las sugerencias de @ manatwork. 2da edición: acortamiento de 129 bytes a 111 bytes gracias a las sugerencias de @manatwork y @ Tobia, además de inspiración adicional - ver comentarios.

(Nota: la captura de pantalla muestra la versión anterior menos codificada del código, que es funcionalmente idéntica)

Python, 312 bytes - 50 (viento) = 262

from pygame import*
R=__import__('random').randint
t,u=640,480;init();d=display;s=d.set_mode((t,u))
w=[255]*3;r=range(t)
a=[[R(0,t),R(0,u),R(3,6)]for i in r]
while time.wait(9):
 d.flip();event.get();s.fill(R(0,99)<1and w)
 for i in r:x,y,z=a[i];draw.line(s,w,(x,y),(x+z,y+2*z));a[i][0]=(x+z)%t;a[i][1]=(y+z*2)%u

Salida de muestra (un bucle de 50 cuadros):

Playpack real es significativamente más rápido de lo que permiten los gifs.

HTML / JS, 170 caracteres - 20 = 150 puntos

<canvas id=c></canvas><script>d=400;with(c)width=height=d,t=getContext('2d');t.fillStyle='blue';setInterval("t.fillRect(Math.random()*d,Math.random()*d,5,5)",50)</script>

(nota al margen: golfed aún más al pasar una cadena a setInterval, with, nombres de las variables de identificación automática ... se siente tan mal! estremecimientos )

Simplemente dibuja rectángulos azules al azar.

HTML / JS, 309 caracteres - 20 - 50 = 239 puntos

Ahora con viento!

<canvas id=c></canvas><script>s=400;r=Math.random;with(c)width=height=s,t=getContext('2d');t.fillStyle='blue';o=[];setInterval("t.clearRect(0,0,s,s);for(i=0;++i<o.length;)d=o[i],t.fillRect(d[0],d[1],d[2],d[2]),d[0]+=1,d[1]+=2,d[2]-=1,d[2]<0?o.splice(i,1):0;if(r()<.6)o.push([r()*400,r()*400,20])",50)</script>

JS + jQuery (172-20-50 = 102)

Copie / pegue esa línea en la consola del navegador (generalmente presione la tecla F12):

r=Math.random;w=$(window);setInterval("$('<b>♥</b>').css({color:'red',position:'fixed',top:r()*w.height(),left:r()*w.width()}).appendTo('body').animate({fontSize:0},3e3)",9)

¡Lluvia de corazones rojos animados para el día de San Valentín!

Mathematica

134-20 = 114

2D

n = 99; m = Array[0 &, {n, n}]; r := RandomInteger[{1, n}, {2}]
Table[ArrayPlot[m = ReplacePart[m, r ->  1], ColorRules -> {1 -> Blue}], {k, 250}];
Export["d.gif", d]

3D

La forma de la gota de lluvia se realiza a través de un diagrama de revolución alrededor del eje z.

Inicialmente, se genera lluvia para una región que se extiende muy por encima de la región de visualización. La aparición de la lluvia que cae se logra desplazando el punto de vista hacia arriba a lo largo del eje z. (Es más eficiente que volver a calcular la posición de cada gota de lluvia).

r = RandomInteger; z = Table[{r@30, r@30, r@160}, {100}];
w = RevolutionPlot3D[{.7 Sin[x] Cos[x], 0,   1.4 Sin[x] }, {x, 0, -Pi/2}, 
PerformanceGoal -> "Speed"][[1]];
c = Map[Translate[w, #] &, z]; 
p = Table[Graphics3D[c, PlotRange -> {k, k + 50}], {k, 1, 100}]
Export["p.gif", p]

Con viento

Hay una sobrecarga considerable para hacer que la lluvia caiga con el viento. Pero estoy incluyendo aquí de todos modos.

El piso azul prácticamente mantiene la región de vista {x, y} confinada al área de interés. Hay algunos problemas técnicos, pero, bueno,

r = RandomInteger;
z = Table[{r@120, r@30, r@180}, {800}];
w = RevolutionPlot3D[{.7 Sin[x] Cos[x], 0,   1.4 Sin[x] }, {x, 
     0, -Pi/2}, PerformanceGoal -> "Speed"][[1]];
c = Map[Translate[w, #] &, z];
g[k_, z1_, w_, c1_] :=
 Module[{z2},
  z2 = Cases[z, {x_, _, _} /; 0 + k < x < 30 + k];
  c = Map[Translate[w, #] &, z2];
  Graphics3D[{Polygon[{{0 + k, 0, 1 + k}, {30 + k, 0, 1 + k}, {30 + k,
        30, 1 + k}, {0 + k, 30, 1 + k}}], c}, 
   PlotRange -> {k, k + 50}]]

p = Table[g[k, z, w, c], {k, 1, 100, 1}];
Export["p.gif", p]

Desde directamente arriba

Las gotas de lluvia más cercanas están recortadas, pero lo pasaré por alto.

m=40;
r=RandomInteger;
positions=Table[{r@m,r@m,r@1000},{800}];
g[lowZ_,pos_]:=
Module[{hiZ=lowZ+103},
Graphics3D[{PointSize[Small],White,Point[{{0,0,lowZ},{0,m,lowZ},{m,0,lowZ},{m,m,lowZ},{0,0,hiZ},{0,m,hiZ},{m,0,hiZ},{m,m,hiZ}}],
ImageSize-> 350,Sphere/@Cases[pos,{_,_,z1_}/;lowZ<z1<hiZ-2]},PlotRange->{lowZ,hiZ}, 
ViewPoint-> {0,0,1},ImagePadding->5]]

HTML / JavaScript, 156 123 (143 - 20)

<body bgcolor=0 onload="t=c.getContext('2d');t.fillStyle='#07d';setInterval('n=Math.random()*4e4;t.fillRect(n%270,n/150,1,1)',1)"><canvas id=c>

Versión anotada:

<body bgcolor="#000">
<canvas id="c"></canvas>
<script>
  onload = function() {
    // Retrieve the rendering context
    t=c.getContext('2d');
    // Set rain color
    t.fillStyle='#07d';
    // Render whenever it is possible
    setInterval(function() {
      // Generate a number between 0 and 40,000
      // 40,000 ~= 270 * 150
      n=Math.random()*4e4;
      // Draw a raindrop.
      // Since x and y are not rounded, the raindrop looks blurry!
      t.fillRect(n%270,n/150,1,1)
    }, 1);
  };
</script>
</body>

Smalltalk (Smalltalk / X)

con viento aleatorio ;-)

|BG CLR N1 H W v WIND drops gen newDrops draw remove move buffer|


BG := Color black.
CLR := Color blue lightened.
H := 100.
W := 100.
N1 := 10.
WIND := 0.
drops := OrderedCollection new.

gen := [:n | ((1 to:n) collect:[:i | Random nextIntegerBetween:1 and:W] as:Set) collect:[:x | x@0]].
newDrops := [drops addAll:(gen value:N1)].
draw := [buffer fill:BG; paint:CLR. drops do:[:d | buffer displayPoint:d]].
remove := [drops := drops reject:[:d | d y > H]].
move := [:wind | drops := drops collect:[:d| (d x + wind)\\W @ (d y + 1)]].
v := View new openAndWait.
buffer := Form extent:(v extent) depth:24 onDevice:v device.

[
    [v shown] whileTrue:[
        draw value.
        v displayForm:buffer.
        move value:WIND.
        remove value.
        newDrops value.
        WIND := (WIND+(Random nextBetween:-1 and:1)) clampBetween:-5 and:5.
        Delay waitForSeconds:0.1.
    ]
] fork.

salida a la vista:

Procesamiento, 94-20 = 74

void setup(){background(0);fill(0,0,255);}
void draw(){ellipse(random(0,99),random(0,99),3,3);}

(Nueva línea agregada para facilitar la lectura).

Haga clic aquí para una demostración en línea.

Golpetazo

while true;do echo " / / / / /";echo "/ / / / / ";done

No estoy seguro de que esto deba ser un código de golf porque no hay un requisito estricto sobre cómo debe ser la "lluvia".

EDITAR: si desea que parezca que la cámara apunta hacia abajo, use esto:

while true;do echo " . . . . .";echo ". . . . . ";done

Python 2.7: 195 - 20 = 175

Estoy seguro de que hay más que se puede hacer aquí, pero esto es lo que tengo por ahora:

import os,time
from random import*
l=[i[:]for i in[[' ']*100]*50]
while 1:
 os.system('clear')
 l[randint(0,49)][randint(0,99)]='.'
 print'\033[94m\n'.join(''.join(r)for r in l)
 time.sleep(.05)

Publicaré un gif de la salida cuando recuerde cómo hacerlo.

Esto funciona en Linux. Sustitución de 'clear'la 'cls'que hace que funcione en las ventanas, pero entonces los colores ANSI no hacer el trabajo y perder el bono.

Tengo una matriz 2D de cadenas de un carácter, inicializadas en . Cada 0,05 segundos, se elige uno de ellos al azar .y la pantalla se vuelve a dibujar.

from random import*guarda dos caracteres import os,time,randomy los usa random.randint()dos veces, aunque no estoy convencido de que sea la mejor manera de elegir una celda de todos modos. Quería usar, random.choice()pero no podía pensar en una forma de evitar cadenas inmutables que no desperdiciaran más caracteres de los que guardaba.

132 + 27 - 20 - 50 = 89

Javascript (132)

r=Math.random;setInterval("$('body').append($('<i>∘</i>').css({left:r()*2e3,top:r()*2e3}).animate({left:'+=70',fontSize:0},500))",1)

CSS (27)

i{color:blue;position:fixed

Demostración: http://jsfiddle.net/kelunik/5WC87/4/embedded/result/

Procesamiento, 62-20 = 42

void draw(){stroke(0,0,214);point(random(0,99),random(0,99));}

Genera píxeles azules sobre un fondo blanco. Demostración en un lenguaje muy similar aquí: https://www.khanacademy.org/cs/rain2/6172053633761280

Processing.js, 86-20 = 66

... pero también se desvanece lentamente (el suelo absorbe la lluvia, naturalmente). ¿Puntos por eso?

g=99;r=random;void draw(){fill(0,9);rect(0,0,g,g);fill(0,g,r(g));rect(r(g),r(g),2,2);}

Las características de bonificación incluyen variaciones entre verdosas y azuladas (es claramente lluvia sucia de 'ciudad').

Además, estaba muy contento de poder usar un hack de JavaScript aquí; Tenga en cuenta que, porque esto está procesando. js , puede incluir cosas como la declaración sin tipo de g = 99, o el alias de rfor random(¡alias entre idiomas!).

¿Alguna otra idea para minificar?

Versión legible:

g = 99;
r = random;                  // Javascript trickery
void draw() {
    fill(0, 9);
    rect(0, 0, g, g);        // Fade the background
    fill(0, r(g), r);
    rect(r(g), r(g), 2, 2);  // Add a new drop
}

Todo se puede ver aquí .

... más otra versión sin desvanecimiento: 58-20 = 38

Si no te gusta la decoloración y no te importa la suciedad gris:

r=random;void draw(){fill(0,0,255);rect(r(99),r(99),2,2);}

Tcl / Tk, 139-20 = 119

Reutilizando mi propia respuesta http://codegolf.stackexchange.com/a/143018/29325

Debe ejecutarse en el shell interactivo

gri [can .c -w 40 -he 40]
set x 0
wh 1 {.c cr o $x [set y [exp int(rand()*40)]] $x [set x $y] -f #[form %06x [exp int(rand()*255**3)]]
upd}

¡Desafortunadamente, la conversión expr int(rand()*en un prochace que el script tenga un byte más!

Para detenerse, uno solo necesita hacer clic en el inefable botón "X".