Anak laki-laki dan perempuan sangat senang melihat Fifty Shades of Grey di layar perak, kami hanya ingin kode tanpa merasa terganggu, jadi inilah tantangan untuk memilih otak kita.

Kamu harus:

• Cetak di layar lima puluh kotak diisi masing-masing dengan warna abu-abu yang berbeda
• Jika bahasa pilihan Anda tidak memiliki kemampuan pemrosesan gambar , Anda dapat menampilkan file gambar
• Kotak harus terlihat, setidaknya 20 x 20 piksel
• Anda tidak dapat menggunakan angka acak kecuali Anda memastikan setiap warna unik.
• Anda tidak dapat terhubung ke layanan apa pun melalui jaringan apa pun
• Anda tidak dapat membaca file apa pun di program Anda.
• Anda tidak dapat menggunakan perpustakaan apa pun dari perpustakaan standar bahasa pilihan Anda.

Ini kode golf sehingga kode terpendek menang.

MATLAB, 24 byte

Upaya kedua, sekarang benar-benar sesuai dengan aturan.

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

'I' adalah singkatan dari 'InitialMagnification', tetapi tampaknya Matlab akan melengkapi nama secara otomatis dalam pasangan nama / nilai. Tentu itu trik golf yang bagus!

Mathematica, 30 byte

Berikut ini adalah pendekatan Mathematica lainnya:

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

atau

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

Yang pertama hanya menciptakan sebuah array

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

dan yang kedua

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

Kemudian, ArrayPlotplot mereka sebagai kisi dan, secara default, menggunakan skala abu-abu untuk memvisualisasikan nilai.

CJam - 23 (tidak ada output grafis aktual)

Karena CJam tidak dapat menggambar di layar (belum?), Saya menulis sebuah program yang menampilkan gambar dalam format pgm biasa .
Simpan output ke file bernama 50.pgm dan buka dengan penampil gambar / editor.

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

Cobalah online

Hasilnya terlihat seperti ini:

Penjelasan:

"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

Mathematica 72 61 59 43 35 34 byte

Versi saat ini (34 byte)

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

Versi sebelumnya (59 byte), terima kasih kepada Martin Büttner.

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

Batas biru ditambahkan untuk menyorot posisi kotak.

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

Jumlah kotak:

    Length[%[[1]]]

50

Upaya pertama (72 byte)

Jika kotak bisa tumpang tindih. Seperti dicatat Zgarb, ada kemungkinan jauh bahwa satu kotak akan menyembunyikan yang lain.

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

Sage - 26 24 35 29 karakter

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

Ini terlihat seperti ini:

Usaha-usaha sebelumnya : pertama aku Matrix([range(50)]).plot(), lalu matrix_plot([range(50)]). Ini terlihat seperti ini:

Pengguna @ flawr menunjukkan bahwa kuadrat yang dihasilkan dengan pengaturan default terlalu kecil. Menambahkan figsizeopsi memperbaikinya, tetapi 6 karakter lebih panjang dari versi 5x10 di bagian atas jawaban ini:

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

R, 47 42 39 38 37 36 35 byte

Dengan asumsi mereka diizinkan untuk tumpang tindih, ini berfungsi. Symbolsmembutuhkan vektor yang menampung ukuran untuk setiap kotak, dan saya menghemat ruang dengan menggunakan kembali vektor yang sama untuk semua parameter fungsi. Kotak terbesar selalu selebar 1 inci. Dengan kisaran 50:99 sebagai bilangan bulat, kuadrat terkecil akan memiliki lebar sekitar setengah inci, jadi 36 piksel pada 72 dpi.

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

Terima kasih kepada semua orang atas komentar dan sarannya, saya cukup baru untuk R jadi ini semua sangat mendidik.

Versi sebelumnya:

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

Gambar sebelumnya:

Jawa - 180

Cukup mudah, hanya menggambar kotak.

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

Dengan jeda baris:

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

Kuadrat harus setidaknya 20 piksel tetapi tidak ada yang mengatakan bahwa mereka harus memiliki ukuran yang sama, jadi saya kira ini memenuhi syarat.

Dimungkinkan untuk mempersingkat ini dengan menggunakan kode VDU tingkat rendah. Tetapi mengubah dari pola ini ke pola yang kurang menarik sepertinya tidak akan membuatnya lebih pendek.

ipython 2, 54 byte

Yang terbaik yang bisa saya lakukan adalah dengan program ipython. Memulai ipython dengan ipython -pylabdan menjalankan program ini akan menampilkan grafik dengan 50 nuansa abu-abu dalam 50 kotak:

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

Keluaran:

Solusi 2:

Berikut adalah program lain (61 byte):

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

yang menampilkan jendela berikut:

JavaScript ( 72 , 70 , 67 byte)

72: asli (meminjam ■penggunaan pintar dari jawaban Sphinxxx ):

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

70: mencuri tanpa malu-malu dari Ismael Miguel (yang pantas menerima suara), yang lebih pendek untuk loop dan memungkinkan browser untuk memperbaiki karena kurangnya # melanjutkan kode warna ...

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

67 byte (65 karakter): menukar entitas untuk karakter unicode:

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

C ++, 98 83 karakter

Oke, Anda akan membutuhkan emulator terminal yang mendukung warna asli. Untuk mac os ada build malam hari dari iTerm2, misalnya. Untuk unix saya percaya konsole mendukungnya. Berikut daftar, untuk berjaga-jaga: https://gist.github.com/XVilka/8346728#now-supporting-truecolor

Kompilasi dengan g ++ (\ e bergantung pada kompiler).

Agar kotak memiliki area yang cukup, Anda harus mengubah ukuran font terminal Anda.

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

Menggunakan pustaka C sebagai ganti C ++ memungkinkan untuk mencukur beberapa karakter.

C, 61 58 karakter

Ini adalah program yang sama tetapi dalam C, yang mengasumsikan deklarasi fungsi yang tidak diketik untuk mengembalikan int, dan yang tidak perlu menyertakan beberapa fungsi pustaka standar, seperti dalam hal ini, printf. Disarankan oleh @cartographer. Tiga karakter lebih sedikit berkat @ user3601420

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

Kompilasi dengan beberapa peringatan (untuk mengasumsikan tipe pengembalian utama menjadi int dan untuk secara implisit termasuk deklarasi 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

Output sampel:

Penyu tua yang baik. Ini adalah satu-satunya metode yang dapat saya pikirkan dalam Python yang mencetak gambar ke layar hanya menggunakan perpustakaan standar.

Bentuk penyu persegi hanya 21 sampai 21, yang sangat nyaman. Ini bisa dilihat dengan menggali melalui turtle.py:

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

Jika Anda memiliki monitor beresolusi tinggi atau tidak keberatan beberapa kotak berada di luar layar, maka ini adalah 93 byte:

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

Demo

(Demo ini menggunakan Skulpt dengan mengadaptasi snippet yang ditemukan di sini . Ini hanya termasuk untuk memberikan gambaran tentang apa yang dilakukan kode - saya harus memodifikasi beberapa bit untuk membuatnya bekerja.)

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

Setelah saran dari randomra .

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

Solusi ini tidak menampilkan apa pun karena pustaka standar J tidak mengandung rutinitas GUI. Sebagai gantinya, saya menghasilkan gambar dan menulisnya ke output standar. Outputnya diacak, memastikan semua corak berbeda. Berikut adalah beberapa contoh output dan gambar dikonversi ke png dan diputar 90 ° untuk memudahkan penglihatan:

Excel vba, 81

Di jendela langsung:

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

pada lembar aktif:

^{{81 shades hanya kode sebanyak 50}}

R ,3732 karakter ¹ :

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

Namun, tampilan untuk ini terlihat ... meh (gambar diputar 90 ° agar lebih sesuai dengan teks; dikompresi, panjang sisi persegi asli> 20px):

Berikut adalah versi yang lebih bagus yang memplot kotak dalam urutan acak di dalam matriks (50 karakter):

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

(Dan ya, tiga kotak yang berdekatan dengan warna yang tampaknya identik sebenarnya adalah tiga warna abu-abu yang berbeda.)

¹ Ya, jawaban R lainnya,dan bahkan tidak terpendek(sekarang yang terpendek untuk R) - permintaan maaf. Saya hilang cukup render di R.

Matlab 35 berkat sanchis

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

Matlab 36

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

Menampilkan 50 kotak diisi dengan nilai abu-abu 1 hingga 50 dan 2 persegi panjang tambahan diisi dengan nilai abu-abu 0 dan 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>')

Output ini kuadratkan ke HTML, karena itu adalah satu-satunya metode output grafis JavaScript. Terima kasih kepada edc65 untuk mencukur 3 byte.

PHP, 96 88 74 byte

Terima kasih kepada Ismael Miguel karena telah menghemat 22 byte!

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

Menulis 50 <p>detik dengan tinggi dan lebar 9mm (yang seharusnya lebih besar dari 20px pada sebagian besar layar), saling ditumpuk, semuanya dengan sedikit perbedaan warna.

Hasil yang dihasilkan (gambar diperbesar dan diputar 90 °):

Matlab - 33 byte

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

Meskipun perintah verbose, hasilnya masih cukup kompak. Ini terlihat sedikit lebih baik jika Anda mengganti surfdengan surfacetetapi biaya 3 karakter.

Jika Anda tidak melihat kotak abu-abu ke-50 itu karena itu sedikit lebih besar dari yang lain!

Javascript (77 71 byte):

Jawaban ini tidak lagi berbasis IE11. Ini berfungsi karena browser mengubah kode warna yang buruk menjadi kode yang dapat digunakan (dengan menambahkan #nomornya).

Ini kodenya:

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

Firefox masih memiliki kebiasaan membuat lingkaran.

(Suntingan kecil: Diubah for(i=61;i-->9;)menjadi for(i=59;i-->9;)karena menghasilkan 52 kotak)

Jawaban lama:

Ini didasarkan pada jawaban PHP saya , dan menggunakan cara yang hampir sama untuk membuat kotak:

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

Bukan jawaban terpendek, tetapi perlu ditambahkan di sini.

Solusi ini tidak kompatibel dengan Chrome (menghasilkan banyak warna hijau) dan Firefox (hasil yang sama, tetapi menghasilkan lingkaran? OO WTH?)

Karena ini adalah kode-golf, solusi yang bekerja dengan versi tertentu atau perangkat lunak tertentu dapat diterima.

Piet- 2 * 103 = 206

Ini unik karena kode sumber dan hasilnya memenuhi tantangan:

Sebagian besar dekoratif, jadi saya hanya menghitung dua baris teratas, yang berdiri sendiri saja. Output ppm skala abu-abu seperti yang dilakukan beberapa orang lain.

JavaScript - 70 byte

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

Memproses, 66 karakter:

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

Saya telah membuat yang terpendek yang dapat saya temukan:

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

Ini persis kode yang sama dengan jawaban Javascript saya (dengan 71 byte) .

Tapi JAUH lebih pendek!

Ini memiliki kekhasan di Firefox: alih-alih kuadrat, Firefox membuat lingkaran ! (Go kegilaan!)
Othen dari itu, semua browser menghasilkan warna yang tepat (bahkan dengan hilang #pada coloratribut).

Pengiriman dan daftar perubahan tidak valid :

Jawaban lama, dengan 62 byte.

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

Semua warna selaras sempurna.

Solusi ini tidak akan berfungsi untuk Chrome (akan menghasilkan kotak dengan banyak warna) dan Firefox (yang membuat lingkaran ya. Lingkaran dengan <hr>! Penggaris horizontal adalah lingkaran di Firefox!).
Anda dapat mengujinya di IE11 dan itu harus baik-baik saja.

(cukup dihapus dari atas)

Saya telah memperhatikan sesuatu yang mengerikan: Itu menghasilkan #111bukan #010101untuk beberapa warna.

Ini berarti bahwa beberapa warna berulang.

Karena itu, saya harus mengorbankan beberapa byte:

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

Menghasilkan 50 warna dengan urutan sempurna, dari yang lebih terang ke yang lebih gelap.

Karena titik yang benar dibuat oleh @ edc65 , saya harus menambahkan width=20, untuk menghasilkan kotak yang sempurna .

Mengurangi satu byte lebih dengan mengganti f!=$cdengan f>$c, yang bekerja dengan sempurna.

Versi final, tanpa width=20:

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

Ini tidak valid karena diperlukan untuk kotak keluaran.
Ini menghasilkan nuansa dari terang ke gelap.

Dikurangi 1 byte dengan beralih ke whileloop, seperti ini:

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

Solusi pertama:

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

Ini tidak memiliki nuansa yang tertata rapi, tetapi ada 50 yang berbeda.

Tidak ada yang menyatakan bahwa mereka harus dipesan, tetapi ada persyaratan ukuran.

Saya harap saya bisa mengurangi lebih banyak.

Anda dapat mengujinya di http://writecodeonline.com/php/ (klik "Tampilkan sebagai HTML").

CSS (87 karakter)

Gunakan animasi;)

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

Versi runnable lebih panjang karena Webkit masih membutuhkan awalan vendor. :(

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

Jika kami diizinkan <a>elemen acak dan kosong , kami bisa mendapatkannya hanya 72 karakter:

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

Lihat? CSS adalah bahasa pemrograman yang sah!

R, 36 byte

Saya bisa membuat jawaban freekvd lebih pendek sepele.

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

(Maaf karena tidak membuat komentar di bawah solusinya. Stackexchange tidak mengizinkan saya untuk memberikan komentar, memilih dll).

PostScript, 34 byte

Dalam penyandian ISO-Latin-1:

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

Ini setara dengan biner untuk:

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

(Ini mengasumsikan bahwa Anda menggunakannya pada perangkat yang memiliki setidaknya 1000 poin [= 10 inci = 25,4 cm] lebar.)

DrRacket - 83

Hanya demi menjalankan DrRacket 1 tahun setelah "Pengantar Desain Program Sistematik".

EDIT :

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

C # - 173

Menggunakan 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();

Diperluas :

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

Keluaran :

JavaScript, 152 byte.

Oke, jadi mungkin ini bukan solusi terbaik tapi ini milik saya.

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)

Ini adalah output dengan css float left (hanya supaya lebih mudah untuk menghitung kotak) dan tanpa: