Хлопчики та дівчата із задоволенням бачать П'ятдесят відтінків сірого на сріблястому екрані, ми просто хочемо кодувати, не турбуючи, так що ось завдання вибрати наш мозок.

Ти мусиш:

• Роздрукуйте на екрані п'ятдесят квадратів, заповнених кожним іншим відтінком сірого
• Якщо у вашій мові вибору немає можливостей обробки зображень , ви можете вивести файл зображення
• Квадрати повинні бути видимими, принаймні 20 х 20 пікселів
• Ви не можете використовувати випадкові числа, якщо не переконаєтесь, що кожен відтінок унікальний.
• Ви не можете підключитися до будь-якої служби через будь-яку мережу
• Ви не можете читати файли у вашій програмі.
• Ви не можете використовувати будь-які бібліотеки зі стандартних бібліотек на вашу обрану мову.

Це код гольфу, тому виграє найкоротший код.

MATLAB, 24 байти

Друга спроба, тепер фактично відповідає правилам.

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

'Я' означає 'InitialMagnification', але, очевидно, Matlab автоматично заповнить імена в парах імен / значень. Звичайно, це хороший трюк з гольфу!

Математика, 30 байт

Ось ще один підхід Mathematica:

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

або

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

Перший просто створює масив

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

а другий

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

Потім ArrayPlotнакресліть їх у вигляді сітки та за замовчуванням використовує шматки сірого для візуалізації значень.

CJam - 23 (фактичного графічного виводу немає)

Оскільки CJam не може малювати на екрані (ще?), Я написав програму, яка виводить зображення у простому форматі pgm .
Збережіть вихід у файл під назвою 50.pgm та відкрийте за допомогою переглядача / редактора зображень.

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

Спробуйте в Інтернеті

Результат виглядає приблизно так:

Пояснення:

"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 байт

Поточна версія (34 байти)

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

Більш рання версія (59 байт), завдяки Мартіну Бюттнеру.

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

Сині рамки додані для виділення положення квадратів.

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

Кількість квадратів:

    Length[%[[1]]]

50

Перша спроба (72 байти)

Якщо квадрати можуть перекриватися. Як зазначає Згарб, існує віддалена ймовірність того, що один квадрат заховав би інший.

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

Мудрець - 26 24 35 29 символів

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

Це виглядає приблизно так:

Попередні спроби : Спочатку у мене були Matrix([range(50)]).plot(), потім matrix_plot([range(50)]). Вони виглядали приблизно так:

Користувач @flawr вказував, що квадрати, створені за замовчуванням, занадто малі. Додавання figsizeпараметра виправляє це, але воно на 6 символів довше, ніж версія 5x10 у верхній частині цієї відповіді:

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

R, 47 42 39 38 37 36 35 байт

Якщо припустити, що вони можуть перекриватися, це працює. Symbolsпотрібен вектор, який містить розмір для кожного квадрата, і я економлю простір, використовуючи той самий вектор для всіх параметрів функції. Найбільший квадрат завжди шириною 1 дюйм. Якщо діапазон цілих чисел становить 50:99, найменший квадрат буде шириною пів дюйма, тож 36 пікселів при 72 dpi.

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

Дякую всім за коментарі та пропозиції, я досить новачок у R, тому це все дуже навчально.

Попередні версії:

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

Попереднє зображення:

Ява - 180

Досить прямо, просто малюючи коробки.

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

З розривами рядків:

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

Квадрати повинні бути не менше 20 пікселів, але нічого не можна сказати, що вони повинні бути однакового розміру, тому, мабуть, це відповідає вимогам.

Скоротити це можна за допомогою більш низьких рівнів кодів VDU. Але зміна цього шаблону на менш цікавий навряд чи скоротить його.

ipython 2, 54 байти

Найкраще, що я міг зробити, це з програмою ipython. Починаючи з ipython ipython -pylabі виконуючи цю програму, буде показано графік з 50 відтінків сірого на 50 квадратів:

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

Вихід:

Рішення 2:

Ось ще одна програма (61 байт):

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

що відображає таке вікно:

JavaScript ( 72 , 70 , 67 байт)

72: оригінал (запозичення розумного ■використання з відповіді Sphinxxx ):

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

70: безсоромно крадуть у Ісмаїла Мігеля (який заслуговує на голоси), коротший за цикл і дозволяє браузеру виправити відсутність # коду кольору, який ...

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

67 байт (65 символів): заміна об'єкта на символ unicode:

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

C ++, 98 83 символи

Гаразд, знадобиться термінальний емулятор, який підтримує справжні кольори. Наприклад, для mac os існують нічні побудови iTerm2. Для Unix я вважаю, konsole це підтримує. Ось список, про всяк випадок: https://gist.github.com/XVilka/8346728#now-supporting-truecolor

Компілювати з g ++ (\ e залежить від компілятора).

Щоб у квадратів було достатньо площі, вам доведеться змінити розмір шрифту терміналу.

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

Використання бібліотек C замість C ++ дозволяє голити деякі символи.

C, 61 58 символів

Це та сама програма, але в C, яка передбачає нетипізовані декларації функцій для повернення int, і яка не потребує включення для деяких стандартних функцій бібліотеки, як, наприклад, printf. Запропонував @cartographer. На три символи менше завдяки @ user3601420

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

Компілюється з парою попереджень (для того, щоб вважати, що тип повернення main є int, і для неявного включення заяви printf).

Python 2, 125 115 104 байт

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

Вибірка зразка:

Гарна стара черепаха. Це єдиний метод, який я міг придумати в Python, який друкує зображення на екран, використовуючи лише стандартні бібліотеки.

Форма квадратної черепахи як раз буває 21 на 21, що дуже зручно. Це можна побачити, викопавши turtle.py:

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

Якщо у вас монітор високої роздільної здатності або ви не заперечуєте, щоб кілька квадратів були поза екраном, це 93 байти:

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

Демо

(Ця демонстрація використовує Skulpt , адаптуючи знайдений тут фрагмент . Він включається лише для того, щоб дати уявлення про те, що робить код - мені довелося змінити кілька біт, щоб він працював.)

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 символів)

Після пропозицій від випадкових .

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

Це рішення не відображає нічого, оскільки стандартна бібліотека J не містить підпрограми графічного інтерфейсу. Натомість генерую зображення і записую його на стандартний вихід. Вихід рандомізований, це гарантувало, що всі відтінки відрізняються. Ось деякий зразок виводу та зображення, перетворене у png та повернене на 90 ° для легшого перегляду:

Excel vba, 81

У безпосередньому вікні:

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

на активному аркуші:

^{{81 відтінок - це стільки ж коду, як і 50}}

R ,3732 символи ¹ :

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

Однак дисплей для цього виглядає… мех (зображення повертається на 90 °, щоб краще вписатись у текст; стислий, оригінальна довжина сторони квадрата> 20 пікселів):

Ось приємніша версія, яка розміщує квадрати у випадковому порядку всередині матриці (50 символів):

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

(І так, три сусідніх квадрата, здавалося б, однакових кольорів - це насправді три різних відтінки сірого.)

¹ Так, ще одна відповідь R,і навіть не найкоротший(зараз найкоротший для R) - вибачення. Мені не вистачало гарненького відображення в Р.

Matlab 35 завдяки sanchises

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

Матлаб 36

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

Відображає 50 квадратів, заповнених сірими значеннями від 1 до 50, та 2 додаткові прямокутники, заповнені сірим значенням 0 та 51:

Матлаб, 45

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

JavaScript, 87 90 байт

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

Це виводить квадрати до HTML, оскільки це дійсно єдиний метод графічного виведення JavaScript. Завдяки edc65 за гоління 3-х байт.

PHP, 96 88 74 байт

Дякуємо Ісмаелю Мігелю за економію 22 байтів!

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

Записує 50 <p>с висотою та шириною 9 мм (що на більшості екранів має бути більше 20 пікселів), складеними один на одного, все з незначною різницею відтінку.

Створений результат (зображення зменшено та на 90 ° повернути):

Матлаб - 33 байти

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

Незважаючи на багатослівні команди, результат все ще досить компактний. Це виглядає трохи краще , якщо ви заміните surfз , surfaceале це коштує 3 символів.

Якщо ви не помітили 50-го сірого квадрата, це тому, що він трохи більший за інші!

Javascript (77 71 байт):

Ця відповідь вже не заснована на IE11. Це працює тому, що браузер перетворює коди поганих кольорів у корисні (додаючи #їх до числа).

Ось код:

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

У Firefox все ще є химерність створення кіл.

(Малі зміни: Змінено for(i=61;i-->9;)в for(i=59;i-->9;)тому , що вона виробляла 52 квадратів)

Стара відповідь:

Це ґрунтується на моїй відповіді PHP і використовує майже ті ж способи створення квадратів:

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

Не найкоротша відповідь, але варто додати тут.

Це рішення не сумісне з Chrome (дає декілька зелених кольорів) та Firefox (однаковий результат, але створює кола? OO WTH?)

Оскільки це код-гольф, прийнятне рішення, що працює з певною версією або конкретним програмним забезпеченням.

Піт- 2 * 103 = 206

Це унікально тим, що вихідний код і вихід відповідають завданням:

Більшість це декоративна, тому я порахував лише два верхніх ряду, які стоять окремо просто чудово. Виводить масштаби сірого проміле, як це робили деякі інші.

JavaScript - 70 байт

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

Обробка, 66 символів:

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 байт):

Я зробив найкоротше, що міг знайти:

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

Це точно такий же код, як і моя відповідь Javascript (з 71 байтом) .

Але ТАКІ МНОГО коротше!

Це є химерність у Firefox: замість квадратів Firefox робить кола ! (
Перестаньте бути божевільними!) Окрім цього, усі браузери створюють потрібний колір (навіть якщо #цей colorатрибут відсутній ).

Недійсні подання та журнал змін :

Стара відповідь, з 62 байтами.

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

Всі відтінки ідеально вирівняні.

Це рішення не працюватиме для Chrome (дасть квадрати з декількома кольорами) та Firefox (що робить кола oO Так, кола з <hr>! Горизонтальна лінійка - це коло на Firefox!).
Ви можете протестувати його на IE11, і він повинен бути добре.

(просто видалено зверху)

Я помітив щось жахливе: воно виходило #111замість #010101деяких кольорів.

Це означало, що деякі кольори повторюються.

Тому мені довелося пожертвувати кількома байтами:

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

Виводить 50 відтінків у ідеальному порядку: від світлішого до більш темного.

Через правильну точку, яку зробив @ edc65 , мені довелося додати width=20, щоб отримати ідеальні квадрати .

Скорочений ще один байт, замінивши f!=$cна f>$c, що працює чудово.

Кінцева версія, без width=20:

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

Це недійсне значення, оскільки воно потрібно для виведення квадратів.
Це виводить відтінки від світлішого до більш темного.

Скорочується на 1 байт шляхом переходу на whileцикл, як це:

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

Перше рішення:

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

Відтінки не мають чітко упорядкованих, але є 50 різних.

Ніщо не говорить про те, що їх потрібно замовити, але є вимога щодо розміру.

Я сподіваюся, що зможу зменшити це набагато більше.

Ви можете перевірити його на http://writecodeonline.com/php/ (натисніть "Показати як HTML").

CSS (87 символів)

Використовує анімацію;)

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

Версія для запуску довша, оскільки Webkit все ще потребує префікса постачальника. :(

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

Якщо нам дозволений випадковий, порожній <a>елемент, ми можемо зменшити його до всього 72 символів:

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

Побачити? CSS є законною мовою програмування!

R, 36 байт

Я можу зробити відповідь freekvd коротше тривіально.

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

(Вибачте, що не коментую його рішення. Stackexchange не дозволяє мені коментувати, голосувати тощо).

PostScript, 34 байти

У кодуванні ISO-Latin-1:

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

Це двійковий еквівалент:

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

(Це передбачає, що ви використовуєте його на пристрої, шириною щонайменше 1000 точок [= 10 дюймів = 25,4 см].)

DrRacket - 83

Просто заради звільнення DrRacket через 1 рік після "Введення в систематичну розробку програми".

Редагувати :

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

C # - 173

Використання 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();

Розширено :

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

Вихід :

JavaScript, 152 байти.

Гаразд, то, можливо, це не найкраще рішення, але ось моє.

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)

Ось вихід з floss css зліва (просто так простіше рахувати квадрати) і без: