Było wiele wyzwań inny flaga wysłane, ale nie jeden za flagę narodową z Francji . Ten tydzień wydaje się odpowiednim czasem.

Utwórz tę flagę w jak najmniejszej liczbie bajtów:

• Obraz musi mieć proporcje 3: 2, rozmiar co najmniej 78 pikseli szerokości i 52 piksele wysokości.
• Każdy pasek zajmuje jedną trzecią szerokości.
• Kolory pasków od lewej do prawej są RGB: (0, 85, 164), (255, 255, 255), (239, 65, 53).
• Obraz można zapisać do pliku lub przesłać strumieniowo do STDOUT w dowolnym popularnym formacie pliku obrazu lub można go wyświetlić.
• Alternatywnie, wypisz blok tekstu o szerokości co najmniej 78 znaków, złożony ze znaków spacji, które przedstawiają flagę, używając kodów kolorów ANSI, aby go pokolorować. (Użyj standardowego niebieskiego, białego i czerwonego.)
• Wbudowane obrazy / biblioteki flag są niedozwolone.

Najkrótszy kod w bajtach wygrywa.

Tabela liderów

Fragment kodu na dole tego postu generuje tabelę wyników na podstawie odpowiedzi a) jako lista najkrótszych rozwiązań dla każdego języka oraz b) jako ogólna tabela wyników.

Aby upewnić się, że twoja odpowiedź się pojawi, zacznij od nagłówka, korzystając z następującego szablonu Markdown:

## Language Name, N bytes

gdzie Njest rozmiar twojego zgłoszenia. Jeśli poprawić swój wynik, to może zachować stare porachunki w nagłówku, uderzając je przez. Na przykład:

## Ruby, <s>104</s> <s>101</s> 96 bytes

Jeśli chcesz umieścić w nagłówku wiele liczb (np. Ponieważ twój wynik jest sumą dwóch plików lub chcesz osobno wymienić kary za flagi tłumacza), upewnij się, że rzeczywisty wynik jest ostatnią liczbą w nagłówku:

## Perl, 43 + 2 (-p flag) = 45 bytes

Możesz także ustawić nazwę języka jako link, który pojawi się we fragmencie:

## [><>](http://esolangs.org/wiki/Fish), 121 bytes

<style>body { text-align: left !important} #answer-list { padding: 10px; width: 290px; float: left; } #language-list { padding: 10px; width: 290px; float: left; } table thead { font-weight: bold; } table td { padding: 5px; }</style><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="//cdn.sstatic.net/codegolf/all.css?v=83c949450c8b"> <div id="language-list"> <h2>Shortest Solution by Language</h2> <table class="language-list"> <thead> <tr><td>Language</td><td>User</td><td>Score</td></tr> </thead> <tbody id="languages"> </tbody> </table> </div> <div id="answer-list"> <h2>Leaderboard</h2> <table class="answer-list"> <thead> <tr><td></td><td>Author</td><td>Language</td><td>Size</td></tr> </thead> <tbody id="answers"> </tbody> </table> </div> <table style="display: none"> <tbody id="answer-template"> <tr><td>{{PLACE}}</td><td>{{NAME}}</td><td>{{LANGUAGE}}</td><td>{{SIZE}}</td><td><a href="{{LINK}}">Link</a></td></tr> </tbody> </table> <table style="display: none"> <tbody id="language-template"> <tr><td>{{LANGUAGE}}</td><td>{{NAME}}</td><td>{{SIZE}}</td><td><a href="{{LINK}}">Link</a></td></tr> </tbody> </table><script>var QUESTION_ID = 64140; var ANSWER_FILTER = "!t)IWYnsLAZle2tQ3KqrVveCRJfxcRLe"; var COMMENT_FILTER = "!)Q2B_A2kjfAiU78X(md6BoYk"; var OVERRIDE_USER = 42156; var answers = [], answers_hash, answer_ids, answer_page = 1, more_answers = true, comment_page; function answersUrl(index) { return "https://api.stackexchange.com/2.2/questions/" + QUESTION_ID + "/answers?page=" + index + "&pagesize=100&order=desc&sort=creation&site=codegolf&filter=" + ANSWER_FILTER; } function commentUrl(index, answers) { return "https://api.stackexchange.com/2.2/answers/" + answers.join(';') + "/comments?page=" + index + "&pagesize=100&order=desc&sort=creation&site=codegolf&filter=" + COMMENT_FILTER; } function getAnswers() { jQuery.ajax({ url: answersUrl(answer_page++), method: "get", dataType: "jsonp", crossDomain: true, success: function (data) { answers.push.apply(answers, data.items); answers_hash = []; answer_ids = []; data.items.forEach(function(a) { a.comments = []; var id = +a.share_link.match(/\d+/); answer_ids.push(id); answers_hash[id] = a; }); if (!data.has_more) more_answers = false; comment_page = 1; getComments(); } }); } function getComments() { jQuery.ajax({ url: commentUrl(comment_page++, answer_ids), method: "get", dataType: "jsonp", crossDomain: true, success: function (data) { data.items.forEach(function(c) { if (c.owner.user_id === OVERRIDE_USER) answers_hash[c.post_id].comments.push(c); }); if (data.has_more) getComments(); else if (more_answers) getAnswers(); else process(); } }); } getAnswers(); var SCORE_REG = /<h\d>\s*([^\n,<]*(?:<(?:[^\n>]*>[^\n<]*<\/[^\n>]*>)[^\n,<]*)*),.*?(\d+)(?=[^\n\d<>]*(?:<(?:s>[^\n<>]*<\/s>|[^\n<>]+>)[^\n\d<>]*)*<\/h\d>)/; var OVERRIDE_REG = /^Override\s*header:\s*/i; function getAuthorName(a) { return a.owner.display_name; } function process() { var valid = []; answers.forEach(function(a) { var body = a.body; a.comments.forEach(function(c) { if(OVERRIDE_REG.test(c.body)) body = '<h1>' + c.body.replace(OVERRIDE_REG, '') + '</h1>'; }); var match = body.match(SCORE_REG); if (match) valid.push({ user: getAuthorName(a), size: +match[2], language: match[1], link: a.share_link, }); else console.log(body); }); valid.sort(function (a, b) { var aB = a.size, bB = b.size; return aB - bB }); var languages = {}; var place = 1; var lastSize = null; var lastPlace = 1; valid.forEach(function (a) { if (a.size != lastSize) lastPlace = place; lastSize = a.size; ++place; var answer = jQuery("#answer-template").html(); answer = answer.replace("{{PLACE}}", lastPlace + ".") .replace("{{NAME}}", a.user) .replace("{{LANGUAGE}}", a.language) .replace("{{SIZE}}", a.size) .replace("{{LINK}}", a.link); answer = jQuery(answer); jQuery("#answers").append(answer); var lang = a.language; lang = jQuery('<a>'+lang+'</a>').text(); languages[lang] = languages[lang] || {lang: a.language, lang_raw: lang.toLowerCase(), user: a.user, size: a.size, link: a.link}; }); var langs = []; for (var lang in languages) if (languages.hasOwnProperty(lang)) langs.push(languages[lang]); langs.sort(function (a, b) { if (a.lang_raw > b.lang_raw) return 1; if (a.lang_raw < b.lang_raw) return -1; return 0; }); for (var i = 0; i < langs.length; ++i) { var language = jQuery("#language-template").html(); var lang = langs[i]; language = language.replace("{{LANGUAGE}}", lang.lang) .replace("{{NAME}}", lang.user) .replace("{{SIZE}}", lang.size) .replace("{{LINK}}", lang.link); language = jQuery(language); jQuery("#languages").append(language); } }</script>

CJam, 23 22 bajtów

00000000: 27 9b 22 5c 22 25 1f 22 66 7b 69 27 6d 32 37 2a  '."\"%."f{i'm27*
00000010: 7d 4e 5d 32 36 2a                                }N]26*

Powyżej jest zrzut heksowy, który można odwrócić xxd -r.

Kosztem dwóch dodatkowych bajtów - w sumie 24 bajtów - możemy zamiast tego użyć kolorów tła, dzięki czemu wydruk jest nieco ładniejszy.

00000000: 27 9b 22 2c 2f 29 00 22 66 7b 69 27 6d 53 32 36  '.",/)."f{i'mS26
00000010: 2a 7d 57 4e 74 32 36 2a                          *}WNt26*

Jak to działa

W obu programach używamy sekwencji ucieczki ANSI \x9bXYm- gdzie Xjest 3dla koloru pierwszego planu i koloru 4tła oraz Yokreśla kolor, który ma być użyty - do przełączania między trzema kolorami flagi.

'<CSI>       Push the '\x9b' character (Control Sequence Introducer).
"\"%<US>"    Push the string of the ISO 8859-1 characters with code
             points 34, 37, and 31.
f{           For each character in the string, push the CSI and that
             character; then:
  i            Cast the character to integer.
  'm27*        Push 27 m's. The first completes the control sequence,
               the remaining 26 will be printed.
}
N]           Wrap the generated array and "\n" in an array.
26*          Repeat it 26 times.

Drugi program jest podobny.

Wynik

Pure Bash (w OSX), 84

Domyślny terminal OSX obsługuje kolorowe emoji. Nie jestem pewien, czy liczy się to jako wynik tekstowy czy graficzny.

printf -vs %26s
for i in {1..26}
do echo ${s// /🔵}${s// /⚪️}${s// /🔴}
done

Dane wyjściowe wyglądają następująco:

Alternatywnie:

Bash z narzędziami OSX, 56

yes `dc -e3do26^d1-dn2/*p|tr 201 🔵🔴⚪️`|sed 26q

dcWyrażenie:

• oblicza 3^26-1i drukuje go w trójce22222222222222222222222222
• dzieli to przez 2, a następnie mnoży przez 3^26. Dane wyjściowe w potrójnym to jest1111111111111111111111111100000000000000000000000000

trnastępnie tłumaczy 210 znaków na 🔵⚪️🔴. yeswypisuje ten wiersz w nieskończoność. sed 26qzatrzymuje produkcję w 26 liniach.

Desmos, 30 12 bajtów

3x>10
3x<-10

Wypróbuj online.

_{Nie jestem do końca pewien, czy jest to poprawne, daj mi znać, jeśli są jakieś problemy.}

Python 2, 47 bajtów

s="[3%smF";print(s%4*26+s%7*26+s%1*26+"\n")*30

Zawiera niedrukowalne - oto zrzut heksadecymalny (odwracalny z xxd -r):

00000000: 733d 221b 5b33 2573 3b31 6d46 223b 7072  s=".[3%s;1mF";pr
00000010: 696e 7428 7325 342a 3236 2b73 2537 2a32  int(s%4*26+s%7*2
00000020: 362b 7325 312a 3236 2b22 5c6e 2229 2a33  6+s%1*26+"\n")*3
00000030: 30                                       0

Używa kodów ucieczki ANSI do drukowania kolorowych znaków na STDOUT - dla Francji wybrałem „F”. Brak linku online, ponieważ ideone nie obsługuje kodów wyjściowych ANSI w danych wyjściowych.

Podziękowania dla Dennisa i Xnora za wspaniałe wskazówki.

Zrzut ekranu z Xterm:

HTML / SVG, 76 bajtów 87 88 121 122 149

Zapisano 27 bajtów dzięki @insertusernameherehere

Oszczędza 9 bajtów dzięki @Joey

Zaoszczędzono 1 bajt dzięki @sanchies

Oszczędza 1 bajt dzięki @Neil

<svg><path fill=#0055a4 d=m0,0h26v52H0 /><path fill=#ef4135 d=M52,0h26v52H52

Korzystanie z wielu nadużyć w składni HTML może być dość krótkie.

Zrzut ekranu wyjścia:

Lub spróbuj (upewnij się, że Twoja przeglądarka obsługuje SVG):

<svg><path fill=#0055a4 d=m0,0h26v52H0 /><path fill=#ef4135 d=M52,0h26v52H52

Brainfuck $ , 153 bajty

+++++++++++++[->>>++>+++++++>++++>>>>++++++++>+++<<<<<<<<<<]>>>+>>#->$#>$#+++++++>$--->+++++[<]<<+++++[->+++++>++++++<<]>+#>($#([-]>[.>]<[<])>>>>+++<<<<)

Wysyła obraz z kodami kolorów ANSI. Wybrałem wysokość 30 jak Mego .

Zaginęła implementacja referencyjna z 2009 r. Połączona na stronie esolangs. Możesz go uruchomić za pomocą stworzonego przeze mnie interpretera, który obsługuje wszystko ze strony esolangs.

window.addEventListener("load",function(){document.querySelector("#r").addEventListener("click",function(){var  c=document.querySelector("#c").value,u=document.querySelector("#i").value,d=Array(30000).fill(0),p=0,i=0,q=0,s=[],o=document.querySelector("#o");o.value="";eval(c.replace(/[^]/g,function(e,i){return{"+":"d[p]=(-~d[p]+256)%256;","-":"d[p]=(~-d[p]+256)%256;",">":"p++;","<":"p--;",",":"d[p]=q-u.length?u[q++].charCodeAt()%256:0;",".":"o.value+=String.fromCharCode(d[p]);","[":"while(d[p]){","]":"}","#":"s.push(d[p]);","$":"d[p]=s.pop();",";":"d[p]=(parseInt(prompt())%256+256)%256;",":":"o.value+=d[p].toString();","(":"for(var i"+i+"=d[p];i"+i+">0;i"+i+"--){",")":"}","@":"o.value+=('D '+d.slice(0,20)+'\\nS '+s+'\\nIP '+i+' DP '+p);"}[e]||"";}));});});

<label for=c>Code:</label><br/><textarea style="width:100%;height:15em;white-space:pre" id=c>+++++++++++++[-&gt;&gt;&gt;++&gt;+++++++&gt;++++&gt;&gt;&gt;&gt;++++++++&gt;+++&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;]&gt;&gt;&gt;+&gt;&gt;#-&gt;$#&gt;$#+++++++&gt;$---&gt;+++++[&lt;]&lt;&lt; init sequence to cells 3 to 10&#10;+++++[-&gt;+++++&gt;++++++&lt;&lt;] set cells 1~2 to 25 &amp; 30&#10;&gt;+ set cell 1 to 26&#10;# push 26 to stack&#10;&gt; go to cell 2&#10;( do 30 times&#10;    $# get 26 to this cell from stack&#10;    ( do 26 times&#10;        [-]&gt;[.&gt;]&lt;[&lt;] print sequence&#10;    )&#10;    &gt;&gt;&gt;&gt;+++&lt;&lt;&lt;&lt; change color to white&#10;    $# get 26 to this cell from stack&#10;    ( do 26 times&#10;        [-]&gt;[.&gt;]&lt;[&lt;] print sequence&#10;    )&#10;    &gt;&gt;&gt;&gt;------&lt;&lt;&lt;&lt; change color to red&#10;    $# get 26 to this cell from stack&#10;    ( do 26 times&#10;        [-]&gt;[.&gt;]&lt;[&lt;] print sequence&#10;    )&#10;    &gt;&gt;&gt;&gt;+++&lt;&lt;&lt;&lt; change color to blue&#10;    ++++++++++. print newline&#10;)</textarea><br/><button id=r>Run</button><br/><label for=i>Input:</label><br/><textarea id=i style="width:100%"></textarea><br/><label for=o>Output:</label><br/><textarea readonly id=o style="width:100%;height:15em;white-space:pre"></textarea>

Brainfuck, 258 bajtów

To w zasadzie to samo, ale w zwykłym starym Brainfuck.

>>+++++++++++++[-<<++>>>>++>+++++++>++++>++++>+++++>++++>++++++++>+++[<]<]>>+>>->>------>--->+++++[<]<<<++++[>+++++[->+++++<]>+[>>[.>]<[<]<-]>>>>>+++[<]+++++[-<+++++>]<+[>>[.>]<[<]<-]>>>>>------[<]+++++[-<+++++>]<+[>>[.>]<[<]<-]>>>>>+++[<]<++++++++++.[-]<<-]

Lub, jeśli wolisz ten kod oOo CODE (984 bajtów):

one day ThERe WIlL Be PEaCE iN ThIS wORlD
OnE DaY ThERe WiLl Be peaCe iN ThIS wOrld
one day theRe WIlL be pEaCE iN ThIS wORlD
OnE DaY theRe WIlL Be PEaCe in ThIS wORlD
OnE day ThERe WIlL Be PEaCe in ThIS wORlD
OnE day ThERe WIlL Be PEaCE iN ThIS wOrld
OnE DaY ThErE wilL bE PeaCe IN this woRlD
one day There will Be pEacE in ThiS woRld
one Day TheRe will Be PEaCE iN ThIS wOrLd
onE dAY thEre WilL Be PEaCE iN ThIs World
OnE DaY ThERe WIlL bE pEace in ThIS wORlD
OnE DaY thErE Will Be PeAce in this WoRLd
one dAY thErE wilL bE PeaCE in tHIs world
one day theRe WIlL Be PeAce iN tHIS wORlD
OnE DaY ThErE wIll be PEaCE iN ThIS wORlD
one dAY thERe WiLl be peace In THis worLD
onE dAy thErE WilL Be peACe in this world
one Day TheRe wIll Be pEace In thIs WORlD
OnE DaY ThERe WiLl Be peaCE iN ThIS wORlD
OnE day tHEre WIlL bE peace in tHiS World
oNE daY tHere WiLL be PEace IN this world
one day ThERe WIlL bE peaCe IN thIS wORlD
OnE DaY ThERe WIlL Be PEaCE iN THis WoRld
oNE daY thERe wiLL

Bash + ImageMagick, 60 77 73 bajtów

convert -sample 78x52\! - a<<<"P3 3 1 255 0 85 164 255 255 255 239 65 53"

(ugh, +17 znaków ze względu na wymagania dotyczące kolorów, których wcześniej nie zauważyłem ...)

aDane wyjściowe do pliku , w formacie netpbm:

llama@llama:~$ convert -sample 78x52\! - a<<<"P3 3 1 255 0 85 164 255 255 255 239 65 53"
llama@llama:~$ file a
a: Netpbm image data, size = 78 x 52, rawbits, pixmap

Może również wyświetlać w formacie PNG, jeśli zmienisz nazwę pliku na a.png(+4 znaki).

Wynik:

LaTeX, 139 bajtów

Dzięki @WChargin za oszczędność 21 bajtów.

\documentclass{proc}\input color\begin{document}\def\z#1!{{\color[rgb]{#1}\rule{4cm}{8cm}}}\z0,.33,.64!\z1,‌​1,1!\z.94,.25,.21!\end{document}

Spowoduje to wydrukowanie następującego obrazu 12 cm * 8 cm na stronie A4:

Pamiętaj, że „Strona 1” jest również wydrukowana na dole strony

Pyth, 27 bajtów

 .w*52[smmdGc3CM"\0U¤ÿÿÿïA5

Istnieje kilka niedrukowalnych znaków, więc oto zrzut heksowy:

00000000   2E 77 2A 35  32 5B 73 6D  6D 64 47 63  33 43 4D 22  .w*52[smmdGc3CM"
00000010   5C 30 55 A4  FF FF FF EF  41 35                     \0U.....A5

Spowoduje to utworzenie pliku o o.pngszerokości dokładnie 78 pikseli i wysokości 52 pikseli:

Wyjaśnienie:

.w*52[smmdGc3CM"........
               "........  a string containing the bytes 
                          0, 85, 164, 255, 255, 255, 239, 65, 53
             CM           convert them to integers
           c3             split into 3 lists
      smmdG               duplicate each list 26 times
     [                    put them into a list
  *52                     and duplicate it 52 times
.w                        save it as an image o.png

HTML (tryb dziwactwa), 68 bajtów

Używa trybu dziwactwa do renderowania flagi.

Kod HTML jest BARDZO nieprawidłowy, ale działa na standardowej przeglądarce Androida 4.4.2 i Firefox 42.0 (w systemie Windows 7 x64).

<table width=78 height=52><td bgcolor=0055a4><td><td bgcolor=ef4135>

Flaga jest renderowana w odpowiednim rozmiarze i standardowych kolorach czerwonym i niebieskim. Wszystkie strony zaczynają się od standardowego białego tła.

Jako alternatywa:

Całkowicie poprawny wersja HTML5 (141 bajtów):

<!DOCTYPE html><title>x</title><table style=width:78px;height:52px><tr><td style=background:#0055a4><td><td style=background:#ef4135></table>

Sprawdź jego ważność na: https://html5.validator.nu/

Wydruk wyniku:

TI-Basic, 52 44 42 bajty

GridOff
AxesOff
11
Shade(-Ans,Ans,Xmin,Xmin/3
Shade(-Ans,Ans,Xmax/3,Xmax,1,1,Ans

(zakłada domyślny obszar wykresu [-10,10,1] na [-10,10,1])

Byłby 4 bajty krótszy bez pierwszych 2 linii, ale domyślnie miałby osie i nie wyglądałby tak ładnie.

Wygląda tak:

Jeśli zacienienie jest nieprawidłowe dla wyzwania, daj mi znać!

Bez pierwszych 2 wierszy wygląda to tak:

ffmpeg, 110 113 116 117 119 108 108 100 bajtów

Wyświetl za pomocą ffplay 100 bajtów:

ffplay -f lavfi color=#0055a4:49x98[r];color=white:49x98[w];color=#ef4135:49x98[b];[r][w][b]hstack=3

Zapisano do pliku przy użyciu ffmpeg, 108 bajtów:

ffmpeg -lavfi color=#0055a4:49x98[r];color=white:49x98[w];color=#ef4135:49x98[b];[r][w][b]hstack=3 -t 1 .png

Obecna wersja polecenia przerwie się z błędem, ALE wyświetli pojedynczy obraz „.png”, taki sam jak pokazano poniżej.

CSS, 127 128 144 bajtów

body:before,body:after{content:'';float:left;width:33%;height:100%;background:#0055a4}body:after{float:right;background:#ef4135}

Nie potrzebujesz innego tagu, działa wyłącznie z bodyelementem.

Edycje

• Zapisano 16 bajtów , usuwając display:block;i trochę ;.
• Zapisano 1 bajt , usunięto końcowe }.

JavaScript, 140 143 147 151 151 153 bajtów

   with(document)with(body.appendChild(createElement`canvas`).getContext`2d`)for(i=2;i--;fillRect(i*52,0,26,52))fillStyle=i?"#ef4135":"#0055a4"

Edycje

• Zaoszczędzono 2 bajty , zastępując 2*i*26je i*52. Dzięki Cᴏɴᴏʀ O'Bʀɪᴇɴ .
• Zaoszczędzono 4 bajty , refaktoryzując forpętlę. Dzięki produktom ETH .
• Zaoszczędzono 2 bajty , używając opcji with-statement. Dzięki Dendrobium .
• Zaoszczędzono 2 bajty , zamieniając przyrost na zmniejszenie. Dzięki Shaun H .
• Zapisano 3 bajty , zastępując fillStyle=["#0055a4","#ef4135"][i]je i?"#ef4135":"#0055a4".

R, 59 bajtów

frame();rect(0:2/3,0,1:3/3,1,,,c("#0055a4",0,"#ef4135"),NA)

Wyświetlane są dane wyjściowe:

Można również zrobić 49 bajtów

barplot(rep(1,3),,0,col=c("#0055a4",0,"#ef4135"))

jeśli nie przeszkadzają ci osie i granice:

Blitz 2D / 3D , 154 108 bajtów

Powoduje to dokładnie to samo, co w przykładzie podanym w pytaniu (z wyjątkiem wygładzania krawędzi na stykach kolorów).

Graphics 800,533
ClsColor 255,255,255
Cls
Color 0,35,149
Rect 0,0,267,533
Color 237,41,57
Rect 533,0,267,533

Dane wyjściowe są wyświetlane i wyglądają tak:

Mathematica, 63 94 103 bajty

Kiedy po raz pierwszy zobaczyłem to wyzwanie, pomyślałem: Sweet! Mathematica byłaby do tego idealna! dopóki nie zauważyłem, że wbudowane zostały zbanowane: ”(

Ale poczekaj! Mogę używać wykresów słupkowych!

r=RGBColor;BarChart[{1,1,1},ChartStyle->{r@"#0055a4",White,r@"#ef4135"},BarSpacing->0,AspectRatio->2/3]

(Podziękowania dla Martina Büttnera za zgolenie 5 bajtów, ale dodanie 16)

Wygląda tak:

Jeśli dodasz ,Axes->None, wygląda to tak:

Jeśli nie zależy ci na obramowaniu, możesz użyć tego: (95 bajtów)

r=RGBColor;BarChart[{1,1},ChartStyle->{r@"#0055a4",r@"#ef4135"},BarSpacing->1,AspectRatio->2/3,Axes->None]

Wygląda tak:

Bez osi:

JavaScript (ES6) 117 bajtów

Rysuje w konsoli

for(i=c=s=[];i<156;c[i++]=`color:${[,'blue','#fff'][i%3]||(s+=`
`,'red')}`)s+='%c'+'+'.repeat(26);console.log(s,...c)

pb , 68 bajtów

cw[Y!52]{cccw[X!26]{b[77]>}ccccw[X!52]{b[77]>}cw[X!78]{b[77]>}<[X]v}

Wow, wyzwanie, dla którego pb jest naprawdę dobre! Te są nieliczne i dalekie.

Kiedy pisałem specyfikację dla pb, włączyłem kolorowe wydruki głównie jako żart. Język został nazwany na cześć „pędzla”, dlaczego miałby nie robić koloru? Poza programami przykładowymi po raz drugi go użyłem. Jest on zaimplementowany za pomocą kodów ANSI, jak wymaga tego pytanie.

Użyłem „M” jako postaci do wyjścia, ponieważ jest dość gęsty.

Wynik:

Zmieniłem rozmiar zrzutu ekranu w pionie, aby wynosił dwie trzecie jego wysokości, ponieważ litery nie są kwadratowe. Dane wyjściowe wynoszą 78 na 52, ale oryginalny zrzut ekranu wygląda naprawdę źle.

Z komentarzami, wcięciami i śmieciami:

c               # Increase output colour by 1
                # 0 (White) -> 1 (Red)
                # Loop ends with output colour == 1, this is cheaper than
                # setting it back to white every time.

w[Y!52]{        # While the brush's Y coordinate is not 52:
    ccc           # Increase output colour by 3
                    # 1 (Red) -> 4 (Blue)

    w[X!26]{      # While the brush's X coordinate is not 26:
        b[77]       # Write 'M' at the brush's coordinates
        >           # Increase X coordinate by 1
    }             

    cccc          # Increase output colour by 4
                    # 4 (Blue) -> 8 mod 8 = 0 (White)

    w[X!52]{      # While the brush's X coordinate is not 52:
        b[77]       # (same as before)
        >         
    }             

    c             # Increase output colour by 1
                    # 0 (White) -> 1 (Red)

    w[X!78]{      # While the brush's X coordinate is not 78:
        b[77]       # (same as before)
        >
    }

    <[X]          # Set X back to 0
    v             # Increase Y by 1
}

C, 115 bajtów

#define c"[48;2;%d;%d;%dm%9c"
d=255;main(a){while(a++<9)printf(c c c c,0,85,164,0,d,d,d,0,239,65,53,0,0,0,0,10);}

Zawiera materiały niedrukowalne:

00000000: 2364 6566 696e 6520 6322 1b5b 3438 3b32  #define c".[48;2
00000010: 3b25 643b 2564 3b25 646d 2539 6322 0a64  ;%d;%d;%dm%9c".d
00000020: 3d32 3535 3b6d 6169 6e28 6129 7b77 6869  =255;main(a){whi
00000030: 6c65 2861 2b2b 3c39 2970 7269 6e74 6628  le(a++<9)printf(
00000040: 6320 6320 6320 632c 302c 3835 2c31 3634  c c c c,0,85,164
00000050: 2c30 2c64 2c64 2c64 2c30 2c32 3339 2c36  ,0,d,d,d,0,239,6
00000060: 352c 3533 2c30 2c30 2c30 2c30 2c31 3029  5,53,0,0,0,0,10)
00000070: 3b7d 0a                                  ;}.

Aby ten program działał, musi być kilka rzeczy:

• Terminal obsługuje ESC [48;2;<r>;<g>;<b>msekwencję zmiany znaczenia „truecolor”.
• Terminal nie jest xterm, ponieważ implementacja powyższego xterm spowoduje nieznacznie nieprawidłowe kolory.
• Terminal całkowicie ignoruje znaki NUL.

Wygląda również ładniej, jeśli tło twojego terminala jest czarne.

Aby zmienić wysokość flagi, przekaż argumenty wiersza poleceń do programu. Z każdym przekazanym argumentem flaga staje się o jedną linię krótsza. To nie jest błąd, to jest funkcja!

Wynik:

MATLAB, 82 79 78 bajtów

x=[0 1 1 0];y(3:4)=2;fill(x,y,[0 85 164]/255,x+1,y,'w',x+2,y,[239 65 53]/255)

Dane wyjściowe wyglądają następująco:

Visual Basic + Excel, 618 137 bajtów

Ciekawe, jak można grać w golfa.

EDYCJA: Zaspokojenie ciekawości, dzięki @Neil i @JimmyJazzx, 618 bajtów spadło do 137 bajtów

Sub a(): Columns("A:C").ColumnWidth = 26: Range("A1:A13").Interior.Color = RGB(0, 85, 164): Range("C1:C13").Interior.Color = RGB(239, 65, 53): End Sub

CSS, 102 110 111 114 bajtów

*{background:linear-gradient(90deg,#0055a4 33%,#fff 33%,#fff 66%,#ef4135 66%) 0 0/78px 52px no-repeat

Dyalog APL ( 47 44)

⎕SM←↑1 21 41{(''⍴⍨2/20)1⍺,⍵,⍨4↑0}¨2*8 11 10

Wynik:

iKe , 43 bajty

,(0 0;"|"\"#0055A4|#FFF|#EF4135";52#,&3#26)

Jest to przykład programu iKe „surowej krotki” - to tylko opis pochodzenia ( 0 0), palety ( 3 7#"#0055A4#FFFFFF#EF4135") i mapy bitowej ( +52#'&3#26). Musisz zawinąć taki opis w funkcję lub użyć odniesień do widoków, jeśli chcesz go animować.

Paleta jest bardzo prostym sposobem na utworzenie serii kolorów CSS, równoważnych szesnastkowo specyfikacji.

  3 7#"#0055A4#FFFFFF#EF4135"
("#0055A4"
 "#FFFFFF"
 "#EF4135")

Gdyby wymagania dotyczące kolorów były mniej rygorystyczne, moglibyśmy użyć jednej z wbudowanych palet iKe i zaoszczędzić znaczną liczbę znaków:

windows@7 0 4

Wypróbuj w swojej przeglądarce .

Edytować:

Zapisano jeden bajt, używając krótkiego #FFFkoloru CSS dla białego paska:

,(0 0;3 7#"#0055A4#FFFFFF#EF4135";+52#'&3#26)
,(0 0;"|"\"#0055A4|#FFF|#EF4135";+52#'&3#26)

Jeśli ktoś jest zainteresowany grą z iKe, w repozytorium github znajduje się instrukcja . oto kolejny problem, który rozwiązałem za pomocą iKe.

Edycja 2:

Zapisano jeden bajt z prostszym sposobem na zbudowanie mapy bitowej:

+52#'&3#26
52#,&3#26

Moje pytanie w OP nie zostało udzielone, ale dla przypomnienia, jeśli dozwolone są bardziej elastyczne wymagania dotyczące kolorów, ten program miałby 30 bajtów przy użyciu palety Windows 3.1:

,(0 0;windows@7 0 4;52#,&3#26)

Od czasu opublikowania tego problemu iKe zyskał funkcję, która automatycznie wyśrodkowuje tekstury narysowane bez pozycji, co może zaoszczędzić kolejne 3 bajty, ale byłoby to niezgodne z regułami:

,(;windows@7 0 4;52#,&3#26)

Oktawa, 77 76 bajtów

s(98,49)=0;imshow(cat(3,[s w=s+255 w-18],[s+35 w s+41],[s+149 w s+57])/255);

Wyświetla obraz:

Przetwarzanie, 100 bajtów

size(78,52);background(255);noStroke();fill(#0055A4);rect(0,0,26,52);fill(#EF4135);rect(52,0,26,52);

Wyświetla to:

(Naiwne rozwiązanie jest krótsze niż moje pierwsze).

Rubin, 56 47 45 bajtów

ASCII

$><<"\e[34z\e[37z\e[31z\n".gsub(?z,?m*27)*52

PHP, 70 bajtów

0000000: 424d 0000 0000 0000 0000 2300 0000 0c00  BM........#.....
0000010: 0000 2001 c000 0100 0800 a455 00ff ffff  .. ........U....
0000020: 3541 ef3c 3f66 6f72 283b 3665 343e 2469  5A.<?for(;6e4>$i
0000030: 3b29 6563 686f 2063 6872 2824 692b 2b2f  ;)echo chr($i++/
0000040: 3936 2533 293b                           96%3);

Powyżej jest zrzut heksowy, który można odwrócić xxd -r. Alternatywnie można go również wygenerować za pomocą następującego skryptu PHP:

<?=hex2bin('424d0000000000000000230000000c0000002001c00001000800a45500ffffff3541ef3c3f666f72283b3665343e24693b296563686f206368722824692b2b2f39362533293b');

Przyjmuję ustawienia domyślne, ponieważ nie mają one pliku .ini (możesz wyłączyć lokalne .ini z -nopcją). Tworzy obraz .bmp (288 x 192), który powinien zostać przesłany do pliku. Jest to tak duże, jak to tylko możliwe, bez wpływu na liczbę bajtów.

Przykładowe użycie

$ xxd -r in.hex > france.php
$ php -n france.php > out.bmp
$ out.bmp

Wynik

ShaderToy (GLSL), 147 bajtów

void mainImage(out vec4 o,vec2 i){float x=i.x/iResolution.x*3.0;vec3 w=vec3(255,255,255);o=vec4((x<1.0?vec3(0,85,164):x<2.0?w:vec3(239,65,53))/w,1);}

Zobacz tutaj

Niezbyt ekscytujące. Jestem pewien, że są sposoby na bardziej golfa; Zrobię sobie crack, kiedy wrócę do domu.