Các chàng trai và cô gái rất hào hứng khi thấy Fifty Shades of Grey trên màn bạc, chúng tôi chỉ muốn viết mã mà không bị làm phiền, vì vậy đây là một thách thức để chọn bộ não của chúng tôi.

Bạn phải:

• In trên màn hình năm mươi hình vuông đầy mỗi màu xám khác nhau
• Nếu ngôn ngữ bạn chọn thiếu khả năng xử lý hình ảnh , bạn có thể xuất tệp hình ảnh
• Hình vuông phải được nhìn thấy, ít nhất 20 x 20 pixel
• Bạn không thể sử dụng các số ngẫu nhiên trừ khi bạn đảm bảo mỗi bóng là duy nhất.
• Bạn không thể kết nối với bất kỳ dịch vụ nào qua bất kỳ mạng nào
• Bạn không thể đọc bất kỳ tập tin trong chương trình của bạn.
• Bạn không thể sử dụng bất kỳ thư viện nào trong số các thư viện tiêu chuẩn của ngôn ngữ bạn chọn.

Đây là mã golf nên mã ngắn nhất sẽ thắng.

MATLAB, 24 byte

Nỗ lực thứ hai, bây giờ thực sự tuân thủ các quy tắc.

imshow(0:1/49:1,'I',2e3)

'Tôi' là viết tắt của 'InitialMagnification', nhưng rõ ràng Matlab sẽ tự động điền tên trong các cặp tên / giá trị. Chắc chắn là một mẹo chơi golf tốt!

Toán học, 30 byte

Đây là một cách tiếp cận Mathicala khác:

ArrayPlot[#+5#2&~Array~{5,10}]

hoặc là

ArrayPlot[5#+#2&~Array~{10,5}]

Cái đầu tiên chỉ đơn giản là tạo một mảng

{{6, 11, 16, 21, 26, 31, 36, 41, 46, 51}, 
 {7, 12, 17, 22, 27, 32, 37, 42, 47, 52}, 
 {8, 13, 18, 23, 28, 33, 38, 43, 48, 53}, 
 {9, 14, 19, 24, 29, 34, 39, 44, 49, 54}, 
 {10, 15, 20, 25, 30, 35, 40, 45, 50, 55}}

và cái thứ hai

{{6, 7, 8, 9, 10},
 {11, 12, 13, 14, 15},
 {16, 17, 18, 19, 20},
 {21, 22, 23, 24, 25},
 {26, 27, 28, 29, 30},
 {31, 32, 33, 34, 35},
 {36, 37, 38, 39, 40},
 {41, 42, 43, 44, 45},
 {46, 47, 48, 49, 50},
 {51, 52, 53, 54, 55}}

Sau đó, ArrayPlotvẽ chúng dưới dạng lưới và theo mặc định, sử dụng thang độ xám để trực quan hóa các giá trị.

CJam - 23 (không có đầu ra đồ họa thực tế)

Vì CJam không thể vẽ trên màn hình (chưa?), Tôi đã viết một chương trình xuất ra hình ảnh ở định dạng pgm đơn giản .
Lưu đầu ra vào một tệp có tên 50.pgm và mở bằng trình xem / chỉnh sửa hình ảnh.

"P2"1e3K51_,1>K*$K*~]N*

Dùng thử trực tuyến

Kết quả trông như thế này:

Giải trình:

"P2"     push "P2" (netpbm magic number)
1e3K     push 1000 and K=20 (image size)
51       push 51 (value of white)
_,       duplicate 51 and convert to an array [0 1 2 ... 50]
1>       remove 0 (slice from 1)
K*       repeat the array 20 times
$        sort, to get [(20 1's) (20 2's) ... (20 50's)]
K*       repeat the array 20 times
~        dump the elements on the stack
]        put everything from the stack in an array
N*       join with newlines

Toán học 72 61 59 43 35 34 byte

Phiên bản hiện tại (34 byte)

GrayLevel[#/50]~Style~50 &~Array~50    

Phiên bản trước đó (59 byte), nhờ Martin Büttner.

Graphics[{GrayLevel[#/50],Cuboid@{#~Mod~9,#/9}}&/@Range@50]

Đường viền màu xanh được thêm vào để làm nổi bật vị trí của hình vuông.

Graphics[{EdgeForm[Blue], GrayLevel[#/50], Cuboid@{#~Mod~9, #/9}} & /@Range@50]

Số ô vuông:

    Length[%[[1]]]

50

Lần thử đầu tiên (72 byte)

Nếu hình vuông có thể chồng lên nhau. Như Zgarb lưu ý, có một khả năng từ xa là một hình vuông sẽ ẩn một hình vuông khác.

  Graphics@Table[{GrayLevel@k,Cuboid[{0,15}~RandomReal~2]},{k,.4,.89,.01}]

Hiền nhân - 26 24 35 29 ký tự

matrix(5,10,range(50)).plot()

Nó trông như thế này:

Những lần thử trước : Đầu tiên tôi đã có Matrix([range(50)]).plot(), sau đó matrix_plot([range(50)]). Chúng trông như thế này:

Người dùng @flawr chỉ ra rằng các ô vuông được tạo với cài đặt mặc định là quá nhỏ. Thêm một figsizetùy chọn sẽ sửa nó, nhưng nó dài hơn 6 ký tự so với phiên bản 5x10 ở đầu câu trả lời này:

matrix_plot([range(50)],figsize=20)

R, 47 42 39 38 37 36 35 byte

Giả sử chúng được phép trùng nhau, điều này hoạt động. Symbolsyêu cầu một vectơ giữ kích thước cho mỗi ô vuông và tôi đang tiết kiệm không gian bằng cách sử dụng lại cùng một vectơ cho tất cả các tham số hàm. Hình vuông lớn nhất luôn rộng 1 inch. Với 50:99 là phạm vi số nguyên, hình vuông nhỏ nhất sẽ rộng khoảng nửa inch, vì vậy 36 pixel ở 72 dpi.

symbols(x,,,x<-50:99,bg=gray(x/99))

Cảm ơn tất cả mọi người về những bình luận và đề xuất, tôi khá mới mẻ với R nên điều này rất giáo dục.

Những phiên bản trước:

symbols(x,sq=x<-50:99,bg=gray(x/99))            #36
x=50:99;symbols(x,sq=x,bg=gray(x/99))           #37
x<-50:99;symbols(x,sq=x,bg=gray(x/99))          #38
x<-1:50;symbols(x,sq=x/x,bg=gray(x/50))         #39
x<-1:50/50;symbols(x,sq=x/x,bg=rgb(x,x,x))      #42
x<-1:50/50;symbols(x,squares=x/x,bg=rgb(x,x,x)) #47

Hình ảnh trước đó:

Java - 180

Khá đơn giản, chỉ cần vẽ hộp.

import java.awt.*;void f(){new Frame(){public void paint(Graphics g){for(int i=1;i<51;g.setColor(new Color(328965*i)),g.fillRect(i%8*20,i++/8*20,20,20))setSize(600,600);}}.show();}

Với ngắt dòng:

import java.awt.*;
    void f(){
        new Frame(){
            public void paint(Graphics g){
                for(int i=1;
                    i<51;
                    g.setColor(new Color(328965*i)),
                    g.fillRect(i%8*20,i++/8*20,20,20))
                    setSize(600,600);
            }
        }.show();
    }

BBC BASIC, 57

FORn=51TO2STEP-1VDU19;-1,n,n,n:RECTANGLEFILL0,0,n*20NEXT

Các hình vuông phải có ít nhất 20 pixel nhưng không có gì để nói chúng phải có cùng kích thước, vì vậy tôi đoán điều này đủ điều kiện.

Có thể rút ngắn điều này bằng cách sử dụng nhiều mã VDU cấp thấp hơn. Nhưng việc thay đổi từ mô hình này sang một mô hình ít thú vị hơn khó có thể làm cho nó ngắn hơn.

ipython 2, 54 byte

Điều tốt nhất tôi có thể làm là với một chương trình ipython. Bắt đầu ipython với ipython -pylabvà thực hiện chương trình này sẽ hiển thị một biểu đồ với 50 sắc thái màu xám trong 50 ô vuông:

t=arange(50);c=t/50.;scatter(t%5,t,500,zip(c,c,c),'s')

Đầu ra:

Giải pháp 2:

Đây là một chương trình khác (61 byte):

imshow(arange(50).reshape(5,10)*.02,'Greys',None,1,'nearest')

hiển thị cửa sổ sau:

JavaScript ( 72 , 70 , 67 byte)

72: bản gốc (mượn ■cách sử dụng thông minh từ câu trả lời của Sphinxxx ):

for(i=90;i>40;)document.write('<font color=#'+i+i+i--+' size=7>&#9632;')

70: ăn cắp một cách đáng xấu hổ từ Ismael Miguel (người xứng đáng với số phiếu), một vòng lặp ngắn hơn và cho phép trình duyệt sửa lỗi vì thiếu # tiến hành mã màu ...

for(i=60;--i>9;)document.write('<font color='+i+i+i+' size=7>&#9632;')

67 byte (65 ký tự): hoán đổi thực thể cho ký tự unicode:

for(i=60;--i>9;)document.write('<font color='+i+i+i+' size=7>■')

C ++, 98 83 ký tự

Được rồi, bạn sẽ cần một trình giả lập thiết bị đầu cuối hỗ trợ màu sắc trung thực. Ví dụ, đối với mac os, có các bản dựng hàng đêm của iTerm2. Đối với unix tôi tin rằng konsole hỗ trợ nó. Đây là một danh sách, chỉ trong trường hợp: https://gist.github.com/XVilka/8346728#now-supporting-truecolor

Biên dịch với g ++ (\ e phụ thuộc vào trình biên dịch).

Để các ô vuông có đủ diện tích, bạn sẽ phải thay đổi kích thước phông chữ đầu cuối.

#include <cstdio>
int main(){for(int i=51;i--;)printf("\e[48;2;%i;%i;%im ",i,i,i);}

Sử dụng thư viện C thay vì C ++ cho phép cạo một số ký tự.

C, 61 58 ký tự

Đây là cùng một chương trình nhưng trong C, giả sử khai báo hàm chưa được trả về để trả về int và không cần bao gồm một số hàm thư viện chuẩn, như trong trường hợp này, printf. Được đề xuất bởi @cartogologists. Ba ký tự ít hơn nhờ @ user3601420

main(i){for(i=51;i--;)printf("\e[48;2;%i;%i;%im ",i,i,i);}

Biên dịch với một vài cảnh báo (giả sử kiểu trả về của chính là int và hoàn toàn bao gồm khai báo printf).

Python 2, 125 115 104 byte

from turtle import*
shape("square")
bk(500)
ht()
pu()
exec'color((xcor()/2e3+.5,)*3);stamp();fd(21);'*50

Đầu ra mẫu:

Rùa già tốt. Đây là phương pháp duy nhất tôi có thể nghĩ ra trong Python in hình ảnh ra màn hình chỉ sử dụng các thư viện chuẩn.

Hình dạng con rùa vuông chỉ xảy ra vào ngày 21, 21, rất thuận tiện. Điều này có thể được nhìn thấy bằng cách đào qua turtle.py:

"square" : Shape("polygon", ((10,-10), (10,10), (-10,10), (-10,-10)))

Nếu bạn có màn hình độ phân giải cao hoặc không bận tâm đến một vài ô vuông ngoài màn hình, thì đây là 93 byte:

from turtle import*
shape("square")
ht()
pu()
exec'color((xcor()/2e3,)*3);stamp();fd(21);'*50

Bản giới thiệu

(Bản demo này sử dụng Skulpt bằng cách điều chỉnh đoạn mã được tìm thấy ở đây . Nó chỉ được đưa vào để đưa ra ý tưởng về những gì mã làm - tôi đã phải sửa đổi một vài bit để nó hoạt động.)

function out(a){var b=document.getElementById("output");b.innerHTML+=a}function builtinRead(a){if(void 0===Sk.builtinFiles||void 0===Sk.builtinFiles.files[a])throw"File not found: '"+a+"'";return Sk.builtinFiles.files[a]}
$(document).ready(function run(){Sk.canvas="canvas";Sk.configure({output:out,read:builtinRead});try{Sk.importMainWithBody("<stdin>",!1,'import turtle\nt=turtle.Turtle()\nt.speed(9)\nt.shape("square")\n\nt.bk(500)\nt.ht()\nt.pu()\nfor i in range(50):t.color(64+2*i,64+2*i,64+2*i);t.stamp();t.fd(21)')}catch(a){throw Error(a.toString());}})

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script src="http://www.skulpt.org/static/skulpt.min.js" type="text/javascript"></script><script src="http://www.skulpt.org/static/skulpt-stdlib.js" type="text/javascript"></script>
<canvas height="100" width="1200" id="canvas" style="border:1px solid gray">Your browser does not support HTML5 Canvas!</canvas>

J ( 43 41 40 38 33 29 ký tự)

Sau khi gợi ý từ Randomra .

1!:2&4'P2 ',":(,*:,],*:#?~)50

Giải pháp này không hiển thị bất cứ điều gì vì thư viện chuẩn của J không chứa các thường trình GUI. Thay vào đó, tôi tạo một hình ảnh và ghi nó vào đầu ra tiêu chuẩn. Đầu ra là ngẫu nhiên, nó đảm bảo rằng tất cả các sắc thái là khác biệt. Dưới đây là một số đầu ra mẫu và hình ảnh được chuyển đổi thành png và xoay 90 ° để xem dễ dàng hơn:

Excel vba, 81

Trong cửa sổ ngay lập tức:

for i=1 to 9:for j=1 to 9:k=i+j*10:cells(i,j).interior.color=rgb(k,k,k):next:next

trên bảng hoạt động:

^{{81 sắc thái chỉ bằng mã số 50}}

R ,3732 ký tự ¹ :

image(t(1:50),c=gray.colors(50))

Tuy nhiên, màn hình hiển thị này trông giống me meh (hình ảnh được xoay 90 ° để phù hợp hơn với văn bản; nén, chiều dài cạnh vuông ban đầu> 20px):

Đây là một phiên bản đẹp hơn, vẽ các ô vuông theo thứ tự ngẫu nhiên trong một ma trận (50 ký tự):

image(matrix(sample(1:50),10),c=gray.colors(50))

(Và vâng, ba hình vuông liền kề có màu giống nhau thực sự là ba màu xám khác nhau.)

¹ Có, một câu trả lời R khác,và thậm chí không phải là ngắn nhất(bây giờ là ngắn nhất cho R) - lời xin lỗi. Tôi đã bỏ lỡ một kết xuất đẹp trong R.

Matlab 35 nhờ sanchise

imshow(int8(ones(20,1)*(0:.05:51)))

Matlab 36

imshow(uint8(ones(20,1)*(0:.05:51)))

Hiển thị 50 hình vuông chứa đầy giá trị màu xám 1 đến 50 và 2 hình chữ nhật bổ sung chứa giá trị màu xám 0 và 51:

Matlab, 45

imshow(uint8(ones(20,1)*floor(1:0.05:50.95)))

JavaScript, 87 90 byte

for(i=90;i>40;)document.write('<p style=background:#'+i+i+i--+';height:9ex;width:9ex>')

Điều này xuất ra hình vuông cho HTML, bởi vì đây thực sự là phương pháp đầu ra đồ họa duy nhất của JavaScript. Cảm ơn edc65 đã cạo sạch 3 byte.

PHP, 96 88 74 byte

Cảm ơn Ismael Miguel vì đã tiết kiệm 22 byte!

for($i=60;--$i>9;)echo"<p style=background:#$i$i$i;height:9mm;width:9mm>";

Viết 50 <p>giây với chiều cao và chiều rộng 9mm (nên lớn hơn 20px trên phần lớn màn hình), xếp chồng lên nhau, tất cả đều có một sự khác biệt nhỏ về sắc thái.

Kết quả được tạo (hình ảnh được thu nhỏ và xoay 90 °):

Matlab - 33 byte

surf(meshgrid(1:7)),colormap gray

Mặc dù các lệnh dài dòng, kết quả vẫn khá nhỏ gọn. Có vẻ tốt hơn một chút nếu bạn thay thế surfbằng surfacenhưng chi phí 3 ký tự.

Nếu bạn không chú ý đến hình vuông màu xám thứ 50 bởi vì nó lớn hơn một chút so với các hình vuông khác!

Javascript (77 71 byte):

Câu trả lời này không còn dựa trên IE11. Nó hoạt động vì trình duyệt chuyển đổi mã màu xấu thành mã có thể sử dụng (bằng cách thêm #vào số).

Đây là mã:

for(i=59;i-->9;)document.write("<hr color="+i+i+i+" size=20 width=20>")

Firefox vẫn không thể tạo ra các vòng tròn.

(Chỉnh sửa nhỏ: Thay đổi for(i=61;i-->9;)thành for(i=59;i-->9;)vì nó tạo ra 52 ô vuông)

Câu trả lời cũ:

Điều này dựa trên câu trả lời PHP của tôi và sử dụng các cách gần như giống nhau để tạo các hình vuông:

for(i=51;i--;)document.write("<hr color=rgb("+[i,i,i]+") size=20 width=20>");

Không phải là câu trả lời ngắn nhất, nhưng nó đáng để thêm vào đây.

Giải pháp này không tương thích với Chrome (tạo ra nhiều màu xanh lục) và Firefox (cùng kết quả, nhưng tạo ra các vòng tròn? OO WTH?)

Vì đây là môn đánh gôn, nên một giải pháp làm việc với một phiên bản cụ thể hoặc một phần mềm cụ thể đều được chấp nhận.

Thành phố- 2 * 103 = 206

Điều này là duy nhất ở chỗ mã nguồn và đầu ra hoàn thành thử thách:

Hầu hết trong số đó là trang trí, vì vậy tôi chỉ đếm hai hàng đầu, đứng một mình là tốt. Xuất ra một ppm thang độ xám như một số người khác đã làm.

JavaScript - 70 byte

for(i=51;i-=1;)document.write('<a style=opacity:'+i/50+'>&#9632;</a>')

Đang xử lý, 66 ký tự:

size(1000,20);for(int i=0;i<981;i+=20){fill(i/4);rect(i,0,20,20);}

PHP (62 60 63 72 71 62 59 byte):

Tôi đã thực hiện ngắn nhất tôi có thể tìm thấy:

for($i=59;$i-->9;)echo"<hr color=$i$i$i size=20 width=20>";

Đây chính xác là mã giống như câu trả lời Javascript của tôi (với 71 byte) .

Nhưng RẤT NHIỀU !

Điều này có một điểm trừ trong Firefox: thay vì hình vuông, Firefox tạo ra các vòng tròn ! (Đi điên rồ!)
Othen hơn thế, tất cả các trình duyệt sản xuất đúng màu (ngay cả với các thiếu #trên colorthuộc tính).

Gửi và thay đổi không hợp lệ :

Câu trả lời cũ, với 62 byte.

while($i++<51)echo"<hr color=rgb($i,$i,$i) size=20 width=20>";

Tất cả các sắc thái được liên kết hoàn hảo.

Giải pháp này sẽ không hoạt động đối với Chrome (sẽ tạo ra các hình vuông có nhiều màu) và Firefox (tạo ra các vòng tròn oO Có, các vòng tròn có <hr>! Thước kẻ ngang là một vòng tròn trên Firefox!).
Bạn có thể kiểm tra nó trên IE11 và nó sẽ ổn.

(chỉ cần loại bỏ từ trên)

Tôi đã nhận thấy một điều khủng khiếp: Nó xuất ra #111thay vì #010101một số màu sắc.

Điều này có nghĩa là một số màu sắc được lặp lại.

Do đó, tôi đã phải hy sinh một vài byte:

<?while(f>$c=dechex(65-$i++))echo"<hr color=#$c$c$c size=20 width=20>";

Xuất ra 50 sắc thái theo thứ tự hoàn hảo, từ sáng hơn đến tối hơn.

Do một điểm chính xác được thực hiện bởi @ edc65 , tôi đã phải thêm width=20, để tạo ra các hình vuông hoàn hảo .

Giảm thêm một byte bằng cách thay thế f!=$cbằng f>$c, hoạt động hoàn hảo.

Phiên bản cuối cùng, không có width=20:

<?while(f!=$c=dechex(65-$i++))echo"<hr color=#$c$c$c size=20>";

Điều này là không hợp lệ vì nó được yêu cầu để xuất hình vuông.
Điều này tạo ra các sắc thái từ sáng hơn đến tối hơn.

Giảm 1 byte bằng cách chuyển sang một whilevòng lặp, như thế này:

<?while($c=dechex(50-$i++))echo"<hr color=#$c$c$c size=20>";

Giải pháp đầu tiên:

<?for($i=50;$c=dechex($i--);)echo"<hr color=#$c$c$c size=20>";

Cái này không có sắc thái được sắp xếp gọn gàng, nhưng có 50 cái khác nhau.

Không có gì nói rằng họ phải được đặt hàng, nhưng có một yêu cầu về kích thước.

Tôi hy vọng tôi có thể giảm nó nhiều hơn nữa.

Bạn có thể kiểm tra nó trên http://writecodeonline.com/php/ (nhấp vào "Hiển thị dưới dạng HTML").

CSS (87 ký tự)

Sử dụng hình ảnh động;)

:after{content:'\25A0';font:9em z;animation:g 8s steps(50)}@keyframes g{to{color:#fff}}

Phiên bản có thể chạy được lâu hơn vì Webkit vẫn cần tiền tố của nhà cung cấp. :

:after{content:'\25A0';font:9em z;-webkit-animation:g 8s steps(50);animation:g 8s steps(50)}@-webkit-keyframes g{to{color:#fff}}@keyframes g{to{color:#fff}}

Nếu chúng tôi cho phép một <a>yếu tố ngẫu nhiên, trống rỗng , chúng tôi có thể giảm xuống chỉ còn 72 ký tự:

a{padding:3em;animation:g 8s steps(50)}@keyframes g{to{background:#000}}

Xem? CSS là một ngôn ngữ lập trình hợp pháp!

R, 36 byte

Tôi có thể làm cho câu trả lời của freekvd ngắn hơn một cách tầm thường.

x=9:59/59;symbols(x,sq=x,bg=gray(x))

(Xin lỗi vì đã không đưa ra nhận xét theo giải pháp của anh ấy. Stackexchange không cho phép tôi đưa ra nhận xét, bỏ phiếu, v.v.).

PostScript, 34 byte

Trong mã hóa ISO-Latin-1:

20’›‡üˆì0{’81e3’6’–10’k0ˆ                   (note, this is a Line Feed)
’c’§}’H

Đây là nhị phân tương đương với:

20 setlinewidth 1020 -20 0 { dup 1e3 div setgray 10 moveto 0 10 lineto stroke } for

(Điều này giả định rằng bạn đang sử dụng nó trên thiết bị có ít nhất 1000 điểm [= 10 inch = 25,4 cm].)

DrRquet - 83

Chỉ vì mục đích kích hoạt DrRacket 1 năm sau "Giới thiệu về thiết kế chương trình có hệ thống".

CHỈNH SỬA :

(require htdp/image)(map(λ(i)(rectangle 50 50'solid(make-color i i i)))(range 50))

C # - 173

Sử dụng LINQPAD

var b=new Bitmap(1000,20);var g=Graphics.FromImage(b);for(int i=0;i<50;i++)g.FillRectangle(new SolidBrush(Color.FromArgb(i*5,i*5,i*5)),new Rectangle(i*20,0,20,20));b.Dump();

Mở rộng :

var b = new Bitmap(1000, 20);
var g = Graphics.FromImage(b);
for (int i = 0; i < 50; i++)
    g.FillRectangle(new SolidBrush(Color.FromArgb(i * 5, i * 5, i * 5)), new Rectangle(i * 20, 0, 20, 20));
b.Dump();

Đầu ra :

JavaScript, 152 byte.

Được rồi, có lẽ đây không phải là giải pháp tốt nhất nhưng đây là của tôi.

function b(a){c=document
e=c.createElement('p')
with(e.style){background="rgb("+[a,a,a]+")"
width=height="20px"}c.body.appendChild(e)
a<245&&b(a+5)}b(0)

Đây là đầu ra với css float trái (chỉ để dễ dàng đếm các ô vuông hơn) và không có: