पेनरोस ट्रायंगल कोडगॉल्फ

Question

Penrose त्रिकोण , यह भी Penrose tribar, या असंभव tribar के रूप में जाना जाता है, एक असंभव वस्तु है।

इस चुनौती में लक्ष्य संभव सबसे कम बाइट्स में एक पेनरोज त्रिकोण प्रदर्शित करना है।

^{स्रोत: विकिपीडिया}

नियम:

1. आप इसे उत्पन्न करने के बाद पेनरोज़ त्रिकोण को डिजिटल रूप से प्रदर्शित करें।
2. उन्हें सीधे चित्र दिखाए बिना विकि पृष्ठ (उपरोक्त स्रोत) की उपरोक्त छवि के समान दिखना चाहिए।
3. समान रंग योजना वाली छवि को कम से कम 400x400 आकार में दिखाया जाना चाहिए।
4. जितना संभव हो उतना सटीक होना चाहिए।

गुड लक और मजा करें!

Comments

मुझे लगता है कि इसमें एक बड़ी चुनौती होने की संभावना है, लेकिन कुछ ऐसे चश्मे हैं जिन्हें छवि के रंगों और इसके आयामों की तरह स्पष्ट किए जाने की आवश्यकता है।

— कृति लिथोस

पुनश्च! केवल इसलिए हतोत्साहित न हों क्योंकि चुनौती बंद है। यदि यह एक बुरी चुनौती थी, तो करीबी वोटों के साथ गिरावट आएगी ... :)

— स्टीवी ग्रिफिन

@DigitalTrauma मैं नहीं कहूँगा। जिसमें कई और विवरण हैं।

— mbomb007

क्या कोई ग्रे करेगा या क्या उसे ठीक उसी ग्रे होना चाहिए? यदि यह बाद की बात है, तो चुनौती पाठ में सटीक ग्रे टोन प्रदान करना अच्छा होगा।

— मार्टिन एंडर

पहलू राशन भी मददगार होंगे यदि उन्हें वास्तव में पुन: पेश किया जाना है।

— मार्टिन एंडर

Answer 1

लोगो, 129 120 बाइट्स

प्रत्येक एल आकार के केवल पहले 4 पक्षों को खींचता है, फिर पेन को उठाता है, अगले एल आकार पर संबंधित स्थान पर जाता है, पेन को कम करता है और उस के 4 पक्षों को खींचता है। प्रत्येक एल आकार पिछले एक से 2 पक्षों को उधार लेता है।

नवीनतम संपादन: fdइसके बजाय ब्लैक फिल एरिया से ग्रे फिल एरिया तक ले जाएं setx, और एक 180 बाइट रोटेशन पर एक बाइट को बचाने के fdलिए सभी आंदोलनों को बदल दें bk: rt 210-> rt 30, को छोटा setpencolorकर setpcरहा हूं (इन्ट्रीप्रेटर में जो मैं उपयोग कर रहा हूं, लेकिन यह काम करता है ।)

rt 30 repeat 3[pd bk 200 lt 120 bk 360 rt 120 bk 80 rt 60 bk 440 pu rt 139 bk 211 rt 41] setx -2 fill fd 9 setpc 15 fill

लोगो, 140 बाइट्स

प्रत्येक एल आकार के 6 पक्षों को खींचता है, आखिरी छोर पर ओवरशूट करता है, फिर अगले एक को शुरू करने के लिए 180 नीचे जाता है।

rt 30 repeat 3[rt 180 fd 200 lt 120 fd 360 rt 120 fd 80 rt 60 fd 440 rt 120 fd 360 rt 120 fd 200] pu setx -5 fill setx 5 setpencolor 15 fill

http://www.calormen.com/jslogo/# पर चलाएं

यह करने के लिए सिफारिश की है cs pd setpencolor 0सुनिश्चित करने के लिए स्क्रीन, स्पष्ट है कछुआ केंद्रित और ऊपर की तरफ इशारा कर रही है चलाने से पहले, कलम नीचे है और काले (डिफ़ॉल्ट सेटिंग्स, एक नया सत्र के लिए आवश्यक नहीं) करने के लिए सेट है और यह भी htकछुआ (छिपाने के लिए stइच्छा इसे फिर से दिखाएं।)

Answer 2

एसवीजी (एचटीएमएल 5), 191 बाइट्स

<svg width=498 height=433 stroke=#000><path d=M211,134l38,66L154,365H496L458,431H40 /><path fill=#777 d=M211,2L2,365l38,66L211,134l95,165h76 /><path fill=#FFF d=M496,365L287,2H211L382,299H192

Comments

यह वाकई बहुत अच्छा है!

— स्टीव बेनेट

Answer 3

पायथन 2, 211 201 195 188 175 173 बाइट्स

from turtle import*
d="t(120);fd(333);rt(120);fd(67);"
s="color(0,%r);begin_fill();fd(200);l"+d+"rt(60);fd(400);r"+d+"end_fill();fd(133);rt(180);"
exec s%'#fff'+s%0+s%'gray'

दुर्भाग्य से, execट्रिंकेट में इसे लागू नहीं किया गया है, इसलिए इसे ऑनलाइन परीक्षण नहीं किया जा सकता है। कम से कम, नि: शुल्क संस्करण में नहीं। मैंने स्ट्रिंग को प्रिंट किया और इसे परीक्षण करने के लिए कोड के रूप में चिपकाया। यदि आप स्क्रिप्ट के साथ चतुर हैं, तो आप एक बड़ा कैनवास प्राप्त करने के लिए आवश्यक HTML / css का आकार बदल सकते हैं। अगर आप करते हैं तो मुझे सूचित कीजिएगा।

इसे ऑनलाइन आज़माएं - 400px के लिए साइट का कैनवास बहुत छोटा होने से छोटे आकार का उपयोग करता है, लेकिन आप संपूर्ण आउटपुट देख सकते हैं।

Ungolfed:

from turtle import*
w=200
def f(n):
  c=255*n/2
  color(0,(c,c,c))
  begin_fill()
  fd(w)
  lt(120)
  fd(5*w/3)
  rt(120)
  fd(w/3)
  rt(60)
  fd(2*w)
  rt(120)
  fd(5*w/3)
  rt(120)
  fd(w/3)
  end_fill()
  fd(2*w/3)
  rt(180)
f(2);f(0);f(1)

Comments

मैं सोच रहा हूं कि क्या मुझे 255*n/2कम किया जा सकता है, 128*nमुझे लगता है कि फ्लोट आरजीबी मान वैसे भी गोल हो जाएगा, तो क्या पिक्सेल-रंगों में बदलाव होगा?

— अल्बर्ट रेनशॉ

@AlbertRenshaw यह असम्बद्ध कोड है। ऊपर दिए गए कोड को गोल्फ संस्करण के लिए देखें। इसके अलावा, यह पायथन 2 है, इसलिए वे फ्लोट नहीं हैं, वे पूर्णांक हैं, क्योंकि विभाजन पूर्णांक विभाजन है।

— mbomb007 21

ओह मैं समझा; धन्यवाद!

— अल्बर्ट रेनशॉ

Answer 4

PHP, 153 बाइट्स

यह तभी काम करेगा जब short_open_tagसेटिंग सक्षम हो। स्रोत कोड में अनपेक्षित वर्ण हैं, इसलिए इसके बजाय एक हेक्स डंप है:

0000000: 3c3f 3d67 7a69 6e66 6c61 7465 2827 b329  <?=gzinflate('.)
0000010: 2e4b 5728 cb4c 2d77 caaf b0d5 3531 3000  .KW(.L-w....510.
0000020: 611d 0b08 5628 2e29 cacf 4eb5 5536 3030  a...V(.)..N.U600
0000030: b0b3 2948 2cc9 5048 b1f5 d535 35d6 3536  ..)H,.PH...55.56
0000040: b7d0 8152 c6a6 263a 8626 c6ba 8626 0660  ...R..&:.&...&.`
0000050: dac2 5cc7 14c8 b234 0452 510a 6999 3939  ..\....4.RQ.i.99
0000060: b6ca 6969 690a 2545 8979 c569 f945 b9b6  ..iii.%E.y.i.E..
0000070: 45f9 2589 25a9 1a06 9a0a fa14 990a 7415  E.%.%.........t.
0000080: a6a9 8646 949a 9b5e 945a 8969 ae2e cc60  ...F...^.Z.i...`
0000090: 7d60 88d9 0100 2729 3b                   }`....');

विघटित डेटा इस तरह दिखता है (लाइसेबिलिटी के लिए जोड़े गए लाइन ब्रेक के साथ):

<svg viewBox=-400-400,800,800 stroke=#000>
<path d=M-53-378,53-378,354,143-140,143-87,50,191,50Z fill=#fff transform=rotate(0) />
<path d=M-53-378,53-378,354,143-140,143-87,50,191,50Z fill=#000 transform=rotate(120) />
<path d=M-53-378,53-378,354,143-140,143-87,50,191,50Z fill=grey transform=rotate(-120) />
</svg>

हालाँकि SVG डेटा पूरी तरह से मान्य नहीं है, लेकिन PHP इसे text/htmlडिफ़ॉल्ट रूप में कार्य करता है । डॉक्टाइप घोषणा के बिना, दस्तावेज़ को क्वर्की मोड में संभाला जाता है, जो बहुत ही क्षमा करने योग्य है।

संपीड़न में सुधार करने के लिए, मैंने छवि को तीन "7" -शो में विभाजित किया, जो कि समरूप <path>तत्वों का उपयोग करके खींचा जा सकता है । परिणामी छवि व्यूपोर्ट भरने के लिए विस्तारित होगी। यहां 500 × 500 पिक्सेल विंडो से स्क्रीन ग्रैब:

Answer 5

HTML + JS (ES6), 34 + 306 = 340 बाइट्स

30 डिग्री क्षैतिज तिरछा का उपयोग करता है - मैट्रिक्स परिवर्तन के 3 तर्क में, 30 ° की स्पर्शरेखा के रूप में दर्शाया गया है pow(3,-.5)।

काफी बदसूरत जादू नंबर हैं, और यह विकिपीडिया छवि के अनुपात से काफी मेल नहीं खाता है। मुझे यकीन है कि इस बारे में जाने के लिए एक और "गणितीय" तरीका है; किसी भी सहायता की सराहना की जाएगी।

CodePen पर अनगुल्ड संस्करण देखें।

f=

_=>{with(Math)with(C=c.getContext`2d`)for(l=lineTo.bind(C),lineWidth=.01,transform(50,0,0,50,200,224),N=4;N--;rotate(PI*2/3))beginPath(fill(save(fillStyle=N?N>1?'#fff':'#000':'#777'))),transform(-1,0,-pow(3,-.5),-1,3.965,1.71),l(0,0),l(0,6),l(1,6),l(1,1),l(4.616,1),l(5.772,0),closePath(restore(stroke()))}

f()

<canvas id=c width=400 height=400>

Answer 6

HTML + CSS, 9 + 315 309 308 = 317 बाइट्स

बॉर्डर्स और स्क्यूज़ ग्वालियर! क्रोम पर परीक्षण किया गया। CodePen पर अनगुल्ड संस्करण देखें ।

body{margin:9em}b,:after{position:fixed;transform:rotate(240deg)}b:after{content:'';left:-6.1em;top:-7.95em;width:6em;height:9em;border-left:transparent 2.32em solid;border-right:2em solid;border-bottom:2em solid;transform:skew(30deg);filter:drop-shadow(0 0 .1em)}b{color:#777}b>b{color:#000}b>b>b{color:#fff

<b><b><b>

Comments

क्या यह न्यूनतम 400x400px मिनट की आवश्यकता को पूरा करता है?

— सेगिओल

आपको अंतिम >, सही की आवश्यकता नहीं है ?

— स्टेन स्ट्रोम

Answer 7

गणितज्ञ 171 बाइट्स

w=(v=AnglePath)[s={{9,0},{11,2(b=Pi/3)},{2,b},{9,2b},{5,-2b},{2,b}}];x={w[[5]],2b}~v~s;y={x[[5]],-2b}~v~s;Graphics@{White,EdgeForm[Black],(p=Polygon)@w,Gray,p@x,Black,p@y}

एंग्लेपाथ का उपयोग करके 3 बहुभुज खींचता है, 60 डिग्री के गुणकों को मोड़ता है, और लाभ उठाता है कि प्रत्येक बहुभुज के लिए शुरुआती बिंदु पिछले बहुभुज का 5 वां बिंदु है।

Comments

अच्छा तरीका है, का उपयोग कर AnglePath।

— डेविड

Answer 8

Tcl / Tk, 205

grid [canvas .c -w 402 -he 402]
.c cr p 171 2 237 2 401 337 125 337 156 280 301 280 -f #FFF
.c cr p 2 335 171 2 310 280 250 280 171 121 31 401 -f gray
.c cr p 171 127 34 401 374 401 401 337 127 337 201 188