{"id":1372,"date":"2021-10-03T23:55:05","date_gmt":"2021-10-04T03:55:05","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/?page_id=1372"},"modified":"2021-10-06T00:42:04","modified_gmt":"2021-10-06T04:42:04","slug":"10-06-field-distribution","status":"publish","type":"page","link":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/daily-notes\/10-06-field-distribution\/","title":{"rendered":"10-06 Field\/Distribution"},"content":{"rendered":"<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/field_graphic_games-scaled.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1374\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/field_graphic_games-scaled.jpg\" alt=\"\" width=\"2560\" height=\"951\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/field_graphic_games-scaled.jpg 2560w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/field_graphic_games-640x238.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/field_graphic_games-1024x380.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/field_graphic_games-768x285.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/field_graphic_games-1536x570.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/field_graphic_games-2048x760.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/field_graphic_games-1200x446.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<hr \/>\n<h3>Some Field-Producing Algorithms<\/h3>\n<p><em>Here are a few simulation algorithms that can fill a page in an interesting way. I chose these because I was able to find nice tutorials\/demos; this is by no means a restricted list.<\/em><\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/jasonwebb\/morphogenesis-resources#flow-field\">Perlin Noise Flow Fields<\/a>; <a href=\"https:\/\/sighack.com\/post\/getting-creative-with-perlin-noise-fields\">article<\/a>; <a href=\"https:\/\/tylerxhobbs.com\/essays\/2020\/flow-fields\">article<\/a> (Hobbs); @ <a href=\"https:\/\/www.youtube.com\/watch?v=BjoM9oKOAKY\">Coding Train<\/a>; <em><a href=\"https:\/\/editor.p5js.org\/codingtrain\/sketches\/vDcIAbfg7\">demo<\/a><\/em><\/li>\n<li><a href=\"https:\/\/github.com\/jasonwebb\/morphogenesis-resources#packing-problems\">Circle-Packing<\/a>, <a href=\"https:\/\/larswander.com\/art\/polygon-packing\/\">Polygon packing<\/a>; @ <a href=\"https:\/\/www.youtube.com\/watch?v=QHEQuoIKgNE\">Coding Train<\/a>; <em><a href=\"https:\/\/editor.p5js.org\/golan\/sketches\/Be2SYzPhB\">demo<\/a><\/em><\/li>\n<li><a href=\"https:\/\/vimeo.com\/112319901\">Poisson-Disc Distribution<\/a> [Bostock]; @ <a href=\"https:\/\/www.youtube.com\/watch?v=flQgnCUxHlw\">Coding Train<\/a>; <em><a href=\"https:\/\/editor.p5js.org\/codingtrain\/sketches\/4N78DFCXN\">demo<\/a><\/em><\/li>\n<li><a href=\"https:\/\/github.com\/jasonwebb\/morphogenesis-resources\">Diffusion-Limited Aggregation<\/a> (&amp; Webb&#8217;s <a href=\"https:\/\/medium.com\/@jason.webb\/simulating-dla-in-js-f1914eb04b1d\">article<\/a>); @ <a href=\"https:\/\/www.youtube.com\/watch?v=Cl_Gjj80gPE\">Coding Train<\/a>; <a href=\"https:\/\/editor.p5js.org\/codingtrain\/sketches\/XpS9wGkbB\"><em>demo<\/em><\/a><\/li>\n<li><a href=\"https:\/\/github.com\/jasonwebb\/morphogenesis-resources#space-colonization\">Space Colonization<\/a>; @ <a href=\"https:\/\/www.youtube.com\/watch?v=kKT0v3qhIQY\">Coding Train<\/a>; <em><a href=\"https:\/\/editor.p5js.org\/codingtrain\/sketches\/r9pxis9g-\">demo<\/a><\/em><\/li>\n<li><a href=\"https:\/\/github.com\/jasonwebb\/morphogenesis-resources#reaction-diffusion\">Reaction-Diffusion<\/a> (&amp; Sims&#8217;s <a href=\"https:\/\/www.karlsims.com\/rd.html\">tutorial<\/a>); @ <a href=\"https:\/\/www.youtube.com\/watch?v=BV9ny785UNc\">Coding Train<\/a>; <a href=\"https:\/\/editor.p5js.org\/codingtrain\/sketches\/govdEW5aE\"><em>demo<\/em><\/a><\/li>\n<\/ul>\n<p><em>Many more algorithms are described in these resources:<\/em><\/p>\n<ul>\n<li>By Jason Webb: <a href=\"https:\/\/github.com\/jasonwebb\/morphogenesis-resources\">https:\/\/github.com\/jasonwebb\/morphogenesis-resources<\/a><\/li>\n<li>By Taru Muhonen &amp; Rapha\u00ebl de Courville: <a href=\"https:\/\/thatcreativecode.page\/\">https:\/\/thatcreativecode.page\/<\/a><\/li>\n<li>By v3ga: <a href=\"https:\/\/github.com\/v3ga\/Processing\">https:\/\/github.com\/v3ga\/Processing<\/a><\/li>\n<\/ul>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/basic-screenshot.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1377\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/basic-screenshot.png\" alt=\"\" width=\"1920\" height=\"937\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/basic-screenshot.png 1920w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/basic-screenshot-640x312.png 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/basic-screenshot-1024x500.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/basic-screenshot-768x375.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/basic-screenshot-1536x750.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/basic-screenshot-1200x586.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<hr \/>\n<h3>Flow Fields<\/h3>\n<p>Here&#8217;s <a href=\"https:\/\/observablehq.com\/@esperanc\/flow-fields\">an excellent Observable notebook<\/a> with interactive illustrations of Perlin Noise flow fields:<\/p>\n<p><a href=\"https:\/\/observablehq.com\/@esperanc\/flow-fields\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1453\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-05-at-9.57.57-AM.png\" alt=\"\" width=\"2232\" height=\"1226\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-05-at-9.57.57-AM.png 2232w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-05-at-9.57.57-AM-640x352.png 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-05-at-9.57.57-AM-1024x562.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-05-at-9.57.57-AM-768x422.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-05-at-9.57.57-AM-1536x844.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-05-at-9.57.57-AM-2048x1125.png 2048w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-05-at-9.57.57-AM-1200x659.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>Here&#8217;s Dan Shiffman offering an explanation as well on the Coding Train.<\/p>\n<p><iframe loading=\"lazy\" title=\"Coding Challenge #24: Perlin Noise Flow Field\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/BjoM9oKOAKY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Here&#8217;s a <a href=\"https:\/\/editor.p5js.org\/golan\/sketches\/Tent2cAg5\">p5 demo\u00a0 I made<\/a>.<\/p>\n<hr \/>\n<h5><em>Examples of artworks using Perlin Noise flow fields.<\/em><\/h5>\n<p>By <a href=\"https:\/\/twitter.com\/NadiehBremer\/status\/1429820630250184708\">Nadieh Bremer<\/a>:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E9e9h6zXEAYWtdG.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1384\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E9e9h6zXEAYWtdG.jpg\" alt=\"\" width=\"1500\" height=\"1500\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E9e9h6zXEAYWtdG.jpg 1500w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E9e9h6zXEAYWtdG-480x480.jpg 480w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E9e9h6zXEAYWtdG-1024x1024.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E9e9h6zXEAYWtdG-150x150.jpg 150w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E9e9h6zXEAYWtdG-768x768.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E9e9h6zXEAYWtdG-1200x1200.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>By Tyler Hobbs:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-annetta-2020-med.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1402\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-annetta-2020-med.jpg\" alt=\"\" width=\"1200\" height=\"413\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-annetta-2020-med.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-annetta-2020-med-640x220.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-annetta-2020-med-1024x352.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-annetta-2020-med-768x264.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-aligned-movement-paper-crop-2020-med-1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1404\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-aligned-movement-paper-crop-2020-med-1.jpg\" alt=\"\" width=\"997\" height=\"1400\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-aligned-movement-paper-crop-2020-med-1.jpg 997w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-aligned-movement-paper-crop-2020-med-1-342x480.jpg 342w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-aligned-movement-paper-crop-2020-med-1-729x1024.jpg 729w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/tyler-hobbs-aligned-movement-paper-crop-2020-med-1-768x1078.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>By <a href=\"https:\/\/twitter.com\/motiondesign_01\/status\/1443930292121657344\">Mark Webster<\/a>:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAne0abXoAE3Ogv.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1382\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAne0abXoAE3Ogv.jpg\" alt=\"\" width=\"1800\" height=\"1222\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAne0abXoAE3Ogv.jpg 1800w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAne0abXoAE3Ogv-640x434.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAne0abXoAE3Ogv-1024x695.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAne0abXoAE3Ogv-768x521.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAne0abXoAE3Ogv-1536x1043.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAne0abXoAE3Ogv-1200x815.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E03dhdyWQAETP2J.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1388\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E03dhdyWQAETP2J.jpg\" alt=\"\" width=\"2048\" height=\"1245\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E03dhdyWQAETP2J.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E03dhdyWQAETP2J-640x389.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E03dhdyWQAETP2J-1024x623.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E03dhdyWQAETP2J-768x467.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E03dhdyWQAETP2J-1536x934.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E03dhdyWQAETP2J-1200x729.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>By <a href=\"https:\/\/twitter.com\/MAKIO135\/status\/1444047935055007745\">Lionel Radisson<\/a>:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/radisson.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1383\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/radisson.jpg\" alt=\"\" width=\"2400\" height=\"1800\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/radisson.jpg 2400w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/radisson-640x480.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/radisson-1024x768.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/radisson-768x576.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/radisson-1536x1152.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/radisson-2048x1536.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/radisson-1200x900.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FANOZ06UUA0YEPC-scaled.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1385\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FANOZ06UUA0YEPC-scaled.jpg\" alt=\"\" width=\"2560\" height=\"1920\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FANOZ06UUA0YEPC-scaled.jpg 2560w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FANOZ06UUA0YEPC-640x480.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FANOZ06UUA0YEPC-1024x768.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FANOZ06UUA0YEPC-768x576.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FANOZ06UUA0YEPC-1536x1152.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FANOZ06UUA0YEPC-2048x1536.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FANOZ06UUA0YEPC-1200x900.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>By <a href=\"https:\/\/twitter.com\/p1xelfool\/status\/1435000906693726212\">Fred Briolet<\/a>:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-oln0nXsAEIps8.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1444\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-oln0nXsAEIps8.jpg\" alt=\"\" width=\"1920\" height=\"1920\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-oln0nXsAEIps8.jpg 1920w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-oln0nXsAEIps8-480x480.jpg 480w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-oln0nXsAEIps8-1024x1024.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-oln0nXsAEIps8-150x150.jpg 150w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-oln0nXsAEIps8-768x768.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-oln0nXsAEIps8-1536x1536.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-oln0nXsAEIps8-1200x1200.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>By <a href=\"https:\/\/twitter.com\/Itay_niv\/status\/1441863748516397060\">Itay Niv<\/a>:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAKHbQWVIAE5ZEp.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1386\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAKHbQWVIAE5ZEp.jpg\" alt=\"\" width=\"1200\" height=\"1200\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAKHbQWVIAE5ZEp.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAKHbQWVIAE5ZEp-480x480.jpg 480w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAKHbQWVIAE5ZEp-1024x1024.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAKHbQWVIAE5ZEp-150x150.jpg 150w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/FAKHbQWVIAE5ZEp-768x768.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>By <a href=\"https:\/\/twitter.com\/v3ga\/status\/1432463143167565832\">Julien Gachadoat<\/a>:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-EhobeXEAA_gKZ.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1387\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-EhobeXEAA_gKZ.jpg\" alt=\"\" width=\"840\" height=\"1189\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-EhobeXEAA_gKZ.jpg 636w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E-EhobeXEAA_gKZ-339x480.jpg 339w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>By <a href=\"https:\/\/www.behance.net\/manoloide\">Manolo Gamboa Naon<\/a>:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/b-7ZFjhL.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1392\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/b-7ZFjhL.jpg\" alt=\"\" width=\"960\" height=\"960\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/b-7ZFjhL.jpg 960w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/b-7ZFjhL-480x480.jpg 480w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/b-7ZFjhL-150x150.jpg 150w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/b-7ZFjhL-768x768.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/05910985449691.5d7bda235fdb5.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1455\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/05910985449691.5d7bda235fdb5.png\" alt=\"\" width=\"1920\" height=\"1920\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/05910985449691.5d7bda235fdb5.png 1920w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/05910985449691.5d7bda235fdb5-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/05910985449691.5d7bda235fdb5-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/05910985449691.5d7bda235fdb5-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/05910985449691.5d7bda235fdb5-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/05910985449691.5d7bda235fdb5-1536x1536.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/05910985449691.5d7bda235fdb5-1200x1200.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>By <a href=\"https:\/\/twitter.com\/alexis_o_O\/status\/1413060985884221445\">Alexis Colby<\/a>:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E5wziU0XEAQw1Fi.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1446\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E5wziU0XEAQw1Fi.jpg\" alt=\"\" width=\"1024\" height=\"1024\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E5wziU0XEAQw1Fi.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E5wziU0XEAQw1Fi-480x480.jpg 480w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E5wziU0XEAQw1Fi-150x150.jpg 150w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E5wziU0XEAQw1Fi-768x768.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">broken lines <a href=\"https:\/\/twitter.com\/hashtag\/perlin?src=hash&amp;ref_src=twsrc%5Etfw\">#perlin<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/noise?src=hash&amp;ref_src=twsrc%5Etfw\">#noise<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/creativecoding?src=hash&amp;ref_src=twsrc%5Etfw\">#creativecoding<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/creativecode?src=hash&amp;ref_src=twsrc%5Etfw\">#creativecode<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/generative?src=hash&amp;ref_src=twsrc%5Etfw\">#generative<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/generativeart?src=hash&amp;ref_src=twsrc%5Etfw\">#generativeart<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/processing?src=hash&amp;ref_src=twsrc%5Etfw\">#processing<\/a>  <a href=\"https:\/\/twitter.com\/hashtag\/digitalart?src=hash&amp;ref_src=twsrc%5Etfw\">#digitalart<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/artxcode?src=hash&amp;ref_src=twsrc%5Etfw\">#artxcode<\/a> <a href=\"https:\/\/t.co\/gopbVmXNeH\">pic.twitter.com\/gopbVmXNeH<\/a><\/p>\n<p>&mdash; Alexis Colby (@alexis_o_O) <a href=\"https:\/\/twitter.com\/alexis_o_O\/status\/1413060985884221445?ref_src=twsrc%5Etfw\">July 8, 2021<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>By <a href=\"https:\/\/www.instagram.com\/p\/COdZNZgnVqW\/\">Jessica In<\/a>:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-04-at-6.41.18-PM.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1450\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-04-at-6.41.18-PM.png\" alt=\"\" width=\"840\" height=\"834\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-04-at-6.41.18-PM.png 742w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-04-at-6.41.18-PM-483x480.png 483w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Screen-Shot-2021-10-04-at-6.41.18-PM-150x150.png 150w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">Force lines 4 one of my <a href=\"https:\/\/twitter.com\/hashtag\/fluid?src=hash&amp;ref_src=twsrc%5Etfw\">#fluid<\/a> particle sims. Theese repel the particles &amp; add tangent force at the same time.Particles have local density attrib which makes them move faster when the density is higher than a certain threshold. <a href=\"https:\/\/twitter.com\/hashtag\/generarive?src=hash&amp;ref_src=twsrc%5Etfw\">#generarive<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/generativeart?src=hash&amp;ref_src=twsrc%5Etfw\">#generativeart<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/houdini?src=hash&amp;ref_src=twsrc%5Etfw\">#houdini<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/creativecoding?src=hash&amp;ref_src=twsrc%5Etfw\">#creativecoding<\/a> <a href=\"https:\/\/t.co\/WiZ1hOJWkx\">pic.twitter.com\/WiZ1hOJWkx<\/a><\/p>\n<p>&mdash; Ehsan Parizi (@ehsan_parizi) <a href=\"https:\/\/twitter.com\/ehsan_parizi\/status\/1426715610722013184?ref_src=twsrc%5Etfw\">August 15, 2021<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\">\n<p lang=\"es\" dir=\"ltr\">Neurogenesis I, tribute Santiago Ram\u00f3n y Cajal. <a href=\"https:\/\/t.co\/dkngCoyBwM\">pic.twitter.com\/dkngCoyBwM<\/a><\/p>\n<p>&mdash; \u2e18Jack Rusher\u203d (@jackrusher) <a href=\"https:\/\/twitter.com\/jackrusher\/status\/1438890815745675264?ref_src=twsrc%5Etfw\">September 17, 2021<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E_laan1XMAQU5qM.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1396\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E_laan1XMAQU5qM.jpg\" alt=\"\" width=\"1150\" height=\"1200\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E_laan1XMAQU5qM.jpg 1150w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E_laan1XMAQU5qM-460x480.jpg 460w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E_laan1XMAQU5qM-981x1024.jpg 981w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/E_laan1XMAQU5qM-768x801.jpg 768w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<hr \/>\n<h3>Blending Algorithmic Approaches<\/h3>\n<p>In <a href=\"https:\/\/tylerxhobbs.com\/essays\/2020\/flow-fields\">this article<\/a>, Tyler Hobbs shows how different algorithms (including circle packing) can be used to seed the initial positions of moving particles \u2014 which can affect how a Perlin Noise flow field looks.<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/hobbs-combo.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1438\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/hobbs-combo.png\" alt=\"\" width=\"840\" height=\"573\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/hobbs-combo.png 762w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/hobbs-combo-640x437.png 640w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>In this example (discussed <a href=\"https:\/\/medium.com\/@jason.webb\/simulating-dla-in-js-f1914eb04b1d\">here<\/a>), Jason Webb shows how a Diffusion-Limited Aggregation simulation can be expressively altered, when the diffusing particles are not simply moving in a random way, but are moving along gradients of another simulation (in this case, a Perlin Noise flow field).<\/p>\n<p><iframe loading=\"lazy\" title=\"Diffusion-limited aggregation + Perlin noise flow field\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/s3VsK8BtIw0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>In this example below, a creator has accelerated a Physarium simulation by seeding the terrain with Perlin Noise, instead of having the terrain arise (slowly) exclusively through the actions of the particles:<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">Another variation.  In this version I seed the &quot;trail map&quot; with chemoattractant ahead of time (with Perlin noise).  The previous GIFs have no pre-seeding: the agents themselves are the only means of generating chemoattractant, and this happens at each simulation step. <a href=\"https:\/\/t.co\/BQafukPZyP\">pic.twitter.com\/BQafukPZyP<\/a><\/p>\n<p>&mdash; incre.ment (@incre_ment) <a href=\"https:\/\/twitter.com\/incre_ment\/status\/1410624458579054595?ref_src=twsrc%5Etfw\">July 1, 2021<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Some Field-Producing Algorithms Here are a few simulation algorithms that can fill a page in an interesting way. I chose these because I was able to find nice tutorials\/demos; this is by no means a restricted list. Perlin Noise Flow Fields; article; article (Hobbs); @ Coding Train; demo Circle-Packing, Polygon packing; @ Coding Train; demo &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/daily-notes\/10-06-field-distribution\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;10-06 Field\/Distribution&#8221;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":17,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/pages\/1372"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/comments?post=1372"}],"version-history":[{"count":27,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/pages\/1372\/revisions"}],"predecessor-version":[{"id":1485,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/pages\/1372\/revisions\/1485"}],"up":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/pages\/17"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/media?parent=1372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}