Jungen und Mädchen freuen sich, Fifty Shades of Grey auf der Leinwand zu sehen. Wir wollen einfach nur Code schreiben, ohne uns darum zu kümmern.

Sie müssen:

• Drucken Sie auf dem Bildschirm fünfzig Quadrate, die jeweils mit einem anderen Grauton gefüllt sind
• Wenn Ihre bevorzugte Sprache keine Bildverarbeitungsfunktionen bietet , können Sie eine Bilddatei ausgeben
• Quadrate müssen sichtbar sein, mindestens 20 x 20 Pixel
• Sie können keine Zufallszahlen verwenden, es sei denn, Sie stellen sicher, dass jeder Farbton einzigartig ist.
• Sie können über kein Netzwerk eine Verbindung zu einem Dienst herstellen
• Sie können keine Dateien in Ihrem Programm lesen.
• Sie können keine Bibliotheken aus den Standardbibliotheken Ihrer Wahl verwenden.

Dies ist Codegolf, also gewinnt der kürzeste Code.

MATLAB, 24 Bytes

Zweiter Versuch, nun tatsächlich regelkonform.

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

Das 'I' steht für 'InitialMagnification', aber anscheinend wird Matlab Namen in Name / Wert-Paaren automatisch vervollständigen. Klar ist ein guter Golftick!

Mathematica, 30 Bytes

Hier ist ein weiterer Mathematica-Ansatz:

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

oder

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

Der erste erstellt einfach ein 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}}

und der zweite

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

Dann ArrayPlotzeichnet sie als Gitter und wird standardmäßig verwendet , Graustufen , die Werte zu visualisieren.

CJam - 23 (keine aktuelle grafische Ausgabe)

Da CJam (noch?) Nicht auf dem Bildschirm zeichnen kann, habe ich ein Programm geschrieben, das ein Bild im normalen PGM- Format ausgibt .
Speichern Sie die Ausgabe in einer Datei mit dem Namen 50.pgm und öffnen Sie sie mit einem Bildbetrachter / -editor.

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

Probieren Sie es online aus

Das Ergebnis sieht so aus:

Erläuterung:

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

Aktuelle Version (34 Bytes)

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

Frühere Version (59 Bytes), danke an Martin Büttner.

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

Blaue Ränder wurden hinzugefügt, um die Position der Quadrate hervorzuheben.

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

Anzahl der Quadrate:

    Length[%[[1]]]

50

Erster Versuch (72 Bytes)

Wenn sich die Quadrate überlappen können. Wie Zgarb bemerkt, gibt es eine entfernte Möglichkeit, dass ein Feld ein anderes verdeckt.

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

Salbei - 26 24 35 29 Zeichen

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

Es sieht aus wie das:

Bisherige Versuche : Erst hatte ich Matrix([range(50)]).plot()dann matrix_plot([range(50)]). Diese sahen so aus:

Benutzer @flawr wies darauf hin, dass die mit den Standardeinstellungen erstellten Quadrate zu klein sind. Das Hinzufügen von figsizeOptionen behebt das Problem, aber es ist 6 Zeichen länger als die 5x10-Version oben in dieser Antwort:

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

R, 47 42 39 38 37 36 35 Bytes

Vorausgesetzt, sie dürfen sich überlappen, funktioniert dies. Symbolserfordert einen Vektor, der die Größe für jedes Quadrat enthält, und ich spare Platz, indem ich denselben Vektor für alle Funktionsparameter wieder verwende. Das größte Quadrat ist immer 1 Zoll breit. Mit 50:99 als ganzzahligem Bereich ist das kleinste Quadrat etwa einen halben Zoll breit, also 36 Pixel bei 72 dpi.

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

Vielen Dank an alle für die Kommentare und Vorschläge, ich bin ziemlich neu in R, das ist also alles sehr lehrreich.

Vorherige Versionen:

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

Vorheriges Bild:

Java - 180

Ziemlich einfach, nur Kisten zeichnen.

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

Mit Zeilenumbrüchen:

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

Die Quadrate müssen mindestens 20 Pixel groß sein, aber es gibt nichts zu sagen, dass sie die gleiche Größe haben müssen.

Es kann möglich sein, dies durch Verwendung niedrigerer VDU-Codes zu verkürzen. Ein Wechsel von diesem Muster zu einem weniger interessanten wird es jedoch wahrscheinlich nicht kürzer machen.

Ipython 2, 54 Bytes

Das Beste, was ich tun konnte, war mit einem Ipython-Programm. Wenn Sie ipython mit starten ipython -pylabund dieses Programm ausführen, wird eine Grafik mit 50 Graustufen in 50 Quadraten angezeigt :

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

Ausgabe:

Lösung 2:

Hier ist ein anderes Programm (61 Bytes):

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

Daraufhin wird das folgende Fenster angezeigt:

JavaScript ( 72 , 70 , 67 Byte)

72: original (die geschickte ■Verwendung von Sphinxxx's Antwort entlehnt ):

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

70: Schamlos von Ismael Miguel (der die Stimmen verdient hat) stehlen , einer kürzeren for-Schleife, und dem Browser erlauben, das Fehlen von # zu korrigieren, indem er den Farbcode einhält ...

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

67 Bytes (65 Zeichen): Vertauschen der Entität gegen das Unicode-Zeichen:

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

C ++, 98 83 Zeichen

Okay, Sie benötigen einen Terminal-Emulator, der True Colors unterstützt. Für Mac OS gibt es zum Beispiel die nächtlichen Builds von iTerm2. Für Unix glaube ich, dass Konsole es unterstützt. Hier ist eine Liste für alle Fälle: https://gist.github.com/XVilka/8346728#now-supporting-truecolor

Kompiliere mit g ++ (\ e ist compilerabhängig).

Damit die Quadrate genügend Fläche haben, müssen Sie die Schriftgröße des Terminals ändern.

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

Die Verwendung von C-Bibliotheken anstelle von C ++ ermöglicht das Rasieren einiger Zeichen.

C, 61 58 Zeichen

Dies ist dasselbe Programm, jedoch in C, das nicht typisierte Funktionsdeklarationen als Rückgabewert für int annimmt und für einige der Standardbibliotheksfunktionen, wie in diesem Fall printf, keine Includes benötigt. Vorgeschlagen von @cartographer. Drei Zeichen weniger dank @ user3601420

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

Kompiliert mit einigen Warnungen (für die Annahme, dass der Rückgabetyp von main int ist und implizit die Deklaration von printf enthält).

Python 2, 125 115 104 Bytes

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

Beispielausgabe:

Gute alte Schildkröte. Dies war die einzige mir in Python vorstellbare Methode, mit der Bilder nur mit den Standardbibliotheken auf einem Bildschirm gedruckt werden.

Die quadratische Schildkrötenform ist zufällig 21 mal 21, was sehr praktisch ist. Dies kann man sehen, indem man durchgräbt turtle.py:

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

Wenn Sie einen hochauflösenden Monitor haben oder nicht möchten, dass ein paar Quadrate außerhalb des Bildschirms angezeigt werden, sind dies 93 Byte:

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

Demo

(Diese Demo verwendet Skulpt, indem sie das hier gefundene Snippet anpasst . Es ist nur enthalten, um eine Vorstellung davon zu geben, was der Code tut - ich musste ein paar Bits modifizieren, damit es funktioniert.)

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

Nach Vorschlägen von randomra .

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

Diese Lösung zeigt nichts an, da die Standardbibliothek von J keine GUI-Routinen enthält. Stattdessen erstelle ich ein Bild und schreibe es in die Standardausgabe. Die Ausgabe erfolgt zufällig, es wird sichergestellt, dass alle Schattierungen unterschiedlich sind. Hier ist ein Beispiel für die Ausgabe und das in PNG konvertierte und um 90 ° gedrehte Bild zur einfacheren Anzeige:

Excel vba, 81

Im unmittelbaren Fenster:

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

auf dem aktiven Blatt:

^{{81 Shades sind genauso viel Code wie 50}}

R ,3732 Zeichen ¹ :

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

Die Anzeige dafür sieht jedoch so aus… meh (Bild um 90 ° gedreht, um besser in den Text zu passen; komprimiert, ursprüngliche quadratische Seitenlänge> 20px):

Hier ist eine schönere Version, die die Quadrate in zufälliger Reihenfolge in einer Matrix (50 Zeichen) darstellt:

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

(Und ja, die drei benachbarten Quadrate mit scheinbar identischen Farben sind tatsächlich drei verschiedene Graustufen.)

¹ Ja, eine andere R-Antwort,und nicht einmal die kürzeste(jetzt die kürzeste für R) - Entschuldigung. Mir hat ein hübsches Rendering in R gefehlt .

Matlab 35 dank sanchises

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

Matlab 36

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

Zeigt 50 Quadrate mit den Grauwerten 1 bis 50 und 2 zusätzliche Rechtecke mit den Grauwerten 0 und 51 an:

Matlab, 45

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

JavaScript, 87 bis 90 Bytes

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

Dadurch werden Quadrate in HTML ausgegeben, da dies die einzige grafische Ausgabemethode von JavaScript ist. Danke an edc65 für das Abschneiden von 3 Bytes.

PHP, 96 88 74 Bytes

Danke an Ismael Miguel für das Speichern von 22 Bytes!

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

Schreibt 50 <p>s mit 9 mm Höhe und Breite (die auf den meisten Bildschirmen größer als 20 Pixel sein sollten), mit geringfügigen Farbunterschieden.

Generiertes Ergebnis (das Bild wird herausgezoomt und um 90 ° gedreht):

Matlab - 33 Bytes

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

Trotz der ausführlichen Befehle ist das Ergebnis immer noch recht kompakt. Es sieht ein bisschen besser , wenn Sie ersetzen surfmit , surfaceaber das kostet 3 Zeichen.

Wenn Sie das 50. graue Quadrat nicht bemerken, ist es etwas größer als die anderen!

Javascript (77 71 Bytes):

Diese Antwort basiert nicht mehr auf IE11. Es funktioniert, weil der Browser die falschen Farbcodes in verwendbare umwandelt (indem #er die Zahl hinzufügt ).

Hier ist der Code:

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

Firefox hat immer noch die Eigenheit, Kreise zu machen.

(Kleine Änderung: Geändert for(i=61;i-->9;)in, for(i=59;i-->9;)weil 52 Quadrate erzeugt wurden.)

Alte Antwort:

Dies basiert auf meiner PHP-Antwort und verwendet fast die gleichen Methoden, um die Quadrate zu erstellen:

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

Nicht die kürzeste Antwort, aber es lohnt sich, sie hier hinzuzufügen.

Diese Lösung ist nicht kompatibel mit Chrome (erzeugt mehrere grüne Farben) und Firefox (das gleiche Ergebnis, erzeugt aber Kreise? OO WTH?)

Da dies Code-Golf ist, ist eine Lösung, die mit einer bestimmten Version oder einer bestimmten Software arbeitet, akzeptabel.

Piet-2 * 103 = 206

Dies ist insofern einzigartig, als der Quellcode und die Ausgabe die Herausforderung erfüllen:

Das meiste davon ist dekorativ, also habe ich nur die beiden oberen Reihen gezählt, die für sich alleine stehen. Gibt wie andere Graustufen-ppm aus.

JavaScript - 70 Bytes

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

Verarbeitung, 66 Zeichen:

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

Ich habe den kürzesten gemacht, den ich finden konnte:

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

Dies ist genau derselbe Code wie meine Javascript-Antwort (mit 71 Bytes) .

Aber so viel kürzer!

Dies hat eine Besonderheit in Firefox: Anstelle von Quadraten macht Firefox Kreise ! (Go Wahnsinn!)
Andernfalls produzieren alle Browser die richtige Farbe (auch wenn #das colorAttribut fehlt ).

Ungültige Einreichungen und Änderungsprotokoll :

Alte Antwort mit 62 Bytes.

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

Alle Farben sind perfekt aufeinander abgestimmt.

Diese Lösung funktioniert nicht für Chrome (erzeugt Quadrate mit mehreren Farben) und Firefox (wodurch Kreise oO werden Ja, Kreise mit <hr>! Das horizontale Lineal ist in Firefox ein Kreis!).
Sie können es auf IE11 testen und es sollte in Ordnung sein.

(einfach von oben entfernen)

Mir ist etwas Schreckliches aufgefallen: Es wurde #111statt #010101für einige Farben ausgegeben .

Dies bedeutete, dass sich einige Farben wiederholten.

Deshalb musste ich ein paar Bytes opfern:

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

Gibt die 50 Farben in perfekter Reihenfolge aus, von heller bis dunkler.

Aufgrund eines korrekten Punktes von @ edc65 musste ich hinzufügen width=20, um perfekte Quadrate zu erzeugen .

Reduziert ein weiteres Byte durch Ersetzen f!=$cdurch f>$c, was perfekt funktioniert.

Endfassung, ohne width=20:

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

Dies ist ungültig, da Quadrate ausgegeben werden müssen.
Dies gibt die Schatten von heller nach dunkler aus.

Reduziert 1 Byte durch Umschalten auf eine whileSchleife wie folgt:

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

Erste Lösung:

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

Dies hat nicht die Farben ordentlich bestellt, aber es gibt 50 verschiedene.

Es gibt nichts, was besagt, dass sie bestellt werden müssen, aber es gibt eine Anforderung an die Größe.

Ich hoffe, ich kann es viel mehr reduzieren.

Sie können es unter http://writecodeonline.com/php/ testen (klicken Sie auf "Als HTML anzeigen").

CSS (87 Zeichen)

Verwendet Animation;)

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

Die ausführbare Version ist länger, da Webkit weiterhin das Herstellerpräfix benötigt. :(

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

Wenn wir ein zufälliges, leeres <a>Element zulassen , können wir es auf nur 72 Zeichen reduzieren:

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

Sehen? CSS ist eine legitime Programmiersprache!

R, 36 Bytes

Ich kann die Antwort von freekvd trivial verkürzen.

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

(Sorry, dass ich unter seiner Lösung keinen Kommentar abgegeben habe. Stackexchange erlaubt mir noch keine Kommentare abzugeben, abzustimmen usw.).

PostScript, 34 Bytes

In der ISO-Latin-1-Codierung:

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

Dies ist das binäre Äquivalent zu:

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

(Dies setzt voraus, dass Sie es auf einem Gerät verwenden, das mindestens 1000 Punkte [= 10 Zoll = 25,4 cm] breit ist.)

DrRacket - 83

Nur um DrRacket 1 Jahr nach "Introduction to Systematic Program Design" zu starten.

EDIT :

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

C # - 173

LINQPAD verwenden

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

Erweitert :

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

Ausgabe :

JavaScript, 152 Byte.

Okay, vielleicht ist das nicht die beste Lösung, aber hier ist meine.

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)

Hier ist die Ausgabe mit css float links (nur damit es einfacher ist, die Quadrate zu zählen) und ohne: