কার্পেট একটি বিমানবন্দর


17

২০১৫ সালে পোর্টল্যান্ড আন্তর্জাতিক বিমানবন্দরটি তাদের আইকনিক গালিচা প্রতিস্থাপন শুরু করে । আমি চাই আপনি তাদের পুরানো কার্পেটটি যতটা সম্ভব কম বাইটে আঁকতে একটি প্রোগ্রাম লিখুন।

কার্পেট:

একটি টাইল

বিশেষ উল্লেখ

  • এখানে একটি টাইলের স্কেলযোগ্য পিডিএফ চিত্রের লিঙ্ক। আপনার আউটপুটটি সেই চিত্রটির আপেক্ষিক মাত্রা এবং স্থাপনের সাথে মেলে match

  • আপনার চূড়ান্ত চিত্রের সমস্ত রঙ নির্দিষ্ট চিত্রের প্রতিটি আরজিবি মানের 15 টির মধ্যে হওয়া উচিত। এগুলি আপনার সুবিধার জন্য নীচে তালিকাভুক্ত করা হয়েছে।

                Red   Green Blue
    Teal:       0,    168,  142
    Magenta:    168,  108,  185
    Orange:     247,  58,   58
    Light Blue: 90,   166,  216
    Dark Blue:  0,    77,   117
    
  • আপনার আউটপুট অবশ্যই কমপক্ষে 150x150 পিক্সেল এবং বর্গক্ষেত্র হওয়া উচিত। যদি আপনি কোনও ভেক্টর চিত্রের মতো একটি স্কেলযোগ্য ফর্ম্যাটে আউটপুট চয়ন করেন তবে আপনার চিত্রটি ঠিক মেলাতে হবে match

  • আপনি যে কোনও পূর্বনির্ধারিত চিত্র বিন্যাসে চিত্রটি আউটপুট করতে পারেন।

  • এটি তাই আপনার কোডটিতে বাইট সংখ্যা হ্রাস করার লক্ষ্য করা উচিত।



@ হেক্সাহোলিক আমার মনে হয় না তাই আমি উইকিপিডিয়ায় এলোমেলো আঘাত করছি এবং আমি পৃষ্ঠাটি হিট করেছি। তবে আমি এটি হাতের আগে reddit এও দেখে থাকতে পারি।
পোস্ট রক গার্ফ হান্টার

1
এটি কি দ্বিমাত্রিক চিত্র হতে হবে বা এটি কোনও নির্দিষ্ট কোণ থেকে দেখা কোনও মডেলের মতো কিছু হতে পারে?
devRicher

উত্তর:


9

খাঁটি এইচটিএমএল, 873 বাইট

<table width=152 height=152 bgcolor=#0a8><tr><td colspan=7><td bgcolor=#5AD><tr><td><td bgcolor=#057><td colspan=5><td bgcolor=#5AD><tr><td><td><td bgcolor=#057><td colspan=4><td bgcolor=#5AD><tr><td><td><td><td bgcolor=#057><td><td><td><td bgcolor=#5AD><tr><td colspan=7><td bgcolor=#057><td><td><td bgcolor=#057><tr><td colspan=7><td bgcolor=#057><td><td bgcolor=#057><tr><td colspan=7><td bgcolor=#057><td bgcolor=#057><td><td><td><td bgcolor=#F33><td bgcolor=#F33><td bgcolor=#F33><tr><td colspan=6><td bgcolor=#F33><td bgcolor=#057><td colspan=7 bgcolor=#057><tr><td bgcolor=#A6B><td bgcolor=#A6B><td bgcolor=#A6B><td bgcolor=#A6B><td bgcolor=#A6B><td bgcolor=#A6B><td bgcolor=#A6B><td rowspan=6 bgcolor=#057><tr><td><tr><td><tr><td colspan=11><td bgcolor=#057><tr><td colspan=12><td bgcolor=#057><tr><td colspan=13><td bgcolor=#057><tr><td colspan=7><td bgcolor=#057>

এইচটিএমএল + সিএসএস, 625 বাইট

#l{background:#5AD}th{background:#057}#o{background:#F33}#m>td{background:#A6B
<table width=152 height=152 bgcolor=#0A8><tr><td colspan=7><td id=l><tr><td><th><td colspan=5><td id=l><tr><td><td><th><td colspan=4><td id=l><tr><td><td><td><th><td><td><td><td id=l><tr><td colspan=7><th><td><td><th><tr><td colspan=7><th><td><th><tr><td colspan=7><th><th><td><td><td><td bgcolor=#F33><td bgcolor=#F33><td bgcolor=#F33><tr><td colspan=6><td bgcolor=#F33><th><th colspan=7><tr id=m><td><td><td><td><td><td><td><th rowspan=6><tr><td><tr><td><tr><td colspan=11><th><tr><td colspan=12><th><tr><td colspan=13><th><tr><td colspan=7><th>


9

টিক্জ, 725 693 681 671 বাইট

\documentclass{standalone}\usepackage{xcolor,tikz}\begin{document}\tikz[line width=20,every node/.style={minimum size=20}]{\definecolor{t}{RGB}{0,168,142}\definecolor{m}{RGB}{168,99,185}\definecolor{o}{RGB}{247,58,58}\definecolor{b}{RGB}{90,166,216}\definecolor{d}{RGB}{40,77,117}\fill[t](-7.5,-7.5)rectangle(7.5,7.5);\draw(-1,0)node[fill=o]{};\foreach\x in{1,...,7}{\draw(-\x,-1)node[fill=m]{};\draw(0,\x)node[fill=b]{};}\foreach\x in{1,...,3}{\draw(\x,\x)node[fill=d]{};\draw(3+\x,-3-\x)node[fill=d]{};\draw(-3-\x,3+\x)node[fill=d]{};\draw(4+\x,1)node[fill=o]{};}\draw[d](.65,0)--(7.35,0);\draw[d,dash pattern=on20off8.5on162.5off8.5](0,-7.35)--(0,3.35);}\end{document}

অনলাইনে চেষ্টা করে দেখুন!

ব্যাখ্যা

কোডটির একটি ভাল চুক্তি একটি মোড়ক:

\documentclass{standalone}\usepackage{xcolor,tikz}\begin{document}\tikz{...}\end{document}

এটি স্ট্যান্ডার্ড টিক্জ র‍্যাপারে সামান্য প্রকরণ যেটিতে এটিরও লাইন রয়েছে \usepackage{xcolor}যাতে আমরা রঙগুলি সঠিকভাবে তৈরি করতে পারি।

প্রথম কাজটি হ'ল line width=20,every node/.style={minimum size=20}]যা লাইন এবং নোডগুলি যথাযথ আকারে সেট করে।

এটি হয়ে গেলে আমরা চিত্রের বিভিন্ন অংশের জন্য যে রঙগুলি ব্যবহার করব তা সংজ্ঞায়িত করি:

\definecolor{t}{RGB}{0,168,142}\definecolor{m}{RGB}{168,99,185}\definecolor{o}{RGB}{247,58,58}\definecolor{b}{RGB}{90,166,216}\definecolor{d}{RGB}{40,77,117}

এখন সমস্ত কিছু সেট আপ হওয়ার পরে আমরা আমাদের ক্যানভাস টিলে ব্যাকগ্রাউন্ডটি আঁকছি:

\fill[t](-7.5,-7.5)rectangle(7.5,7.5);

(আমি এটির কোনও চিত্র অন্তর্ভুক্ত করব না কারণ এটি কেবল একটি টি স্কোয়ার, তবে আমি একে অপরের পদক্ষেপের চিত্রগুলি সহ অন্তর্ভুক্ত করব)

প্রথম নোডটি আমরা যুক্ত করি ক্যানভাসের কেন্দ্রের ঠিক বামে কমলা নোড।

\draw(-1,0)node[fill=o]{};

একটি কমলা এ সাগর

এখন আমরা হালকা নীল এবং ম্যাজেন্টা নোডগুলি আঁকব। এখানে 7 টি নীল নোড এবং 4 টি নীল নোড রয়েছে তবে আমরা অতিরিক্ত নোডগুলি আঁকতে পারি যা পরে লাইন দ্বারা আবৃত হবে সুতরাং আমরা প্রতিটির 7 টি আঁকব।

\foreach\x in{1,...,7}{
    \draw(-\x,-1)node[fill=m]{};
    \draw(0,\x)node[fill=b]{};
}

কাঁটা পথ

এখন আমরা একক \foreachলুপ ব্যবহার করে 3 টি বিন্দুর সমস্ত গ্রুপ আঁকব

\foreach\x in{1,...,3}{\draw(\x,\x)node[fill=d]{};\draw(3+\x,-3-\x)node[fill=d]{};\draw(-3-\x,3+\x)node[fill=d]{};\draw(4+\x,1)node[fill=o]{};}

ছড়িয়ে ছিটিয়ে থাকা বিন্দু

এখন আমরা ডান লাইন আঁকুন। এই লাইনটি .35কোনও নোডের আকারের সাথে মেলে প্রতিটি দিকের অফসেট সহ একটি সাধারণ লাইন হবে ।

\draw[d](.65,0)--(7.35,0);

ধাক্কা

এখন আমাদের অবশ্যই এক্স-অক্ষের গা dark় নীল রেখা এবং স্কোয়ারগুলিতে আঁকতে হবে। আমরা কাস্টম ড্যাশ প্যাটার্ন ব্যবহার করে তাদের এক লাইনের সাথে আঁকব।

এই নিদর্শনটি এটি [dash pattern=on20off8.5on162.5off8.5]একটি দীর্ঘ শক্ত লেজযুক্ত একটি বর্গ তৈরি করে। আমাদের লাইনটি নীচ থেকে শুরু হবে এবং প্যাটার্নের 2 টি চক্রকে পুরোপুরি কভার করবে না।

\draw[d,dash pattern=on20off8.5on162.5off8.5](0,-7.35)--(0,3.35);

চূড়ান্ত

এবং এখন আমরা সম্পন্ন।


আরজিবি অফসেটগুলি টাইপ না করে আপনি টিক্জে আরজিবি রঙগুলি উপস্থাপন করতে নম্বরগুলি ব্যবহার করতে পারেন?
Yytsi

@ টুকুএক্সএক্স আমিও তাই মনে করি তবে আমি তা বুঝতে পারি না। আপনি যদি জানেন তবে আমি আলোকিত হওয়ার জন্য কৃতজ্ঞ থাকব।
পোস্ট রক গার্ফ হান্টার

আমি টিকজকে মোটেও জানি না, তাই এটিতে সাহায্য করতে পারি না :( তবে, যদি আমি আপনার "প্রতিটি আরজিবিয়ের 15 এর মধ্যে" ডানটি সম্পর্কে বুঝতে পারি তবে আপনি 108 থেকে 99 তে পরিবর্তন করতে পারবেন, কারণ ত্রুটিটি 15 এর নিচে রয়েছে
Yytsi

@ টুকুএক্সএক্স ধন্যবাদ!
পোস্ট রক গারফ হান্টার

ব্যবহার \definecolorসঙ্গে HTMLস্পেসিফিকেসন (বদলে RGB) আপনি হেক্স ব্যবহার রং নির্দিষ্ট করার অনুমতি দেয়।
জুলিয়ান ওল্ফ

6

আক্ষরিক পিএনজি ফাইল, 283 , 234 227 বাইট

সম্পাদনা : অনলাইন চিত্র সংক্ষেপণ পরিষেবা ব্যবহার করে https://compress-or-die.com/ , এটি আরও 7 বাইট নিচে নেমেছে।

albn @ alexhi

j:~/tmp$ ls -l carpet3.png
-rw-r--r-- 1 albn albn 227 15. Feb 12:01 carpet3.png
albn@alexhij:~/tmp$ base64 carpet3.png 
iVBORw0KGgoAAAANSUhEUgAAAJgAAACYBAMAAADq7D0SAAAAD1BMVEUAqI4ATXWobLn3Ojpapthl
S7nNAAAAj0lEQVR4Ae3ThRHCQBQGYVqgBVq4Fui/Jt4ILks8/80uLvkyOTlkd67EILHojtWEyxQT
Sw6uFS5TTCw/uFa+TDGx/PjS3z+KiS2GcRtgzIqJdboDPomteniCxMTyatXtMiExMcB22amCJ7wG
MbHpBWBiYmJiYmJwAjGx/ncAn0VMrP8dwL+KieXHFyImltoF6oWZiblRTNQAAAAASUVORK5CYII=

carpet3.png

227 বাইট বাইনারি ফাইল কার্পেট.পিএনগির আসল আকার। উপরের উদ্ধৃত ব্লকটিতে যেমন বেস 64 এ এনকোড করা হয়েছে, এটি কয়েক বাইট দীর্ঘ (308 বাইট)। এইচটিএমএল স্নিপেটে চিত্রটি ঠিকমতো রেন্ডার করে যে আরও কয়েকটি বাইট যুক্ত করবে:

এইচটিএমএল, 414 , 343 , 336 বাইট

<img src=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACYBAMAAADq7D0SAAAAD1BMVEUAqI4ATXWobLn3OjpapthlS7nNAAAAj0lEQVR4Ae3ThRHCQBQGYVqgBVq4Fui/Jt4ILks8/80uLvkyOTlkd67EILHojtWEyxQTSw6uFS5TTCw/uFa+TDGx/PjS3z+KiS2GcRtgzIqJdboDPomteniCxMTyatXtMiExMcB22amCJ7wGMbHpBWBiYmJiYmJwAjGx/ncAn0VMrP8dwL+KieXHFyImltoF6oWZiblRTNQAAAAASUVORK5CYII

সম্পাদনা করুন : শেগির পরামর্শ অনুসারে আমি উদ্ধৃতি এবং বন্ধ> সরিয়েছি। চিত্রটি আরও 17 , 24 বাইটে সঙ্কুচিত করুন


1
আমি মনে করি না যে এখানে আক্ষরিক ফাইলকে কোড-গল্ফে একটি বৈধ প্রোগ্রামিং ভাষা হিসাবে বিবেচনা করা হয়। এটি বৈধ কিনা তা ওপির উপর নির্ভর করে।
কমরেড স্পার্কলপনি

1
আপনি ঠিকই বলতে পারেন, তবে কোডগোল্ড.স্ট্যাককেচেঞ্জ / টেগস / কোলমোগোরভ- কমপ্লেক্সিটি / ইনফোতে ট্যাগ কলমোগোরভ-জটিলতার বিবরণে একটি জটিল স্ট্রিংয়ের উল্লেখ রয়েছে, যা আক্ষরিকভাবে এটি মুদ্রণের জন্য সংক্ষিপ্ত প্রতিনিধিত্ব হতে পারে। যদি আক্ষরিক স্ট্রিংটিকে স্ট্রিং ভিত্তিক কোড-গল্ফের "সবচেয়ে খারাপ ক্ষেত্রে সমাধান" হিসাবে বিবেচনা করা হয় তবে একটি আক্ষরিক চিত্র ফাইলটি একটি চিত্র ভিত্তিক কোড-গল্ফের জন্য "সবচেয়ে খারাপ ক্ষেত্রে সমাধান" হিসাবে বিবেচিত হতে পারে। সম্পাদনা: আমি কেবল ফাইলটি পোস্ট করেছি, কারণ আমি অবাক হয়েছিলাম যে এটি আগে পোস্ট করা অন্যান্য সমাধানের তুলনায় আসলে খাটো ছিল। (ফাইলটি থেকে tচ্ছিক টাইম খণ্ড অপসারণের পরে)
রবিবার

যদি এটি আমার উপরে থাকে তবে আমি এটির সাথে ভাল আছি।
পোস্ট রক গারফ হান্টার

2
একটি বিট সংক্ষেপে, আপনি এটি নিচে পেতে পারে। এছাড়াও, উদ্ধৃতি চিহ্নগুলি, যেকোন পিছনে =এবং সমাপ্তি ড্রপ করুন >। আপনার উত্তরটি দেখার আগে আমি এখানে কাজ করছি 366 বাইট সংস্করণ:<img src=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACYBAMAAADq7D0SAAAAD1BMVEUAqI4ATXWobLlaptj3OjrqGXAuAAAAp0lEQVRo3u3YQQqFMAxFUbeQLbiFbsH9r8k3y8CmTiKm7b2Dwv/CgUAD4jF3TYGBRdgKmRqPCQa28gaMZ20KDGz5DQhnbQoMTG2wAcPR/ScY2HeYVw4zBQYWYDUvbRLWFS/lBxhYhM3bpXzMcWBgEVa5U70cpsDAnkf1FxcwMDAwMLBczP8DAwuwmpc2HzMFBhY8qHlp8zFTYGCdyn8GKrhOYBtjv3QDvf+Zic+8bOsAAAAASUVORK5CYII
শেগি

1
@ কমরেডস্পার্কলপনি আমাদের সাধারণত এই জাতীয় প্রশ্নের জন্য প্রোগ্রামিং ভাষার উত্তরের প্রয়োজন হয় না: কোডগল্ফ.মেটা.স্ট্যাকেক্সেঞ্জ
সেকশনস

5

গণিত, 285 বাইট

e={1,1};r=RGBColor["#"<>#]&;c=Cuboid;s=c[3#-e,3#+e]&;a=Array;b=a[s[{1,-1}#]&,3,#]&;Graphics@{r@"0a8",c[-23e,23e],r@"a6b",a[s@{-#,-1}&,7],r@"f33",a[s@{#,1}&,3,5],s@{-1,0},r@"5ad",a[s@{0,#}&,4,4],r@"057",a[s[e#]&,4,0],b@4,b[-6],s@{0,-7},{-1,2}~c~{1,10},{-1,-2}~c~{1,-19},{2,-1}~c~{22,1}}

পড়া সহজ:

 1  c = Cuboid; e = {1, 1};
 2  s = c[3 # - e, 3 # + e] &;
 3  a = Array; b = a[s[{1, -1} #] &, 3, #] &;
 4  r = RGBColor["#" <> #] &; 
 5  Graphics@{
 6   r@"0a8", c[-23 e, 23 e],
 7   r@"a6b", a[s@{-#, -1} &, 7],
 8   r@"f33", a[s@{#, 1} &, 3, 5], s@{-1, 0},
 9   r@"5ad", a[s@{0, #} &, 4, 4],
10   r@"057",
11    a[s[e #] &, 4, 0], b@4, b[-6], s@{0, -7},
12    {-1, 2}~c~{1, 10}, {-1, -2}~c~{1, -19}, {2, -1}~c~{22, 1}
13  }

লাইনগুলি ১-৩ ফাংশনগুলির জন্য সংক্ষিপ্ত নামগুলি সংজ্ঞায়িত করে, যার মধ্যে সর্বাধিক গুরুত্বপূর্ণ এটি হ'ল sযে স্থানাঙ্কগুলি গ্রহণ করে (যথাযথ স্কেলিংয়ের জন্য এটির তিন বারের স্থানাঙ্কগুলি সত্যই) তার উপর ভিত্তি করে একটি বর্গ অঙ্কন করে। লাইন 4 ম্যাথমেটিকার "শর্টকাট" আরজিবি সিস্টেম ব্যবহার করে একটি রঙ ফাংশন সংজ্ঞায়িত করে:RGBColor["#xyz"] যেখানে xyzহেক্সাডেসিমাল সংখ্যা রয়েছে, এর জন্য দাঁড়ায় RGBColor[{17x, 17y, 17z}](যাতে প্রতিটি স্থানাঙ্কে 0 থেকে 255 অবধি চলমান 16 সমান দূরত্বযুক্ত বিকল্প থাকে)। –-১০ রেখায় প্রথম কমান্ড বর্তমান রঙ পরিবর্তন করে, শর্টকাট রঙগুলি যা মনোনীত পাঁচটি রঙের নিকটে অবস্থিত ব্যবহার করে (যখন আমরা 17 এর নিকটতম একাধিকের সাথে গোল করি তখন 8 এর বেশি হবে না)।

লাইন 6 টিলে বৃহত টি স্কোয়ার আঁকবে। Line নম্বর লাইনটি ম্যাজেন্টা স্কোয়ারের রেখা আঁকবে, 8 লাইন কমলা স্কোয়ার এবং একক কমলা স্কোয়ারের রেখা আঁকবে। লাইন 9 হালকা নীল স্কোয়ারের রেখা আঁকবে। লাইন 11 গা dark় নীল স্কোয়ারগুলির তিনটি তির্যক রেখা আঁকবে, পাশাপাশি নীচে একক গা dark় নীল বর্গক্ষেত্র আঁকবে। অবশেষে, লাইন 12 তিনটি দীর্ঘ গা dark় নীল আয়তক্ষেত্র আঁকবে। আউটপুট নীচে:

পোর্টল্যান্ড

(গল্ফ টিপ: Cuboid3 ডি গ্রাফিক্স বিষয়বস্তুর জন্য নির্মিত কমান্ডটি 2 ডি-তে সঠিকভাবে কাজ করে এবং এটির চেয়েও সংক্ষিপ্ত Rectangle))


2

পাইথন, 420

from PIL import Image,ImageDraw
B=0,77,117
I=Image.new('RGB',(300,300),(0,168,142))
r=ImageDraw.Draw(I).rectangle
for x,y,c in['7172737a98cde670123456bcd70112233456666778888888bcde23232323331111300000003333'[x::26]for x in range(26)]:exec'r([W,W,14+W,14+W],[(168,108,185),(247,58,58),(90,166,216),B][%s]);'.replace('W','2+20*0x%s')%(x,y,x,y,c)
r([162,142,296,156],B)
r([142,82,156,136],B)
r([142,162,156,276],B)
I.show()

1

এইচটিএমএল / এসভিজি, 550 542 521 বাইট

<svg><path fill=#0a8 d="M0 0h152v152H0z"/><path fill=#5ad d="M72 2h8v8h-8zm0 10h8v8h-8zm0 10h8v8h-8zm0 10h8v8h-8z"/><path fill=#057 d="M12 12h8v8h-8zm10 10h8v8h-8zm10 10h8v8h-8zm40 10h8v28h-8zm0 30h8v8h-8zm10-10h8v8h-8zm10-10h8v8h-8zm10-10h8v8h-8zM82 72h68v8H82zM72 82h8v58h-8zm0 60h8v8h-8zm40-30h8v8h-8zm10 10h8v8h-8zm10 10h8v8h-8z"/><path fill=#f33 d="M62 72h8v8h-8zm60-10h8v8h-8zm10 0h8v8h-8zm10 0h8v8h-8z"/><path fill=#a6b d="M2 82h8v8H2zm10 0h8v8h-8zm10 0h8v8h-8zm10 0h8v8h-8zm10 0h8v8h-8zm10 0h8v8h-8zm10 0h8v8h-8z"


1

এইচটিএমএল, 366 বাইট

রবিবার একটি বেস 64 উত্তর পেয়েছে যখন আমি এখনও এটি নিয়ে কাজ করছি; যদি তিনি এটি ব্যবহার করতে চান তবে আমি এই উত্তরটি মুছব।

<img src=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACYBAMAAADq7D0SAAAAD1BMVEUAqI4ATXWobLlaptj3OjrqGXAuAAAAp0lEQVRo3u3YQQqFMAxFUbeQLbiFbsH9r8k3y8CmTiKm7b2Dwv/CgUAD4jF3TYGBRdgKmRqPCQa28gaMZ20KDGz5DQhnbQoMTG2wAcPR/ScY2HeYVw4zBQYWYDUvbRLWFS/lBxhYhM3bpXzMcWBgEVa5U70cpsDAnkf1FxcwMDAwMLBczP8DAwuwmpc2HzMFBhY8qHlp8zFTYGCdyn8GKrhOYBtjv3QDvf+Zic+8bOsAAAAASUVORK5CYII

যদি তার নিজস্ব বেস 64 স্ট্রিংটি একটি বৈধ উত্তর হয় তবে এটি কেবল 335 বাইট:

iVBORw0KGgoAAAANSUhEUgAAAJgAAACYBAMAAADq7D0SAAAAD1BMVEUAqI4ATXWobLlaptj3OjrqGXAuAAAAp0lEQVRo3u3YQQqFMAxFUbeQLbiFbsH9r8k3y8CmTiKm7b2Dwv/CgUAD4jF3TYGBRdgKmRqPCQa28gaMZ20KDGz5DQhnbQoMTG2wAcPR/ScY2HeYVw4zBQYWYDUvbRLWFS/lBxhYhM3bpXzMcWBgEVa5U70cpsDAnkf1FxcwMDAwMLBczP8DAwuwmpc2HzMFBhY8qHlp8zFTYGCdyn8GKrhOYBtjv3QDvf+Zic+8bOsAAAAASUVORK5CYII

1

এইচটিএমএল / এসভিজি + জাভাস্ক্রিপ্ট (ES6), 500 499 বাইট

>স্নিপেট হিসাবে এটি কাজ করার জন্য অতিরিক্ত অতিরিক্ত প্রয়োজন, আসল কোডের জন্য এই ফিডলটি দেখুন ।

[[t="5ad",2],[t,o=12],[t,p=22],[t,q=32],[,o,o],[,p,p],[,q,q],[,42,,28],[],[,v=62,s=82],[,52,92],[,42,102],[,,s,,68],[,s,,58],[,142],[,112,112],[,122,122],[,132,132],[t="f33",,v],[t,v,122],[t,v,132],[t,v,142],[t="a6b",s,2],[t,s,o],[t,s,p],[t,s,q],[t,s,42],[t,s,52],[t,s,v],["0a8",0,0,152,152]].map(x=>a(x[0],x[1],x[2],x[3],x[4]),a=(f="057",y=72,x=72,h=8,w=8)=>(c.after(r=c.cloneNode()),r.id++,r[s="setAttribute"]("fill","#"+f),r[s]("x",x),r[s]("y",y),r[s]("width",w),r[s]("height",h)))
<svg><rect id=c>


ব্যাখ্যা

অ্যারে একটি অ্যারের ফাংশন ম্যাপ করা হয় a, এর ক্লোনস তৈরি rect, HTML এ প্রাথমিক পর তাদের ঢোকাতে rectএবং তাদের সেটিং fill, x, y, width& heightবৈশিষ্ট্যাবলী। প্রতিটি এরে, যাতে, যে কোনো অনুপস্থিত মানের ডিফল্ট পরামিতি দ্বারা সেট করা হচ্ছে সেই বৈশিষ্ট্যাবলী মান ধারণ করে a। আপাতদৃষ্টিতে অপ্রয়োজনীয় r.id++ব্যবহারের অনুমতি দেয় cloneNode()যখন নিশ্চিত করা হয় যে সি এর rectসাথে কেবল কখনও 1 রয়েছে id; এটি হাস্যকর ব্যয়বহুল ব্যবহার করার প্রয়োজনকে সংরক্ষণ করে document.createElementNS("http://www.w3.org/2000/svg","rect")


1

পিএইচপি + এসভিজি, 425 বাইট

<svg><rect x=0 y=0 fill=#00a88e width=150 height=150 /><?foreach(["004d75"=>[[1,1],[2,2],[3,3],[7,14],[7,7],[8,6],[9,5],[10,4],[11,11],[12,12],[13,13],[7,4,0,2],[8,7,6,0],[7,8,0,5]],"5aa6d8"=>[[7,0],[7,1],[7,2],[7,3]],a86cb9=>[[0,8],[1,8],[2,8],[3,8],[4,8],[5,8],[6,8]],f73a3a=>[[6,7],[12,6],[13,6],[14,6]]]as$c=>$p)foreach($p as$v)echo"<rect x={$v[0]}1 y={$v[1]}1 width=".(8+10*$v[2])." height=".(8+10*$v[3])." fill=#$c />";

সম্প্রসারিত

<svg><rect x=0 y=0 fill=#00a88e width=150 height=150 />
<?foreach([
"004d75"=>[[1,1],[2,2],[3,3],[7,14],[7,7],[8,6],[9,5],[10,4],[11,11],[12,12],[13,13],[7,4,0,2],[8,7,6,0],[7,8,0,5]]
,"5aa6d8"=>[[7,0],[7,1],[7,2],[7,3]]
,a86cb9=>[[0,8],[1,8],[2,8],[3,8],[4,8],[5,8],[6,8]]
,f73a3a=>[[6,7],[12,6],[13,6],[14,6]] # Array containing color and position ,width, height of each rect without the background
]as$c=>$p)
  foreach($p as$v)
    echo"<rect x={$v[0]}1 y={$v[1]}1 width=".(8+10*$v[2])." height=".(8+10*$v[3])." fill=#$c />"; # Output the rects

এইচটিএমএল স্নিপেটে কোডের ফলাফল

<svg><rect x=0 y=0 fill=#00a88e width=150 height=150 /><rect x=11 y=11 width=8 height=8 fill=#004d75 /><rect x=21 y=21 width=8 height=8 fill=#004d75 /><rect x=31 y=31 width=8 height=8 fill=#004d75 /><rect x=71 y=141 width=8 height=8 fill=#004d75 /><rect x=71 y=71 width=8 height=8 fill=#004d75 /><rect x=81 y=61 width=8 height=8 fill=#004d75 /><rect x=91 y=51 width=8 height=8 fill=#004d75 /><rect x=101 y=41 width=8 height=8 fill=#004d75 /><rect x=111 y=111 width=8 height=8 fill=#004d75 /><rect x=121 y=121 width=8 height=8 fill=#004d75 /><rect x=131 y=131 width=8 height=8 fill=#004d75 /><rect x=71 y=41 width=8 height=28 fill=#004d75 /><rect x=81 y=71 width=68 height=8 fill=#004d75 /><rect x=71 y=81 width=8 height=58 fill=#004d75 /><rect x=71 y=01 width=8 height=8 fill=#5aa6d8 /><rect x=71 y=11 width=8 height=8 fill=#5aa6d8 /><rect x=71 y=21 width=8 height=8 fill=#5aa6d8 /><rect x=71 y=31 width=8 height=8 fill=#5aa6d8 /><rect x=01 y=81 width=8 height=8 fill=#a86cb9 /><rect x=11 y=81 width=8 height=8 fill=#a86cb9 /><rect x=21 y=81 width=8 height=8 fill=#a86cb9 /><rect x=31 y=81 width=8 height=8 fill=#a86cb9 /><rect x=41 y=81 width=8 height=8 fill=#a86cb9 /><rect x=51 y=81 width=8 height=8 fill=#a86cb9 /><rect x=61 y=81 width=8 height=8 fill=#a86cb9 /><rect x=61 y=71 width=8 height=8 fill=#f73a3a /><rect x=121 y=61 width=8 height=8 fill=#f73a3a /><rect x=131 y=61 width=8 height=8 fill=#f73a3a /><rect x=141 y=61 width=8 height=8 fill=#f73a3a />

পিএইচপি + এসভিজি, 375 বাইট

এই বাইট গণনাটি এসভিজি সংকোচনের মাধ্যমে পৌঁছানো যেতে পারে

<?=bzdecompress(base64_decode("QlpoNDFBWSZTWY2177gAASSZgEgA/+c/5B3gMAE5TQVtQeig0AAACU0VNMAAAEYIlEnpMKNlGahso2plh0zoaSEpIkukINaC3RWRF74IvArdRF1FcBXrSTFWXTorp2xvpb3k7FbaV62syISgiBEweHhxtWUmgWCsqqaKSEARyAOAEZJJOwYBQqTAWotSrmEXJbBRTYNhCg4RPaKOUUbAX+Fr4VfIrzzIQQkkJCWfMEEOOISTuDkOzgQzDQDNQKu/4K7AZh8L41DddV8iv2LQOBXv+iugriHAr6sK/IrUV1FeRXMV3FdhW8V9KugrmK8CvOQin+LuSKcKEhG2vfcA"));
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.