[{"data":1,"prerenderedAt":331},["ShallowReactive",2],{"\u002Ftlt-2018.12.08-transition":3},{"id":4,"title":5,"body":6,"createdAt":318,"description":12,"draft":319,"extension":320,"image":321,"mastodonThread":322,"meta":323,"navigation":63,"path":324,"seo":325,"stem":326,"tags":327,"updatedAt":329,"__hash__":330},"content\u002FTLT - 2018.12.08 - Transition.md","TLT_-_2018.12.08_-_Transition",{"type":7,"value":8,"toc":316},"minimark",[9,13,17,302,312],[10,11,12],"p",{},"Generative artwork, floating and fading.",[14,15],"img",{"src":16},"\u002Fimg\u002Ftransition.jpg",[18,19,24],"pre",{"className":20,"code":21,"language":22,"meta":23,"style":23},"language-js shiki shiki-themes github-light github-dark monokai","let gray = amt => color(amt, amt, amt);\n\nfunction setup() {\n  randomSeed(7);\n  createCanvas(600, 600);\n\n  for (let i = 0; i \u003C 200; i++) {\n    x1 = randomGaussian(300, 120);\n    y1 = randomGaussian(300, 50);\n    y2 = randomGaussian(300, 50);\n    fill(gray(x1 \u002F 600 * 255));\n    line(x1, y1, x1, y2);\n    ellipse(x1, y1, 20, 20);\n    ellipse(x1, y2, 20, 20);\n  }\n}\n","js","",[25,26,27,58,65,77,93,111,116,154,177,198,218,247,256,274,290,296],"code",{"__ignoreMap":23},[28,29,32,36,40,44,48,51,54],"span",{"class":30,"line":31},"line",1,[28,33,35],{"class":34},"sq6CD","let",[28,37,39],{"class":38},"srTi1"," gray",[28,41,43],{"class":42},"sC2Qs"," =",[28,45,47],{"class":46},"sTHNf"," amt",[28,49,50],{"class":34}," =>",[28,52,53],{"class":38}," color",[28,55,57],{"class":56},"sMOD_","(amt, amt, amt);\n",[28,59,61],{"class":30,"line":60},2,[28,62,64],{"emptyLinePlaceholder":63},true,"\n",[28,66,68,71,74],{"class":30,"line":67},3,[28,69,70],{"class":34},"function",[28,72,73],{"class":38}," setup",[28,75,76],{"class":56},"() {\n",[28,78,80,83,86,90],{"class":30,"line":79},4,[28,81,82],{"class":38},"  randomSeed",[28,84,85],{"class":56},"(",[28,87,89],{"class":88},"s7F3e","7",[28,91,92],{"class":56},");\n",[28,94,96,99,101,104,107,109],{"class":30,"line":95},5,[28,97,98],{"class":38},"  createCanvas",[28,100,85],{"class":56},[28,102,103],{"class":88},"600",[28,105,106],{"class":56},", ",[28,108,103],{"class":88},[28,110,92],{"class":56},[28,112,114],{"class":30,"line":113},6,[28,115,64],{"emptyLinePlaceholder":63},[28,117,119,122,125,127,130,133,136,139,142,145,148,151],{"class":30,"line":118},7,[28,120,121],{"class":42},"  for",[28,123,124],{"class":56}," (",[28,126,35],{"class":34},[28,128,129],{"class":56}," i ",[28,131,132],{"class":42},"=",[28,134,135],{"class":88}," 0",[28,137,138],{"class":56},"; i ",[28,140,141],{"class":42},"\u003C",[28,143,144],{"class":88}," 200",[28,146,147],{"class":56},"; i",[28,149,150],{"class":42},"++",[28,152,153],{"class":56},") {\n",[28,155,157,160,162,165,167,170,172,175],{"class":30,"line":156},8,[28,158,159],{"class":56},"    x1 ",[28,161,132],{"class":42},[28,163,164],{"class":38}," randomGaussian",[28,166,85],{"class":56},[28,168,169],{"class":88},"300",[28,171,106],{"class":56},[28,173,174],{"class":88},"120",[28,176,92],{"class":56},[28,178,180,183,185,187,189,191,193,196],{"class":30,"line":179},9,[28,181,182],{"class":56},"    y1 ",[28,184,132],{"class":42},[28,186,164],{"class":38},[28,188,85],{"class":56},[28,190,169],{"class":88},[28,192,106],{"class":56},[28,194,195],{"class":88},"50",[28,197,92],{"class":56},[28,199,201,204,206,208,210,212,214,216],{"class":30,"line":200},10,[28,202,203],{"class":56},"    y2 ",[28,205,132],{"class":42},[28,207,164],{"class":38},[28,209,85],{"class":56},[28,211,169],{"class":88},[28,213,106],{"class":56},[28,215,195],{"class":88},[28,217,92],{"class":56},[28,219,221,224,226,229,232,235,238,241,244],{"class":30,"line":220},11,[28,222,223],{"class":38},"    fill",[28,225,85],{"class":56},[28,227,228],{"class":38},"gray",[28,230,231],{"class":56},"(x1 ",[28,233,234],{"class":42},"\u002F",[28,236,237],{"class":88}," 600",[28,239,240],{"class":42}," *",[28,242,243],{"class":88}," 255",[28,245,246],{"class":56},"));\n",[28,248,250,253],{"class":30,"line":249},12,[28,251,252],{"class":38},"    line",[28,254,255],{"class":56},"(x1, y1, x1, y2);\n",[28,257,259,262,265,268,270,272],{"class":30,"line":258},13,[28,260,261],{"class":38},"    ellipse",[28,263,264],{"class":56},"(x1, y1, ",[28,266,267],{"class":88},"20",[28,269,106],{"class":56},[28,271,267],{"class":88},[28,273,92],{"class":56},[28,275,277,279,282,284,286,288],{"class":30,"line":276},14,[28,278,261],{"class":38},[28,280,281],{"class":56},"(x1, y2, ",[28,283,267],{"class":88},[28,285,106],{"class":56},[28,287,267],{"class":88},[28,289,92],{"class":56},[28,291,293],{"class":30,"line":292},15,[28,294,295],{"class":56},"  }\n",[28,297,299],{"class":30,"line":298},16,[28,300,301],{"class":56},"}\n",[10,303,304,305,311],{},"(View full source at ",[306,307,308],"a",{"href":308,"rel":309},"https:\u002F\u002Frepl.it\u002F@BrockWilcox\u002FTransition",[310],"nofollow",")",[313,314,315],"style",{},"html pre.shiki code .sq6CD, html code.shiki .sq6CD{--shiki-default:#D73A49;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit;--shiki-sepia:#66D9EF;--shiki-sepia-font-style:italic}html pre.shiki code .srTi1, html code.shiki .srTi1{--shiki-default:#6F42C1;--shiki-dark:#B392F0;--shiki-sepia:#A6E22E}html pre.shiki code .sC2Qs, html code.shiki .sC2Qs{--shiki-default:#D73A49;--shiki-dark:#F97583;--shiki-sepia:#F92672}html pre.shiki code .sTHNf, html code.shiki .sTHNf{--shiki-default:#E36209;--shiki-default-font-style:inherit;--shiki-dark:#FFAB70;--shiki-dark-font-style:inherit;--shiki-sepia:#FD971F;--shiki-sepia-font-style:italic}html pre.shiki code .sMOD_, html code.shiki .sMOD_{--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-sepia:#F8F8F2}html pre.shiki code .s7F3e, html code.shiki .s7F3e{--shiki-default:#005CC5;--shiki-dark:#79B8FF;--shiki-sepia:#AE81FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .sepia .shiki span {color: var(--shiki-sepia);background: var(--shiki-sepia-bg);font-style: var(--shiki-sepia-font-style);font-weight: var(--shiki-sepia-font-weight);text-decoration: var(--shiki-sepia-text-decoration);}html.sepia .shiki span {color: var(--shiki-sepia);background: var(--shiki-sepia-bg);font-style: var(--shiki-sepia-font-style);font-weight: var(--shiki-sepia-font-weight);text-decoration: var(--shiki-sepia-text-decoration);}",{"title":23,"searchDepth":60,"depth":60,"links":317},[],"2018-12-08T23:00-05:00",false,"md","img\u002Ftransition.jpg",null,{},"\u002Ftlt-2018.12.08-transition",{"title":5,"description":12},"TLT - 2018.12.08 - Transition",[328],"blog","2018-12-08T23:24-05:00","4ggZ55V14_Y35hYWVjOJg5BrCmOHyQR9PKeH0dOzc2I",1778988314646]