flow-editor.html 48 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958
  1. <!doctype html>
  2. <html lang="en" class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1">
  6. <link rel="prev" href="dungeon-flow.html">
  7. <link rel="next" href="dungeon-generator.html">
  8. <link rel="icon" href="../assets/images/favicon.ico">
  9. <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.6.11">
  10. <title>Flow Editor - DunGen</title>
  11. <link rel="stylesheet" href="../assets/stylesheets/main.4af4bdda.min.css">
  12. <link rel="stylesheet" href="../assets/stylesheets/palette.06af60db.min.css">
  13. <script src="https://unpkg.com/iframe-worker/shim"></script>
  14. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  15. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
  16. <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
  17. <link rel="stylesheet" href="../stylesheets/extra.css">
  18. <script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
  19. </head>
  20. <body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="black" data-md-color-accent="cyan">
  21. <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
  22. <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
  23. <label class="md-overlay" for="__drawer"></label>
  24. <div data-md-component="skip">
  25. <a href="#core-concepts-flow-editor" class="md-skip">
  26. Skip to content
  27. </a>
  28. </div>
  29. <div data-md-component="announce">
  30. </div>
  31. <header class="md-header md-header--shadow" data-md-component="header">
  32. <nav class="md-header__inner md-grid" aria-label="Header">
  33. <a href="../index.html" title="DunGen" class="md-header__button md-logo" aria-label="DunGen" data-md-component="logo">
  34. <svg width="100%" height="100%" viewBox="0 0 258 272" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
  35. <path d="M79,20.998C103.163,20.998 126.827,20.993 150.49,21.002C156.512,21.004 156.994,21.502 157,27.603C157.008,36.435 157.275,45.279 156.89,54.094C156.689,58.68 158.685,61.484 161.849,64.242C170.723,71.978 179.515,79.812 188.188,87.772C190.849,90.214 193.071,93.217 195.28,95.995C199.425,101.209 199.993,100.532 203.73,100.441C209.056,100.311 214.403,100.217 219.713,100.549C222.988,100.754 224.083,99.873 224.059,96.517C223.93,78.354 223.952,60.189 224.044,42.025C224.059,38.949 223.341,37.434 219.868,37.603C214.383,37.872 208.877,37.791 203.381,37.715C199.579,37.663 197.517,38.715 197.907,43.168C198.327,47.964 197.807,52.836 198.065,57.655C198.263,61.366 196.432,62.919 193.348,61.885C188.656,60.311 184.193,58.029 179.724,55.858C179.188,55.598 179.033,54.157 179.028,53.262C178.979,44.43 179.007,35.598 178.995,26.766C178.99,22.857 180.241,20.823 184.822,20.897C200.816,21.158 216.816,20.988 232.814,21.004C239.132,21.01 240.996,22.894 240.998,29.241C241.006,56.07 241.005,82.9 240.998,109.729C240.997,114.795 238.959,117.469 233.922,117.935C228.649,118.423 223.32,118.407 218.015,118.42C208.355,118.444 198.68,117.994 189.04,118.408C184.225,118.615 181.96,116.755 180.231,112.653C175.241,100.811 167.104,91.401 156.54,84.26C153.778,82.394 150.001,81.189 146.67,81.142C126.51,80.86 106.344,81.107 86.182,80.92C81.723,80.878 80.502,82.453 80.517,86.753C80.64,122.394 80.606,158.037 80.499,193.679C80.487,197.764 81.821,199.148 86.047,199.093C103.375,198.866 120.707,198.998 138.038,198.998C159.059,198.998 178.198,184.319 182.849,163.942C184.15,158.243 183.93,152.135 183.91,146.215C183.896,141.846 185.254,139.882 189.885,139.936C204.381,140.105 218.88,139.974 233.378,140.01C238.862,140.024 240.989,142.215 240.993,147.822C241.011,180.317 241.012,212.813 240.992,245.308C240.988,250.939 238.967,252.977 233.218,252.985C205.722,253.022 178.226,253.017 150.73,252.989C145.524,252.983 144.074,251.47 144.001,246.325C143.982,244.992 144.14,243.641 143.973,242.329C143.34,237.341 146.132,235.979 150.411,235.99C160.395,236.016 171.06,236.112 181.183,236.112C181.349,229.59 181.592,223.106 181.957,216.723C182.112,214.015 183.166,213.054 185.926,212.937C199.005,212.385 199.002,212.308 199.002,225.465C199.002,236.846 199.003,236.883 210.211,236.618C214.669,236.512 219.122,236.203 223.998,235.966L223.998,215.809C223.998,197.812 223.911,179.813 224.071,161.817C224.103,158.195 223.211,156.729 219.348,156.922C213.399,157.218 207.424,157 201.518,157C200.995,162.216 201.49,167.296 200.093,171.982C197.761,179.807 196.375,184.335 192.2,189.003C186.463,195.42 180.539,202.401 173.212,206.467C165.218,210.904 155.809,213.982 146.533,214.772C140.003,215.328 133.915,215.112 127.586,214.988C124.239,214.923 122.845,216.06 122.934,219.622C123.145,228.116 123.005,236.618 123.001,245.117C122.998,251.059 121.128,252.977 115.061,252.989C97.897,253.025 80.733,253.002 63.568,253.002C51.404,253.002 39.239,253.028 27.074,252.99C21.11,252.972 19.972,251.911 19.969,246.171C19.952,212.512 20.027,178.852 19.931,145.193C19.92,141.244 21.512,139.936 25.206,139.967C36.037,140.056 46.872,139.868 57.7,140.066C61.659,140.139 62.704,138.654 62.9,134.816C63.079,131.328 63.031,127.859 62.985,124.329C62.92,119.388 61.017,118.259 56.858,118.302C47.864,118.397 38.869,118.381 29.875,118.42C29.044,118.424 28.21,118.569 27.382,118.535C20.483,118.255 19.854,117.626 19.858,110.743C19.874,83.582 19.901,56.422 19.946,29.261C19.957,22.709 21.747,21.005 28.509,21.001C45.173,20.992 61.836,20.998 79,20.998M40.806,37.592C39.579,39.018 37.305,40.427 37.283,41.871C37.009,60.012 37.047,78.158 37.045,96.302C37.045,98.812 38.187,100.243 40.973,100.24C46.626,100.235 52.281,100.327 57.93,100.537C61.815,100.681 63.165,99.043 63.06,95.156C62.832,86.672 62.99,78.177 63.001,69.687C63.01,63.101 65.168,60.989 71.882,60.989C92.36,60.99 112.837,60.999 133.315,60.997C139.718,60.996 139.987,60.711 139.998,54.125C140.004,50.629 139.757,47.111 140.059,43.642C140.457,39.073 138.568,37.373 134.101,37.395C103.319,37.551 72.535,37.595 40.806,37.592M62.997,200.455C62.997,187.472 63.078,174.487 62.886,161.507C62.863,159.996 61.38,157.25 60.476,157.208C52.923,156.859 45.347,157.01 37.87,157.01C37.87,182.364 37.917,206.983 37.817,231.602C37.803,235.205 39.289,236.074 42.623,236.055C62.599,235.939 82.576,236.005 102.552,235.977C103.642,235.975 104.732,235.678 105.997,235.493C105.997,229.703 105.875,224.216 106.048,218.738C106.137,215.898 105.136,214.958 102.315,214.998C93.661,215.12 85.004,215.009 76.348,215.006C62.998,215 62.998,215.006 62.997,200.455Z" style="fill:currentColor;fill-rule:nonzero;"/>
  36. <g transform="matrix(1,0,0,1,91.4761,179.778)">
  37. <text x="0px" y="0px" style="font-family:'Arial-BoldMT', 'Arial', sans-serif;font-weight:700;font-size:110px;fill:currentColor;">D</text>
  38. </g>
  39. </svg>
  40. </a>
  41. <label class="md-header__button md-icon" for="__drawer">
  42. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
  43. </label>
  44. <div class="md-header__title" data-md-component="header-title">
  45. <div class="md-header__ellipsis">
  46. <div class="md-header__topic">
  47. <span class="md-ellipsis">
  48. DunGen
  49. </span>
  50. </div>
  51. <div class="md-header__topic" data-md-component="header-topic">
  52. <span class="md-ellipsis">
  53. Flow Editor
  54. </span>
  55. </div>
  56. </div>
  57. </div>
  58. </nav>
  59. </header>
  60. <div class="md-container" data-md-component="container">
  61. <main class="md-main" data-md-component="main">
  62. <div class="md-main__inner md-grid">
  63. <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
  64. <div class="md-sidebar__scrollwrap">
  65. <div class="md-sidebar__inner">
  66. <nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
  67. <label class="md-nav__title" for="__drawer">
  68. <a href="../index.html" title="DunGen" class="md-nav__button md-logo" aria-label="DunGen" data-md-component="logo">
  69. <svg width="100%" height="100%" viewBox="0 0 258 272" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
  70. <path d="M79,20.998C103.163,20.998 126.827,20.993 150.49,21.002C156.512,21.004 156.994,21.502 157,27.603C157.008,36.435 157.275,45.279 156.89,54.094C156.689,58.68 158.685,61.484 161.849,64.242C170.723,71.978 179.515,79.812 188.188,87.772C190.849,90.214 193.071,93.217 195.28,95.995C199.425,101.209 199.993,100.532 203.73,100.441C209.056,100.311 214.403,100.217 219.713,100.549C222.988,100.754 224.083,99.873 224.059,96.517C223.93,78.354 223.952,60.189 224.044,42.025C224.059,38.949 223.341,37.434 219.868,37.603C214.383,37.872 208.877,37.791 203.381,37.715C199.579,37.663 197.517,38.715 197.907,43.168C198.327,47.964 197.807,52.836 198.065,57.655C198.263,61.366 196.432,62.919 193.348,61.885C188.656,60.311 184.193,58.029 179.724,55.858C179.188,55.598 179.033,54.157 179.028,53.262C178.979,44.43 179.007,35.598 178.995,26.766C178.99,22.857 180.241,20.823 184.822,20.897C200.816,21.158 216.816,20.988 232.814,21.004C239.132,21.01 240.996,22.894 240.998,29.241C241.006,56.07 241.005,82.9 240.998,109.729C240.997,114.795 238.959,117.469 233.922,117.935C228.649,118.423 223.32,118.407 218.015,118.42C208.355,118.444 198.68,117.994 189.04,118.408C184.225,118.615 181.96,116.755 180.231,112.653C175.241,100.811 167.104,91.401 156.54,84.26C153.778,82.394 150.001,81.189 146.67,81.142C126.51,80.86 106.344,81.107 86.182,80.92C81.723,80.878 80.502,82.453 80.517,86.753C80.64,122.394 80.606,158.037 80.499,193.679C80.487,197.764 81.821,199.148 86.047,199.093C103.375,198.866 120.707,198.998 138.038,198.998C159.059,198.998 178.198,184.319 182.849,163.942C184.15,158.243 183.93,152.135 183.91,146.215C183.896,141.846 185.254,139.882 189.885,139.936C204.381,140.105 218.88,139.974 233.378,140.01C238.862,140.024 240.989,142.215 240.993,147.822C241.011,180.317 241.012,212.813 240.992,245.308C240.988,250.939 238.967,252.977 233.218,252.985C205.722,253.022 178.226,253.017 150.73,252.989C145.524,252.983 144.074,251.47 144.001,246.325C143.982,244.992 144.14,243.641 143.973,242.329C143.34,237.341 146.132,235.979 150.411,235.99C160.395,236.016 171.06,236.112 181.183,236.112C181.349,229.59 181.592,223.106 181.957,216.723C182.112,214.015 183.166,213.054 185.926,212.937C199.005,212.385 199.002,212.308 199.002,225.465C199.002,236.846 199.003,236.883 210.211,236.618C214.669,236.512 219.122,236.203 223.998,235.966L223.998,215.809C223.998,197.812 223.911,179.813 224.071,161.817C224.103,158.195 223.211,156.729 219.348,156.922C213.399,157.218 207.424,157 201.518,157C200.995,162.216 201.49,167.296 200.093,171.982C197.761,179.807 196.375,184.335 192.2,189.003C186.463,195.42 180.539,202.401 173.212,206.467C165.218,210.904 155.809,213.982 146.533,214.772C140.003,215.328 133.915,215.112 127.586,214.988C124.239,214.923 122.845,216.06 122.934,219.622C123.145,228.116 123.005,236.618 123.001,245.117C122.998,251.059 121.128,252.977 115.061,252.989C97.897,253.025 80.733,253.002 63.568,253.002C51.404,253.002 39.239,253.028 27.074,252.99C21.11,252.972 19.972,251.911 19.969,246.171C19.952,212.512 20.027,178.852 19.931,145.193C19.92,141.244 21.512,139.936 25.206,139.967C36.037,140.056 46.872,139.868 57.7,140.066C61.659,140.139 62.704,138.654 62.9,134.816C63.079,131.328 63.031,127.859 62.985,124.329C62.92,119.388 61.017,118.259 56.858,118.302C47.864,118.397 38.869,118.381 29.875,118.42C29.044,118.424 28.21,118.569 27.382,118.535C20.483,118.255 19.854,117.626 19.858,110.743C19.874,83.582 19.901,56.422 19.946,29.261C19.957,22.709 21.747,21.005 28.509,21.001C45.173,20.992 61.836,20.998 79,20.998M40.806,37.592C39.579,39.018 37.305,40.427 37.283,41.871C37.009,60.012 37.047,78.158 37.045,96.302C37.045,98.812 38.187,100.243 40.973,100.24C46.626,100.235 52.281,100.327 57.93,100.537C61.815,100.681 63.165,99.043 63.06,95.156C62.832,86.672 62.99,78.177 63.001,69.687C63.01,63.101 65.168,60.989 71.882,60.989C92.36,60.99 112.837,60.999 133.315,60.997C139.718,60.996 139.987,60.711 139.998,54.125C140.004,50.629 139.757,47.111 140.059,43.642C140.457,39.073 138.568,37.373 134.101,37.395C103.319,37.551 72.535,37.595 40.806,37.592M62.997,200.455C62.997,187.472 63.078,174.487 62.886,161.507C62.863,159.996 61.38,157.25 60.476,157.208C52.923,156.859 45.347,157.01 37.87,157.01C37.87,182.364 37.917,206.983 37.817,231.602C37.803,235.205 39.289,236.074 42.623,236.055C62.599,235.939 82.576,236.005 102.552,235.977C103.642,235.975 104.732,235.678 105.997,235.493C105.997,229.703 105.875,224.216 106.048,218.738C106.137,215.898 105.136,214.958 102.315,214.998C93.661,215.12 85.004,215.009 76.348,215.006C62.998,215 62.998,215.006 62.997,200.455Z" style="fill:currentColor;fill-rule:nonzero;"/>
  71. <g transform="matrix(1,0,0,1,91.4761,179.778)">
  72. <text x="0px" y="0px" style="font-family:'Arial-BoldMT', 'Arial', sans-serif;font-weight:700;font-size:110px;fill:currentColor;">D</text>
  73. </g>
  74. </svg>
  75. </a>
  76. DunGen
  77. </label>
  78. <ul class="md-nav__list" data-md-scrollfix>
  79. <li class="md-nav__item">
  80. <a href="../index.html" class="md-nav__link">
  81. <span class="md-ellipsis">
  82. Introduction
  83. </span>
  84. </a>
  85. </li>
  86. <li class="md-nav__item">
  87. <a href="../changelog.html" class="md-nav__link">
  88. <span class="md-ellipsis">
  89. Changelog
  90. </span>
  91. </a>
  92. </li>
  93. <li class="md-nav__item md-nav__item--nested">
  94. <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
  95. <div class="md-nav__link md-nav__container">
  96. <a href="../getting-started/index.html" class="md-nav__link ">
  97. <span class="md-ellipsis">
  98. Getting Started
  99. </span>
  100. </a>
  101. <label class="md-nav__link " for="__nav_3" id="__nav_3_label" tabindex="0">
  102. <span class="md-nav__icon md-icon"></span>
  103. </label>
  104. </div>
  105. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
  106. <label class="md-nav__title" for="__nav_3">
  107. <span class="md-nav__icon md-icon"></span>
  108. Getting Started
  109. </label>
  110. <ul class="md-nav__list" data-md-scrollfix>
  111. <li class="md-nav__item">
  112. <a href="../getting-started/1-creating-tiles.html" class="md-nav__link">
  113. <span class="md-ellipsis">
  114. 1. Creating Tiles
  115. </span>
  116. </a>
  117. </li>
  118. <li class="md-nav__item">
  119. <a href="../getting-started/2-doorways.html" class="md-nav__link">
  120. <span class="md-ellipsis">
  121. 2. Doorways
  122. </span>
  123. </a>
  124. </li>
  125. <li class="md-nav__item">
  126. <a href="../getting-started/3-dungeon-flow.html" class="md-nav__link">
  127. <span class="md-ellipsis">
  128. 3. Dungeon Flow Basics
  129. </span>
  130. </a>
  131. </li>
  132. <li class="md-nav__item">
  133. <a href="../getting-started/4-scene-setup.html" class="md-nav__link">
  134. <span class="md-ellipsis">
  135. 4. Scene Setup & First Generation
  136. </span>
  137. </a>
  138. </li>
  139. </ul>
  140. </nav>
  141. </li>
  142. <li class="md-nav__item md-nav__item--active md-nav__item--nested">
  143. <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
  144. <div class="md-nav__link md-nav__container">
  145. <a href="index.html" class="md-nav__link ">
  146. <span class="md-ellipsis">
  147. Core Concepts
  148. </span>
  149. </a>
  150. <label class="md-nav__link " for="__nav_4" id="__nav_4_label" tabindex="0">
  151. <span class="md-nav__icon md-icon"></span>
  152. </label>
  153. </div>
  154. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
  155. <label class="md-nav__title" for="__nav_4">
  156. <span class="md-nav__icon md-icon"></span>
  157. Core Concepts
  158. </label>
  159. <ul class="md-nav__list" data-md-scrollfix>
  160. <li class="md-nav__item">
  161. <a href="tiles.html" class="md-nav__link">
  162. <span class="md-ellipsis">
  163. Tiles & Tile Component
  164. </span>
  165. </a>
  166. </li>
  167. <li class="md-nav__item">
  168. <a href="weighting.html" class="md-nav__link">
  169. <span class="md-ellipsis">
  170. Weighting
  171. </span>
  172. </a>
  173. </li>
  174. <li class="md-nav__item">
  175. <a href="tile-sets.html" class="md-nav__link">
  176. <span class="md-ellipsis">
  177. Tile Sets
  178. </span>
  179. </a>
  180. </li>
  181. <li class="md-nav__item">
  182. <a href="archetypes.html" class="md-nav__link">
  183. <span class="md-ellipsis">
  184. Archetypes
  185. </span>
  186. </a>
  187. </li>
  188. <li class="md-nav__item">
  189. <a href="doorways.html" class="md-nav__link">
  190. <span class="md-ellipsis">
  191. Doorways
  192. </span>
  193. </a>
  194. </li>
  195. <li class="md-nav__item">
  196. <a href="dungeon-flow.html" class="md-nav__link">
  197. <span class="md-ellipsis">
  198. Dungeon Flow Asset
  199. </span>
  200. </a>
  201. </li>
  202. <li class="md-nav__item md-nav__item--active">
  203. <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
  204. <label class="md-nav__link md-nav__link--active" for="__toc">
  205. <span class="md-ellipsis">
  206. Flow Editor
  207. </span>
  208. <span class="md-nav__icon md-icon"></span>
  209. </label>
  210. <a href="flow-editor.html" class="md-nav__link md-nav__link--active">
  211. <span class="md-ellipsis">
  212. Flow Editor
  213. </span>
  214. </a>
  215. <nav class="md-nav md-nav--secondary" aria-label="Table of contents">
  216. <label class="md-nav__title" for="__toc">
  217. <span class="md-nav__icon md-icon"></span>
  218. Table of contents
  219. </label>
  220. <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
  221. <li class="md-nav__item">
  222. <a href="#what-is-the-flow-editor" class="md-nav__link">
  223. <span class="md-ellipsis">
  224. What is the Flow Editor?
  225. </span>
  226. </a>
  227. </li>
  228. <li class="md-nav__item">
  229. <a href="#understanding-the-graph" class="md-nav__link">
  230. <span class="md-ellipsis">
  231. Understanding the Graph
  232. </span>
  233. </a>
  234. </li>
  235. <li class="md-nav__item">
  236. <a href="#interacting-with-the-flow-editor" class="md-nav__link">
  237. <span class="md-ellipsis">
  238. Interacting with the Flow Editor
  239. </span>
  240. </a>
  241. </li>
  242. <li class="md-nav__item">
  243. <a href="#configuring-nodes-and-lines" class="md-nav__link">
  244. <span class="md-ellipsis">
  245. Configuring Nodes and Lines
  246. </span>
  247. </a>
  248. <nav class="md-nav" aria-label="Configuring Nodes and Lines">
  249. <ul class="md-nav__list">
  250. <li class="md-nav__item">
  251. <a href="#selecting-a-node-start-goal-or-intermediate" class="md-nav__link">
  252. <span class="md-ellipsis">
  253. Selecting a Node (Start, Goal, or Intermediate)
  254. </span>
  255. </a>
  256. </li>
  257. <li class="md-nav__item">
  258. <a href="#selecting-a-line-segment" class="md-nav__link">
  259. <span class="md-ellipsis">
  260. Selecting a Line Segment
  261. </span>
  262. </a>
  263. </li>
  264. </ul>
  265. </nav>
  266. </li>
  267. <li class="md-nav__item">
  268. <a href="#example-multi-stage-dungeon" class="md-nav__link">
  269. <span class="md-ellipsis">
  270. Example: Multi-Stage Dungeon
  271. </span>
  272. </a>
  273. </li>
  274. <li class="md-nav__item">
  275. <a href="#why-use-the-flow-editor" class="md-nav__link">
  276. <span class="md-ellipsis">
  277. Why Use the Flow Editor?
  278. </span>
  279. </a>
  280. </li>
  281. </ul>
  282. </nav>
  283. </li>
  284. <li class="md-nav__item">
  285. <a href="dungeon-generator.html" class="md-nav__link">
  286. <span class="md-ellipsis">
  287. Dungeon Generator
  288. </span>
  289. </a>
  290. </li>
  291. </ul>
  292. </nav>
  293. </li>
  294. <li class="md-nav__item md-nav__item--nested">
  295. <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
  296. <div class="md-nav__link md-nav__container">
  297. <a href="../advanced-features/index.html" class="md-nav__link ">
  298. <span class="md-ellipsis">
  299. Advanced Features
  300. </span>
  301. </a>
  302. <label class="md-nav__link " for="__nav_5" id="__nav_5_label" tabindex="0">
  303. <span class="md-nav__icon md-icon"></span>
  304. </label>
  305. </div>
  306. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
  307. <label class="md-nav__title" for="__nav_5">
  308. <span class="md-nav__icon md-icon"></span>
  309. Advanced Features
  310. </label>
  311. <ul class="md-nav__list" data-md-scrollfix>
  312. <li class="md-nav__item">
  313. <a href="../advanced-features/props-variety.html" class="md-nav__link">
  314. <span class="md-ellipsis">
  315. Props for Variety
  316. </span>
  317. </a>
  318. </li>
  319. <li class="md-nav__item">
  320. <a href="../advanced-features/doors.html" class="md-nav__link">
  321. <span class="md-ellipsis">
  322. Doors
  323. </span>
  324. </a>
  325. </li>
  326. <li class="md-nav__item">
  327. <a href="../advanced-features/multiple-floors.html" class="md-nav__link">
  328. <span class="md-ellipsis">
  329. Multiple Floors
  330. </span>
  331. </a>
  332. </li>
  333. <li class="md-nav__item">
  334. <a href="../advanced-features/lock-key-system.html" class="md-nav__link">
  335. <span class="md-ellipsis">
  336. Lock & Key System
  337. </span>
  338. </a>
  339. </li>
  340. <li class="md-nav__item">
  341. <a href="../advanced-features/injecting-tiles.html" class="md-nav__link">
  342. <span class="md-ellipsis">
  343. Injecting Special Tiles
  344. </span>
  345. </a>
  346. </li>
  347. <li class="md-nav__item">
  348. <a href="../advanced-features/connection-rules.html" class="md-nav__link">
  349. <span class="md-ellipsis">
  350. Tile Connection Rules
  351. </span>
  352. </a>
  353. </li>
  354. <li class="md-nav__item">
  355. <a href="../advanced-features/attached-dungeons.html" class="md-nav__link">
  356. <span class="md-ellipsis">
  357. Generating Attached Dungeons
  358. </span>
  359. </a>
  360. </li>
  361. <li class="md-nav__item">
  362. <a href="../advanced-features/additional-collisions.html" class="md-nav__link">
  363. <span class="md-ellipsis">
  364. Avoid Collisions With the Scene
  365. </span>
  366. </a>
  367. </li>
  368. <li class="md-nav__item">
  369. <a href="../advanced-features/runtime-events.html" class="md-nav__link">
  370. <span class="md-ellipsis">
  371. Runtime Events & Code Execution
  372. </span>
  373. </a>
  374. </li>
  375. <li class="md-nav__item">
  376. <a href="../advanced-features/post-processing.html" class="md-nav__link">
  377. <span class="md-ellipsis">
  378. Custom Post-Processing
  379. </span>
  380. </a>
  381. </li>
  382. <li class="md-nav__item">
  383. <a href="../advanced-features/character-component.html" class="md-nav__link">
  384. <span class="md-ellipsis">
  385. DunGen Character Component
  386. </span>
  387. </a>
  388. </li>
  389. </ul>
  390. </nav>
  391. </li>
  392. <li class="md-nav__item md-nav__item--nested">
  393. <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
  394. <div class="md-nav__link md-nav__container">
  395. <a href="../optimization/index.html" class="md-nav__link ">
  396. <span class="md-ellipsis">
  397. Optimization
  398. </span>
  399. </a>
  400. <label class="md-nav__link " for="__nav_6" id="__nav_6_label" tabindex="0">
  401. <span class="md-nav__icon md-icon"></span>
  402. </label>
  403. </div>
  404. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
  405. <label class="md-nav__title" for="__nav_6">
  406. <span class="md-nav__icon md-icon"></span>
  407. Optimization
  408. </label>
  409. <ul class="md-nav__list" data-md-scrollfix>
  410. <li class="md-nav__item">
  411. <a href="../optimization/culling.html" class="md-nav__link">
  412. <span class="md-ellipsis">
  413. Built-in Culling
  414. </span>
  415. </a>
  416. </li>
  417. <li class="md-nav__item">
  418. <a href="../optimization/tile-pooling.html" class="md-nav__link">
  419. <span class="md-ellipsis">
  420. Tile Pooling
  421. </span>
  422. </a>
  423. </li>
  424. </ul>
  425. </nav>
  426. </li>
  427. <li class="md-nav__item md-nav__item--nested">
  428. <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_7" >
  429. <div class="md-nav__link md-nav__container">
  430. <a href="../pathfinding/index.html" class="md-nav__link ">
  431. <span class="md-ellipsis">
  432. Pathfinding
  433. </span>
  434. </a>
  435. <label class="md-nav__link " for="__nav_7" id="__nav_7_label" tabindex="0">
  436. <span class="md-nav__icon md-icon"></span>
  437. </label>
  438. </div>
  439. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_7_label" aria-expanded="false">
  440. <label class="md-nav__title" for="__nav_7">
  441. <span class="md-nav__icon md-icon"></span>
  442. Pathfinding
  443. </label>
  444. <ul class="md-nav__list" data-md-scrollfix>
  445. <li class="md-nav__item">
  446. <a href="../pathfinding/unity-navmesh.html" class="md-nav__link">
  447. <span class="md-ellipsis">
  448. Unity NavMesh Components
  449. </span>
  450. </a>
  451. </li>
  452. <li class="md-nav__item">
  453. <a href="../pathfinding/astar-pathfinding.html" class="md-nav__link">
  454. <span class="md-ellipsis">
  455. A* Pathfinding Project Pro
  456. </span>
  457. </a>
  458. </li>
  459. <li class="md-nav__item">
  460. <a href="../pathfinding/custom-adapters.html" class="md-nav__link">
  461. <span class="md-ellipsis">
  462. Custom Adapters
  463. </span>
  464. </a>
  465. </li>
  466. </ul>
  467. </nav>
  468. </li>
  469. <li class="md-nav__item md-nav__item--nested">
  470. <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_8" >
  471. <div class="md-nav__link md-nav__container">
  472. <a href="../integrations/index.html" class="md-nav__link ">
  473. <span class="md-ellipsis">
  474. Integrations
  475. </span>
  476. </a>
  477. <label class="md-nav__link " for="__nav_8" id="__nav_8_label" tabindex="0">
  478. <span class="md-nav__icon md-icon"></span>
  479. </label>
  480. </div>
  481. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_8_label" aria-expanded="false">
  482. <label class="md-nav__title" for="__nav_8">
  483. <span class="md-nav__icon md-icon"></span>
  484. Integrations
  485. </label>
  486. <ul class="md-nav__list" data-md-scrollfix>
  487. <li class="md-nav__item">
  488. <a href="../integrations/sectr.html" class="md-nav__link">
  489. <span class="md-ellipsis">
  490. SECTR Portal Culling
  491. </span>
  492. </a>
  493. </li>
  494. <li class="md-nav__item">
  495. <a href="../integrations/playmaker.html" class="md-nav__link">
  496. <span class="md-ellipsis">
  497. PlayMaker Actions
  498. </span>
  499. </a>
  500. </li>
  501. </ul>
  502. </nav>
  503. </li>
  504. <li class="md-nav__item md-nav__item--nested">
  505. <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_9" >
  506. <div class="md-nav__link md-nav__container">
  507. <a href="../troubleshooting/index.html" class="md-nav__link ">
  508. <span class="md-ellipsis">
  509. Troubleshooting
  510. </span>
  511. </a>
  512. <label class="md-nav__link " for="__nav_9" id="__nav_9_label" tabindex="0">
  513. <span class="md-nav__icon md-icon"></span>
  514. </label>
  515. </div>
  516. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_9_label" aria-expanded="false">
  517. <label class="md-nav__title" for="__nav_9">
  518. <span class="md-nav__icon md-icon"></span>
  519. Troubleshooting
  520. </label>
  521. <ul class="md-nav__list" data-md-scrollfix>
  522. <li class="md-nav__item">
  523. <a href="../troubleshooting/limitations.html" class="md-nav__link">
  524. <span class="md-ellipsis">
  525. Limitations & Considerations
  526. </span>
  527. </a>
  528. </li>
  529. <li class="md-nav__item">
  530. <a href="../troubleshooting/analysis.html" class="md-nav__link">
  531. <span class="md-ellipsis">
  532. Analysis
  533. </span>
  534. </a>
  535. </li>
  536. </ul>
  537. </nav>
  538. </li>
  539. <li class="md-nav__item md-nav__item--nested">
  540. <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_10" >
  541. <label class="md-nav__link" for="__nav_10" id="__nav_10_label" tabindex="0">
  542. <span class="md-ellipsis">
  543. Reference
  544. </span>
  545. <span class="md-nav__icon md-icon"></span>
  546. </label>
  547. <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_10_label" aria-expanded="false">
  548. <label class="md-nav__title" for="__nav_10">
  549. <span class="md-nav__icon md-icon"></span>
  550. Reference
  551. </label>
  552. <ul class="md-nav__list" data-md-scrollfix>
  553. <li class="md-nav__item">
  554. <a href="../reference/faq.html" class="md-nav__link">
  555. <span class="md-ellipsis">
  556. FAQ
  557. </span>
  558. </a>
  559. </li>
  560. <li class="md-nav__item">
  561. <a href="../reference/cookbook.html" class="md-nav__link">
  562. <span class="md-ellipsis">
  563. Cookbook
  564. </span>
  565. </a>
  566. </li>
  567. </ul>
  568. </nav>
  569. </li>
  570. </ul>
  571. </nav>
  572. </div>
  573. </div>
  574. </div>
  575. <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
  576. <div class="md-sidebar__scrollwrap">
  577. <div class="md-sidebar__inner">
  578. <nav class="md-nav md-nav--secondary" aria-label="Table of contents">
  579. <label class="md-nav__title" for="__toc">
  580. <span class="md-nav__icon md-icon"></span>
  581. Table of contents
  582. </label>
  583. <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
  584. <li class="md-nav__item">
  585. <a href="#what-is-the-flow-editor" class="md-nav__link">
  586. <span class="md-ellipsis">
  587. What is the Flow Editor?
  588. </span>
  589. </a>
  590. </li>
  591. <li class="md-nav__item">
  592. <a href="#understanding-the-graph" class="md-nav__link">
  593. <span class="md-ellipsis">
  594. Understanding the Graph
  595. </span>
  596. </a>
  597. </li>
  598. <li class="md-nav__item">
  599. <a href="#interacting-with-the-flow-editor" class="md-nav__link">
  600. <span class="md-ellipsis">
  601. Interacting with the Flow Editor
  602. </span>
  603. </a>
  604. </li>
  605. <li class="md-nav__item">
  606. <a href="#configuring-nodes-and-lines" class="md-nav__link">
  607. <span class="md-ellipsis">
  608. Configuring Nodes and Lines
  609. </span>
  610. </a>
  611. <nav class="md-nav" aria-label="Configuring Nodes and Lines">
  612. <ul class="md-nav__list">
  613. <li class="md-nav__item">
  614. <a href="#selecting-a-node-start-goal-or-intermediate" class="md-nav__link">
  615. <span class="md-ellipsis">
  616. Selecting a Node (Start, Goal, or Intermediate)
  617. </span>
  618. </a>
  619. </li>
  620. <li class="md-nav__item">
  621. <a href="#selecting-a-line-segment" class="md-nav__link">
  622. <span class="md-ellipsis">
  623. Selecting a Line Segment
  624. </span>
  625. </a>
  626. </li>
  627. </ul>
  628. </nav>
  629. </li>
  630. <li class="md-nav__item">
  631. <a href="#example-multi-stage-dungeon" class="md-nav__link">
  632. <span class="md-ellipsis">
  633. Example: Multi-Stage Dungeon
  634. </span>
  635. </a>
  636. </li>
  637. <li class="md-nav__item">
  638. <a href="#why-use-the-flow-editor" class="md-nav__link">
  639. <span class="md-ellipsis">
  640. Why Use the Flow Editor?
  641. </span>
  642. </a>
  643. </li>
  644. </ul>
  645. </nav>
  646. </div>
  647. </div>
  648. </div>
  649. <div class="md-content" data-md-component="content">
  650. <article class="md-content__inner md-typeset">
  651. <h1 id="core-concepts-flow-editor">Core Concepts: Flow Editor</h1>
  652. <h2 id="what-is-the-flow-editor">What is the Flow Editor?</h2>
  653. <p>The <strong>Flow Editor</strong> is the visual graph interface associated with a <a href="dungeon-flow.html">Dungeon Flow Asset</a>. It provides a graphical way to define the high-level structure and sequence of the dungeon's <strong>main path</strong>.</p>
  654. <p>You access it by selecting a Dungeon Flow asset in your Project view and clicking the <strong>"Open Flow Editor"</strong> button in the Inspector.</p>
  655. <figure>
  656. <p><img alt="Default Dungeon Flow" src="../assets/images/core-concepts/dungeon-flow-default.png" /></p>
  657. <figcaption>
  658. <p>Default dungeon flow</p>
  659. </figcaption>
  660. </figure>
  661. <hr />
  662. <h2 id="understanding-the-graph">Understanding the Graph</h2>
  663. <p>The graph represents the intended progression through your dungeon's critical path:</p>
  664. <ul>
  665. <li><strong>Nodes (Boxes):</strong> Represent specific, single tile placements along the main path.<ul>
  666. <li><strong>Start Node (Red):</strong> The fixed starting point of the dungeon. The first tile generated.</li>
  667. <li><strong>Goal Node (Green):</strong> The fixed endpoint of the main path. The last tile generated.</li>
  668. <li><strong>Intermediate Nodes (White):</strong> Optional nodes you can add to create distinct milestones within the dungeon flow.</li>
  669. </ul>
  670. </li>
  671. <li><strong>Line Segments (Lines):</strong> Represent the sequence of tiles generated <em>between</em> two connected nodes. The actual number of tiles in a segment depends on the overall dungeon <code>Length</code> (set in the Dungeon Flow asset) and the relative visual length of the segments in the editor.</li>
  672. </ul>
  673. <hr />
  674. <h2 id="interacting-with-the-flow-editor">Interacting with the Flow Editor</h2>
  675. <ul>
  676. <li><strong>Selecting Elements:</strong> Click on a Node or a Line Segment in the graph. The Unity Inspector window will update to show the configuration options specific to that selected element.</li>
  677. <li><strong>Adding Nodes:</strong> Right-click anywhere along a Line Segment. This will insert a new <strong>Intermediate Node</strong> at that point.</li>
  678. <li><strong>Splitting Lines:</strong> Right-click anywhere along a Line Segment. This will <strong>split the segment</strong> at that point. This is how you create more complex flows with multiple distinct sections.</li>
  679. </ul>
  680. <figure>
  681. <p><img alt="Adding a Node" src="../assets/images/core-concepts/flow-graph-add-node.png" /></p>
  682. <figcaption>
  683. <p>Right-clicking to add a new node or split a line</p>
  684. </figcaption>
  685. </figure>
  686. <hr />
  687. <h2 id="configuring-nodes-and-lines">Configuring Nodes and Lines</h2>
  688. <p>The real power comes from configuring what happens at each stage:</p>
  689. <h3 id="selecting-a-node-start-goal-or-intermediate">Selecting a Node (Start, Goal, or Intermediate)</h3>
  690. <p>When a Node is selected, the Inspector allows you to configure:</p>
  691. <ul>
  692. <li><strong>Label:</strong> A cosmetic name for the node in the editor (doesn't affect generation).</li>
  693. <li><strong>Tile Sets:</strong> Assign one or more <a href="tile-sets.html">Tile Sets</a> here. DunGen will randomly select a single tile from <em>one</em> of these assigned sets to place at this specific node location.</li>
  694. <li><strong>Straighten Chance:</strong> An optional override to determine how much the path should be straightened. If the checkbox is unchecked, the default setting is used from the <a href="dungeon-flow.html#path-straightening">Dungeon Flow Asset</a></li>
  695. <li><strong>Keys / Locks:</strong> Assign specific Keys or Locks to be placed <em>within</em> this single node tile. (Requires <a href="../advanced-features/lock-key-system.html">Lock &amp; Key System</a> setup).</li>
  696. <li><strong>Lock Placement:</strong> (Nodes only) Specify <em>where</em> on the node's tile a lock should be placed (e.g., only on its entrance doorway).</li>
  697. </ul>
  698. <h3 id="selecting-a-line-segment">Selecting a Line Segment</h3>
  699. <p>When a Line Segment is selected, the Inspector allows you to configure:</p>
  700. <ul>
  701. <li><strong>Archetypes:</strong> Assign one or more <a href="archetypes.html">Archetypes</a> here. DunGen will use the rules (branching, Tile Sets specified <em>within</em> the Archetype) defined in one of the assigned Archetypes to generate the sequence of tiles along this segment. If multiple Archetypes are listed, one is chosen randomly <em>per segment</em>.</li>
  702. <li><strong>Keys / Locks:</strong> Assign Keys or Locks to be placed <em>randomly</em> somewhere along the tiles generated for this line segment. (Requires <a href="../advanced-features/lock-key-system.html">Lock &amp; Key System</a> setup).</li>
  703. <li><strong>Count:</strong> (Locks on Lines only) Specify how many instances of the listed lock type should be placed along this segment.</li>
  704. </ul>
  705. <hr />
  706. <h2 id="example-multi-stage-dungeon">Example: Multi-Stage Dungeon</h2>
  707. <p>By adding intermediate nodes, you can create flows like this:</p>
  708. <figure>
  709. <p><img alt="Adding a Node" src="../assets/images/core-concepts/dungeon-flow-basic-sample.png" /></p>
  710. <figcaption>
  711. <p>Multi-Stage dungeon flow</p>
  712. </figcaption>
  713. </figure>
  714. <p>This graph tells DunGen:</p>
  715. <ol>
  716. <li>Start with a tile from the "Start" Node's Tile Set(s).</li>
  717. <li>Generate a sequence of tiles using the rules from the first Line Segment's Archetype(s).</li>
  718. <li>Place a specific tile from the "MiniBoss" Node's Tile Set(s).</li>
  719. <li>Generate the next sequence using the second Line Segment's Archetype(s).</li>
  720. <li>Place a specific tile from the "Boss" Node's Tile Set(s).</li>
  721. <li>Place the final tile from the "Goal" Node's Tile Set(s).</li>
  722. </ol>
  723. <hr />
  724. <h2 id="why-use-the-flow-editor">Why Use the Flow Editor?</h2>
  725. <p>The Flow Editor provides a clear, visual way to:</p>
  726. <ul>
  727. <li>Define the overall progression of your dungeon's main path.</li>
  728. <li>Break the dungeon into distinct sections with different themes or rules (using different Archetypes on lines).</li>
  729. <li>Place specific "milestone" rooms or tiles at key points (using Nodes).</li>
  730. <li>Integrate systems like Locks &amp; Keys at specific structural points.</li>
  731. </ul>
  732. <p>It translates your high-level design intent into concrete instructions for the DunGen generator.</p>
  733. </article>
  734. </div>
  735. <script>var tabs=__md_get("__tabs");if(Array.isArray(tabs))e:for(var set of document.querySelectorAll(".tabbed-set")){var labels=set.querySelector(".tabbed-labels");for(var tab of tabs)for(var label of labels.getElementsByTagName("label"))if(label.innerText.trim()===tab){var input=document.getElementById(label.htmlFor);input.checked=!0;continue e}}</script>
  736. <script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
  737. </div>
  738. <button type="button" class="md-top md-icon" data-md-component="top" hidden>
  739. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
  740. Back to top
  741. </button>
  742. </main>
  743. <footer class="md-footer">
  744. <nav class="md-footer__inner md-grid" aria-label="Footer" >
  745. <a href="dungeon-flow.html" class="md-footer__link md-footer__link--prev" aria-label="Previous: Dungeon Flow Asset">
  746. <div class="md-footer__button md-icon">
  747. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
  748. </div>
  749. <div class="md-footer__title">
  750. <span class="md-footer__direction">
  751. Previous
  752. </span>
  753. <div class="md-ellipsis">
  754. Dungeon Flow Asset
  755. </div>
  756. </div>
  757. </a>
  758. <a href="dungeon-generator.html" class="md-footer__link md-footer__link--next" aria-label="Next: Dungeon Generator">
  759. <div class="md-footer__title">
  760. <span class="md-footer__direction">
  761. Next
  762. </span>
  763. <div class="md-ellipsis">
  764. Dungeon Generator
  765. </div>
  766. </div>
  767. <div class="md-footer__button md-icon">
  768. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
  769. </div>
  770. </a>
  771. </nav>
  772. <div class="md-footer-meta md-typeset">
  773. <div class="md-footer-meta__inner md-grid">
  774. <div class="md-copyright">
  775. <div class="md-copyright__highlight">
  776. Copyright &copy; Aegon Games Ltd.
  777. </div>
  778. Made with
  779. <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
  780. Material for MkDocs
  781. </a>
  782. </div>
  783. </div>
  784. </div>
  785. </footer>
  786. </div>
  787. <div class="md-dialog" data-md-component="dialog">
  788. <div class="md-dialog__inner md-typeset"></div>
  789. </div>
  790. <script id="__config" type="application/json">{"base": "..", "features": ["content.code.annotate", "content.code.copy", "content.tabs.link", "announce.dismiss", "header.autohide", "navigation.footer", "navigation.indexes", "navigation.top", "navigation.tracking"], "search": "../assets/javascripts/workers/search.f8cc74c7.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": null}</script>
  791. <script src="../assets/javascripts/bundle.c8b220af.min.js"></script>
  792. </body>
  793. </html>