문맥

발렌타인 데이입니다. 당신이 사랑했던 유일한 사람은 어제 그녀를 항상 "멍청하고 흥미롭지 않은" 것으로 여겼습니다 . 집으로가는 길에 교통 체증으로 인해 라디오에서 오래된 노래를 듣고 바람막이에 내리는 비가 당신을 흔들고 있습니다. 차 안에서 잠시 후, 당신은 작은 아파트에서 혼자서 다른 것을 생각할 수없는 자신을 발견합니다. 빛이없고 창문을 통해 응시하여 어둠이 당신을 둘러 싸게합니다. 대화 할 사람이 없습니다. 친구가 당신의 마음을 괴롭히는이 새로운 소녀에 대해 경고 한 지 오래 전에 사라졌습니다. 당신이 할 수있는 유일한 일이기 때문에 컴퓨터를 시동하고, 마음을 바꾸려고 브라우저를 열고 스택 교환에 새로운 프로그래밍 퍼즐을 게시하십시오.

도전

땅에 떨어지는 비를 시뮬레이트하여 원하는 언어로 프로그램을 작성하십시오. 출력은 ASCII 문자 또는 2D / 3D 렌더링으로 구성 될 수 있습니다. 카메라가 고정되어 있습니다.지면을 똑바로보고 있습니다. 프로그램에는 새 "프레임"을 생성 할 때마다 콘솔이나 페이지를 새로 고치는 것과 같은 애니메이션이 포함되어야합니다. 현실적이어야합니다. 약간 주관적이라는 것을 알고 있지만, 단 한 번의 큰 드롭만으로 모든 영역을 채울 수는 없다고 가정 해 봅시다.

출력은 이미지 일 필요는 없지만 암호 언어를 사용하는 경우 작동 방식을 설명하기 위해 .gif를 제공하는 것이 좋습니다 (물론 그렇지 않은 경우 점수에 영향을 미치지 않음).

규칙

• 점수는 사용 된 총 바이트입니다.
• 색상을 사용하면 -20 포인트
• 바람의 종류를 달성하면 -50
• 최저 점수 승

예

무엇을 렌더링해야하는지에 대한 매우 기본적인 예 :

더 잘하고이 도전을 즐기시기 바랍니다.

내 영어를 유감스럽게 생각합니다. 약간의 오류를 수정하려면 내 게시물을 자유롭게 편집하십시오.

리더 보드

귀하의 이름이 기재되지 않은 경우 귀하의 시도가 규칙에 맞지 않는 것으로 간주 되었기 때문입니다.

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

Tobia에 축하드립니다!

APL, 105 자 / 바이트 * – 20 – 50 = 35 점

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

* : 대부분의 APL 구현은 APL 기호를 상위 128 바이트 값에 매핑하는 (레거시) 단일 바이트 문자 집합을 지원합니다. 따라서 골프를 목적으로 ASCII 문자와 APL 기호 만 사용 하는 프로그램 은 chars = bytes로 점수를 매길 수 있습니다.

OS X 터미널의 Node.js에서 Nick의 최신 apl.js 에서 테스트했습니다 . 그러나 나는 그의 방언에 특정한 것을 사용하지 않았으므로 ANSI 터미널에서 실행할 수 있고 Linux 용 Dyalog 또는 Raspberry PI와 같은 d-funs {...}, strand assignment (a b)←...및 통근을 지원하는 최신 APL에서 작동해야합니다. ⍨와 ⎕IO←0)

␛라인 1 (1 바이트 인) 리터럴 제어 문자이다. Ctrl-V EscLinux 터미널이나 Vim 또는 Alt-027Windows 와 같은 것으로 사용하여 입력 할 수 있습니다 . 또한 터미널 크기를 감지하는 신뢰할 수있는 방법을 찾을 수 없으므로 마지막 줄의 끝에서 행과 열의 수를 편집 할 수 있습니다.

나는 각 빗방울이 다음과 같은 형태를 겪는다는 사실에 의해 50 보너스를 방어합니다 ⍟∘.. 실제로 아래의 gif를 보면 바닥에서 사라지기 전에 각 방울이 아래쪽과 왼쪽으로 부드럽게 움직이는 느낌이들 것입니다.

언 골프 버전 :

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

산출:

APL, 다른 스타일

경쟁에서 벗어난.

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

여기서 나의 목표는 빗방울이 경사지게 떨어지고 땅에 쌓이는 느낌을 주면서 평균적으로 눈에 띄는 방울 (떨어지거나 산산조각이 나는 수)을 일정하게 유지하려고 노력하는 것입니다. 비결은 /매주기마다 여러 개의 새로운 낙하 방울을 생성 하고 낙하 방울이 이동하는 산산이 부서진 물방울을 "닦아내는"것입니다.

결과는 매트릭스 코드를 이상하게 생각 나게합니다.

출력
(5 초마다 저크가 gif 반복입니다)

배쉬 : 111 바이트-20 = 91 포인트!

터미널에서 명상적인 부드러운 이슬비. 높이와 너비가 다른 숫자 819와 41을 각각 조정하십시오.

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

유쾌한 보너스는 커서가 빗물 지역을 가로 질러 퍼지는 방식입니다.

편집 : @manatwork의 제안 덕분에 140 바이트에서 129 바이트로 단축되었습니다. 두 번째 편집 : @manatwork 및 @Tobia의 제안과 추가 영감으로 129 바이트에서 111 바이트로 단축-주석을 참조하십시오.

(참고 : 스크린 샷은 기능이 동일한 이전의 덜 골프화 된 코드 버전을 보여줍니다)

파이썬, 312 바이트-50 (바람) = 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

샘플 출력 (50 프레임 루프) :

실제 플레이 팩은 gif가 허용하는 것보다 훨씬 빠릅니다.

HTML / JS, 170 자-20 = 150 점

<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>

((!) 참고 : 문자열을 전달하여 더 golfed setInterval, with!의 자동 ID 변수 이름은 ... 그렇게 잘못된 느낌 떤다를 )

임의의 파란색 사각형을 그립니다.

HTML / JS, 309 자-20-50 = 239 점

바람과 함께!

<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)

브라우저 콘솔에서 해당 라인을 복사 / 붙여 넣기하십시오 (일반적으로 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)

발렌타인 데이 애니메이션 비 하트!

매스 매 티카

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

빗방울 모양은 z 축 주위의 회전 플롯을 통해 만들어집니다.

처음에는 디스플레이 영역보다 훨씬 높은 영역에 대해 비가 발생합니다. 비가 내리는 모습은 z 축을 따라 관측점을 위로 이동하여 달성됩니다. (각 빗방울의 위치를 ​​다시 계산하는 것보다 효율적입니다.)

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]

바람과 함께

바람으로 인해 비가 내리는 데 상당한 오버 헤드가 있습니다. 하지만 어쨌든 여기에 포함시키고 있습니다.

파란색 바닥은 {x, y}보기 영역을 관심 영역으로 제한합니다. 몇 가지 결함이 있지만

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]

바로 위에서

가장 가까운 빗방울이 잘리지 만 간과 할 것입니다.

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, 156123 (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>

주석이 달린 버전 :

<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 / X)

임의의 바람으로 ;-)

|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.

보기 출력 :

가공, 94-20 = 74

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

(가독성을 위해 새 줄이 추가되었습니다.)

온라인 데모를 보려면 여기 를 클릭 하십시오 .

세게 때리다

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

"비"가 어떻게 생겼는지에 대한 엄격한 요구 사항이 없기 때문에 이것이 코드 골프인지 확실하지 않습니다.

편집 : 카메라가 똑바로 향하는 것처럼 보이게하려면 다음을 사용하십시오.

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

파이썬 2.7 : 195-20 = 175

나는 여기에 더 많은 일이있을 것이라고 확신하지만 이것이 내가 지금 가지고있는 것입니다.

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)

나는 그것을하는 방법을 기억할 때 출력의 gif를 게시 할 것입니다.

이것은 리눅스에서 작동합니다. 교체 'clear'로 'cls'는 윈도우에서 작동 만들지 만, 다음 ANSI 색상은 작업을하지 않는 나는 보너스를 잃게됩니다.

로 초기화 된 1 문자 문자열의 2D 배열이 있습니다. 0.05 초마다이 중 하나가 임의로로 설정되어 선택되고 .화면이 다시 그려집니다.

from random import*어쨌든 셀을 선택하는 가장 좋은 방법이라고 확신하지는 않지만 두 문자 import os,time,random를 random.randint()두 번 이상 저장하고 두 번 사용 합니다. 사용하고 싶었지만 random.choice()저장된 것보다 더 많은 문자를 낭비하지 않는 불변 문자열 주위의 방법을 생각할 수 없었습니다.

132 + 27-20-50 = 89

자바 스크립트 (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

데모 : http://jsfiddle.net/kelunik/5WC87/4/embedded/result/

가공, 62-20 = 42

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

흰색 배경에 파란색 픽셀을 생성합니다. https://www.khanacademy.org/cs/rain2/6172053633761280 에서 매우 유사한 언어로 시연

Processing.js, 86-20 = 66

...하지만 천천히 퇴색합니다 (지상은 자연적으로 비를 흡수합니다). 그 점 이요?

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);}

보너스 기능에는 초록색과 푸른 색 (다양한 '도시'비)이 다양합니다.

또한 여기에서 JavaScript 해킹을 사용해야한다는 것이 매우 기뻤습니다. 처리 중이므로주의하십시오. js 라면, g = 99의 typeless 선언이나 rfor의 random(교차 별명!) 과 같은 것을 던질 수 있습니다 .

축소 할 다른 아이디어가 있습니까?

읽을 수있는 버전 :

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
}

모든 것은 여기에서 볼 수 있습니다 .

... 더하기 페이드가없는 다른 버전 : 58-20 = 38

페이딩이 마음에 들지 않고 회색 흙을 신경 쓰지 않으면 :

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

Tcl / Tk, 139-20 = 119

내 자신의 대답을 재사용 http://codegolf.stackexchange.com/a/143018/29325

대화식 쉘에서 실행해야합니다.

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}

불행하게도, 변환 expr int(rand()*로 proc만드는 스크립트는 더 한 바이트가있다!

멈추려면, 불가능한 "X"버튼을 클릭하기 만하면됩니다.