30:T54b,css = html` `31:T1958,story = [ { scene: 0, img: await FileAttachment("Panel 1@1.png").url(), text: 'Douglas is in bed. It is morning.', wide: '310px', choices: [ { id: 1, label: "Eat quickly before heading out.", gotoScene: 1 }, { id: 2, label: "Stay in bed a bit longer.", gotoScene: 2 } ] }, { scene: 1, img: await FileAttachment("Panel 2a.png").url(), wide: '310px', choices: [ { id: 3, label: "Get going for work.", gotoScene: 3 } ] }, { scene: 2, img: await FileAttachment("Panel 2b@2.png").url(), wide: '310px', choices: [ { id: 5, label: "Get going for work.", gotoScene: 3 } ] }, { scene: 3, img: await FileAttachment("Panel 3a.png").url(), wide: '310px', choices: [ { id: 8, label: "Leave the apartment and start walking.", gotoScene: 4 } ] }, { scene: 4, img: await FileAttachment("Panel 4.png").url(), wide: '310px', choices: [ { id: 8, label: "Duck into an alleyway for shelter.", gotoScene: 6 }, { id: 10, label: "Take a shortcut.", gotoScene: 8 } ] }, { scene: 5, img: await FileAttachment("Panel 3c MOCKUP@1.jpg").url(), wide: '310px', choices: [ { id: 8, label: "Duck into an alleyway for shelter.", gotoScene: 6 }, { id: 10, label: "Try to fix the umbrella.", gotoScene: 8 } ] }, { scene: 6, img: await FileAttachment("Panel 5a@2.png").url(), wide: '310px', choices: [ { id: 11, label: "Ignore the stranger.", gotoScene: 9 }, { id: 12, label: "Talk to the stranger.", gotoScene: 9 } ] }, { scene: 7, img: await FileAttachment("Panel 5b@1.png").url(), wide: '310px', choices: [ { id: 13, label: "Take a shortcut.", gotoScene: 8 }, { id: 14, label: "Run to work.", gotoScene: 11 } ] }, { scene: 8, img: await FileAttachment("Panel 5c.png").url(), wide: '310px', choices: [ { id: 13, label: "Doug decides he's already late enough to work. Try to pet the dog!", gotoScene: 10 }, { id: 14, label: "The dog probably has rabies!", gotoScene: 10 } ] }, { scene: 9, img: await FileAttachment("Panel 6b.png").url(), wide: '310px', choices: [ { id: 15, label: "Agree, and ask what the favor entails.", gotoScene: 15 }, { id: 17, label: "Politely decline.", gotoScene: 16 } ] }, { scene: 10, img: await FileAttachment("panel 6a@3.png").url(), wide: '310px', choices: [ { id: 17, label: "Call the dog's owner.", gotoScene: 12 }, { id: 17, label: "Ask the dog about, well, it talking and everything.", gotoScene: 13 }, { id: 18, label: "Offer to join the dog's self-care journey.", gotoScene: 14 } ] }, { scene: 11, img: await FileAttachment("Panel 5c.png").url(), wide: '310px', choices: [ { id: 19, label: "Option 3 TBA", gotoScene: 14 }, { id: 17, label: "option 1 TBA", gotoScene: 12 }, { id: 20, label: "Option 4 TBA", gotoScene: 15 } ] }, { scene: 12, img: await FileAttachment("Panel 7a.png").url(), wide: '310px', choices: [ { id: 19, label: "Look for the owner's info to call.", gotoScene: 24 } ] }, { scene: 13, img: await FileAttachment("Panel 7b.png").url(), wide: '310px', choices: [ { id: 19, label: "Decide to walk with the dog for a bit.", gotoScene: 17 } ] }, { scene: 14, img: await FileAttachment("Panel 7c@1.png").url(), wide: '310px', choices: [ { id: 19, label: "Work wasn't really joy-inspiring, anyway.", gotoScene: 17 } ] }, { scene: 15, img: await FileAttachment("Panel 7d.png").url(), wide: '310px', choices: [ { id: 19, label: "Explain finances.", gotoScene: 19 } ] }, { scene: 16, img: await FileAttachment("Panel 7e@1.png").url(), wide: '310px', choices: [ { id: 20, label: "Explain the futility of said curse.", gotoScene: 20 } ] }, { scene: 17, img: await FileAttachment("Panel 8a.png").url(), wide: '310px', choices: [ { id: 22, label: "Continue together...", gotoScene: 21 } ] }, { scene: 18, img: await FileAttachment("Panel 8a.png").url(), wide: '310px', choices: [ { id: 24, label: "option 1 TBA", gotoScene: 20 }, { id: 25, label: "option 2 TBA", gotoScene: 22 } ] }, { scene: 19, img: await FileAttachment("Panel 8e.png").url(), wide: '310px', choices: [ { id: 26, label: "Continue the kvetching.", gotoScene: 22 } ] }, { scene: 20, img: await FileAttachment("Panel 8b.png").url(), wide: '310px', choices: [ { id: 26, label: "Continue the discussion.", gotoScene: 23 } ] }, { scene: 21, img: await FileAttachment("Panel 9a.png").url(), wide: '310px', choices: [] }, { scene: 22, img: await FileAttachment("Panel 9c.png").url(), wide: '310px', choices: [] }, { scene: 23, img: await FileAttachment("Panel 9b.png").url(), wide: '310px', choices: [] }, { scene: 24, img: await FileAttachment("Panel 8f.png").url(), wide: '310px', choices: [ { id: 26, label: "Commiserate about Donna.", gotoScene: 25 } ] }, { scene: 25, img: await FileAttachment("Panel 9d.png").url(), wide: '310px', choices: [] } ]32:T930,md`# Story Layout/Schematic: First Panel: Only one option, and one drawing. Second Panel (#1 and #2): Two potential panels, and two drawings. These each then link to two potential options, totaling four options. But two of these options spit out the same panel result. Third Panel (#1, #2, and #3): Three potential panels, and three drawings. Each of these three options has two options it links to, resulting in six different variants, but there are only three potential panels (three choices link to the same panel). Fourth Panel (#1, #2, and #3): Each of the three potential images for panel number four will have two options, resulting in six total potential choices to be made. However, three of them link to the same panel drawing, which means there are only three potential routes to go. Fifth Panel (#1, #2, and #3): Each of the three potential images for panel number five will have three options, resulting in nine potential different images. But, as before, not all of these will be distinct – in fact, only four will. Sixth Panel (#1, #2, #3, and #4): Each of these four potential images for panel number six will have only one option. As in, there is only one way to go in each choice. Seventh Panel (#1, #2, #3, and #4): Finally, the return of choices! Each of the four potential panels for the seventh panel will span two potential choices, totaling eight possible choices to be made. However, some of these choices will spawn the same result, and in actuality there are only three options that will prompt a different image to appear. Eighth Panel (#1, #2, and #3): Three potential panels, and each will have three different options, resulting in nine different potential variants for the subsequent ninth panel. Ninth Panel (#1, #2, #3, #4, #5, #6, #7, #8, #9): There are nine potential endings to the story. That is, in total: 32 distinct panels for me to draw, as those are the various different iterations for the story itself. That sounds like a lot, but I’m planning on using a relatively simplistic/abstract style with a limited color palette, and some of the potential choices might not differ too dramatically from the others. The story will follow a vague three-act structure, with three rows of three panels – so the first row will be Act 1, the second row Act 2, and the third and final row Act 3. `33:T908,md`# Beginning panel summaries (not yet complete): A Day for Douglas First Panel: Douglas is in bed. The subsequent options are: "Stay in bed" or "Get up for work." Second Panel (“stay in bed” variant): Douglas stays in bed too long and realizes he’s late for work. The subsequent options are: "Eat quickly before heading out" or "Leave right away." Second Panel (“get up for work” variant): Douglas gets up for work. He gets dressed, too. The subsequent options are: "Leave right away" or "Check the weather report". Third Panel (“leave right away” variant): Douglas leaves the house and is immediately trapped in a massive rainstorm. He realizes he will be soaked upon arriving at the office. The subsequent options are: "Go to work like this" or "Duck into an alleyway for shelter". Third Panel (“eat quickly before heading out” variant): Douglas quickly eats a bowl of cereal and realizes it is raining outside, so he grabs an umbrella before he heads out. But the rain is too strong and his umbrella flips inside-out. The subsequent options are: "Duck into an alleyway for shelter" or "Try to fix the umbrella". Third Panel (“check the weather report” variant): The weather report forecasts heavy rain, so Douglas brings a sturdy umbrella and a rain-jacket. Still, as he steps out, the umbrella starts to fail. The subsequent options are: "Go to work like this" or "Try to fix the umbrella". Fourth Panel (“duck into an alleyway” variant): Douglas ducks into an alleyway, hoping the rain will offer shelter – there’s someone else there with the same idea. Doug realizes he can cut through this alley as a possible shortcut to work. The subsequent options are: "Take a shortcut" or "Talk to the stranger". Fourth Panel (“go to work like this” variant): Doug decides he’ll just make it work and get to work as soon as possible. The subsequent options are: "Run to work" or "Take a shortcut". Fourth Panel (“try to fix the umbrella” variant): Doug tries to flip the umbrella right-side out. He’s not totally soaked, so there might be saving this yet. As he does, he notices a stranger in a nearby alleyway who might be able to help, but that seems a little sketchy for Doug’s taste. The subsequent options are: "Talk to stranger" or "Run to work".`34:[{"id":"389e53b9c132d01b31406bb9e92943516b1509a0d04449f2ef9fb64f52fee98231af64ac138db399d8fb988395578369c47b24d603261843e1fb19cd7bd53f02","href":"https://static.observableusercontent.com/files/389e53b9c132d01b31406bb9e92943516b1509a0d04449f2ef9fb64f52fee98231af64ac138db399d8fb988395578369c47b24d603261843e1fb19cd7bd53f02","name":"image1 smaller.jpg","type":"image/jpeg","lastModified":1616427531747.426,"size":442959},{"id":"9c4060e4d461ffdc9977a29945d8fbc8d0b7d680b6b4c335181b1b843d51d38c37bf2ba91e90a0de973f5ad9015bb4ac1e3e057a6afb0a1541ac9368352f3f45","href":"https://static.observableusercontent.com/files/9c4060e4d461ffdc9977a29945d8fbc8d0b7d680b6b4c335181b1b843d51d38c37bf2ba91e90a0de973f5ad9015bb4ac1e3e057a6afb0a1541ac9368352f3f45","name":"image2@1.jpg","type":"image/jpeg","lastModified":1616427531747.426,"size":452566},{"id":"7e05b8402ebc0930df4e0fbe11a12afde78a87ea23acd6974b1ec87677af1819e0cd9418ab9ef2b45630e894d545e360647d5dae1722d5b9687c8c75f1590342","href":"https://static.observableusercontent.com/files/7e05b8402ebc0930df4e0fbe11a12afde78a87ea23acd6974b1ec87677af1819e0cd9418ab9ef2b45630e894d545e360647d5dae1722d5b9687c8c75f1590342","name":"image3@1.jpg","type":"image/jpeg","lastModified":1616427531747.426,"size":457496},{"id":"f3a398691304f0ea3f0ce2a96fa5681726c95b15b6dadd03d15c633ce87a35cbc4ae7b7753bc8ee8dfb2366168fd90cd14b2ecd316acb180c59bd57142aa1fc7","href":"https://static.observableusercontent.com/files/f3a398691304f0ea3f0ce2a96fa5681726c95b15b6dadd03d15c633ce87a35cbc4ae7b7753bc8ee8dfb2366168fd90cd14b2ecd316acb180c59bd57142aa1fc7","name":"Panel 7d.png","type":"image/png","lastModified":1618845782869.156,"size":36630},{"id":"7da95b3213b441056042d910573c3b61da56ef3170bc37661b512119b793b3ddc5b9188c044c11b1ae44df1cf938929f172791f1be4bbbd7a63defacdd62c090","href":"https://static.observableusercontent.com/files/7da95b3213b441056042d910573c3b61da56ef3170bc37661b512119b793b3ddc5b9188c044c11b1ae44df1cf938929f172791f1be4bbbd7a63defacdd62c090","name":"Panel 6b.png","type":"image/png","lastModified":1618845782869.156,"size":50789},{"id":"c6bcdbff629ee29e62f70214e8dd4d36921a0550717a927e7834cb7c0ac9b14913fb9adb5f2779e23d74a2a2bca075be46578187abab730910293545559cc62d","href":"https://static.observableusercontent.com/files/c6bcdbff629ee29e62f70214e8dd4d36921a0550717a927e7834cb7c0ac9b14913fb9adb5f2779e23d74a2a2bca075be46578187abab730910293545559cc62d","name":"Panel 9d.png","type":"image/png","lastModified":1618845782869.156,"size":58420},{"id":"5679a38ecc3575ab21c54fd0e3f2cc910af7bccc8bfc44313a12f51c484e93363432baeb25ca90e989918fa3746e01826a209478d1f548355d983f93c3079210","href":"https://static.observableusercontent.com/files/5679a38ecc3575ab21c54fd0e3f2cc910af7bccc8bfc44313a12f51c484e93363432baeb25ca90e989918fa3746e01826a209478d1f548355d983f93c3079210","name":"Panel 8f.png","type":"image/png","lastModified":1618845782869.156,"size":31277},{"id":"4b42bd77918e21a498e5e1a9473d0e53c70c89b7c9080399a585cb8d7285ffbd12825f93f359d0da933c852c2548fe7db948d75d9cbd22d2e6f0b4f8515fd039","href":"https://static.observableusercontent.com/files/4b42bd77918e21a498e5e1a9473d0e53c70c89b7c9080399a585cb8d7285ffbd12825f93f359d0da933c852c2548fe7db948d75d9cbd22d2e6f0b4f8515fd039","name":"Panel 9c.png","type":"image/png","lastModified":1618845782869.156,"size":63275},{"id":"4fb86130f3ed862aac6b818686cbaf1cd216f33881d40136959a1ea78162131ad01938e7c11b97247bcc568ce5cdcf022928c6a0da993f092158ccc31591b873","href":"https://static.observableusercontent.com/files/4fb86130f3ed862aac6b818686cbaf1cd216f33881d40136959a1ea78162131ad01938e7c11b97247bcc568ce5cdcf022928c6a0da993f092158ccc31591b873","name":"Panel 8e.png","type":"image/png","lastModified":1618845782869.156,"size":43813},{"id":"3d12a8c1faff06f67c10c45e9b2ea9fd1fe2b33f7c89cfa8cbf148654257b1af137b2c2fb62864536ba33d8f1429c2cbbb91075fd5d2d71c2adbe6c64ce0a25e","href":"https://static.observableusercontent.com/files/3d12a8c1faff06f67c10c45e9b2ea9fd1fe2b33f7c89cfa8cbf148654257b1af137b2c2fb62864536ba33d8f1429c2cbbb91075fd5d2d71c2adbe6c64ce0a25e","name":"Panel 9b.png","type":"image/png","lastModified":1618845782869.156,"size":63186},{"id":"e38bb361de02453d2e62098f096bb237b9ae587ea06082b39c635000915d95a7303d873e9ad6d13081bda507af66ee43949c16232673f0a3fa0c567f76ccc17c","href":"https://static.observableusercontent.com/files/e38bb361de02453d2e62098f096bb237b9ae587ea06082b39c635000915d95a7303d873e9ad6d13081bda507af66ee43949c16232673f0a3fa0c567f76ccc17c","name":"Panel 8b.png","type":"image/png","lastModified":1618845782869.156,"size":43249},{"id":"193e44806a761fd678c8fad72c474ba13dddea79cf2c1f43c54b431aab031c985cc0ab71be57641b9ac9db2108b00c289566f612e9078f8b1b60841027f5d4e9","href":"https://static.observableusercontent.com/files/193e44806a761fd678c8fad72c474ba13dddea79cf2c1f43c54b431aab031c985cc0ab71be57641b9ac9db2108b00c289566f612e9078f8b1b60841027f5d4e9","name":"Panel 7e@1.png","type":"image/png","lastModified":1618845782869.156,"size":31541},{"id":"fc569f688d4c05ed8ad099df8424ff60588615294e65ecf18163685210d69692c44829461f10826f085c52ce900ea57978eba888eff399a73262af522fb4e84f","href":"https://static.observableusercontent.com/files/fc569f688d4c05ed8ad099df8424ff60588615294e65ecf18163685210d69692c44829461f10826f085c52ce900ea57978eba888eff399a73262af522fb4e84f","name":"Panel 8a.png","type":"image/png","lastModified":1618845782869.156,"size":32489},{"id":"0b9adfdd57fe0abfb223d80263803c48d441d90764d41e4af00f8cc6058dbb97ed41858e9aef58046348476fa5ce910313b7c75c9bc5588a67b330cb4388e224","href":"https://static.observableusercontent.com/files/0b9adfdd57fe0abfb223d80263803c48d441d90764d41e4af00f8cc6058dbb97ed41858e9aef58046348476fa5ce910313b7c75c9bc5588a67b330cb4388e224","name":"Panel 7c@1.png","type":"image/png","lastModified":1618845782869.156,"size":47054},{"id":"aa19f5261fe2a369e555c61a9a28fb88c4f33e051168b51eaadb1eddd8c13883bbf222e19c077bba15c06025bba1b0736e2df73779ae1e4a19a49913efcf5e44","href":"https://static.observableusercontent.com/files/aa19f5261fe2a369e555c61a9a28fb88c4f33e051168b51eaadb1eddd8c13883bbf222e19c077bba15c06025bba1b0736e2df73779ae1e4a19a49913efcf5e44","name":"Panel 3c MOCKUP@1.jpg","type":"image/jpeg","lastModified":1618845782869.156,"size":82327},{"id":"d00dafaa9331e4a01fb604fbf887477e6078d3f6bd1feb06a073ddeb7320a9fe5da329d2f510364c2eecece6e37abb2151cecdd07b004f69f28ce7cb001f388b","href":"https://static.observableusercontent.com/files/d00dafaa9331e4a01fb604fbf887477e6078d3f6bd1feb06a073ddeb7320a9fe5da329d2f510364c2eecece6e37abb2151cecdd07b004f69f28ce7cb001f388b","name":"Panel 7b.png","type":"image/png","lastModified":1618845782869.156,"size":26604},{"id":"859ff3385e7b8b5dfa7b287cadf02f989b3fad50506a67568bf5ad7fb66aa2cba86fec6e5968091d8c883244f4209717d410dad4d59131d93f8d0a465fe66fc5","href":"https://static.observableusercontent.com/files/859ff3385e7b8b5dfa7b287cadf02f989b3fad50506a67568bf5ad7fb66aa2cba86fec6e5968091d8c883244f4209717d410dad4d59131d93f8d0a465fe66fc5","name":"Panel 7a.png","type":"image/png","lastModified":1618845782869.156,"size":43151},{"id":"8f6250e5bcc5d49c02d2edf15befd0c888746c2fbeb92cb9c91ea1532648535039a01c8d9fa8f096bc557841bd5c28aceac5f9c7fe442be96609c79d7ba2d39a","href":"https://static.observableusercontent.com/files/8f6250e5bcc5d49c02d2edf15befd0c888746c2fbeb92cb9c91ea1532648535039a01c8d9fa8f096bc557841bd5c28aceac5f9c7fe442be96609c79d7ba2d39a","name":"panel 6a@3.png","type":"image/png","lastModified":1618845782869.156,"size":46097},{"id":"41cad52ab196463b5ed3b58174125bca70ee9a8dea4697d9019e5f27998df34eff0e065cc5902f889ecd5a6a1f3e130d7ff3d75f3efc3f4b759764c1d949afd0","href":"https://static.observableusercontent.com/files/41cad52ab196463b5ed3b58174125bca70ee9a8dea4697d9019e5f27998df34eff0e065cc5902f889ecd5a6a1f3e130d7ff3d75f3efc3f4b759764c1d949afd0","name":"Panel 5a@2.png","type":"image/png","lastModified":1618845782869.156,"size":31764},{"id":"482b4e45cbaf288dacb10b70d624bf208669d81949722f52d556c6d627b83b3e116fa1fc28f60a47249b1ea1f0e6ca12e70f21fed319feaea2f087ceb56c57f0","href":"https://static.observableusercontent.com/files/482b4e45cbaf288dacb10b70d624bf208669d81949722f52d556c6d627b83b3e116fa1fc28f60a47249b1ea1f0e6ca12e70f21fed319feaea2f087ceb56c57f0","name":"Panel 5c.png","type":"image/png","lastModified":1618845782869.156,"size":26421},{"id":"1a1ece321913b7d59659b18aaa1718d67c9acd0e7e4fcda86274710f662ade64506a4a0b32e1e8ab825a02cf5bfa536103c06c91822c26230b2cbcb701820682","href":"https://static.observableusercontent.com/files/1a1ece321913b7d59659b18aaa1718d67c9acd0e7e4fcda86274710f662ade64506a4a0b32e1e8ab825a02cf5bfa536103c06c91822c26230b2cbcb701820682","name":"Panel 5b@1.png","type":"image/png","lastModified":1618845782869.156,"size":81155},{"id":"87391f6e6039991a7ace3fde03306ea3f26f20b6eb80eb9c4d773cf45bd297352f96b757235ccf7981a4b20f101533fbb7c502dd822149a4b93d2e8ed4a584a9","href":"https://static.observableusercontent.com/files/87391f6e6039991a7ace3fde03306ea3f26f20b6eb80eb9c4d773cf45bd297352f96b757235ccf7981a4b20f101533fbb7c502dd822149a4b93d2e8ed4a584a9","name":"Panel 4.png","type":"image/png","lastModified":1618845782869.156,"size":107247},{"id":"f3a06dcc8148578c99b7e07f72adb3fcb66ab3006b3f8913914ade9dcb8e8954f47b12a3c7263c3e77b0ac2dd03fcda84c60240a40b779713459b30959768f21","href":"https://static.observableusercontent.com/files/f3a06dcc8148578c99b7e07f72adb3fcb66ab3006b3f8913914ade9dcb8e8954f47b12a3c7263c3e77b0ac2dd03fcda84c60240a40b779713459b30959768f21","name":"Panel 3a.png","type":"image/png","lastModified":1618845782869.156,"size":20247},{"id":"fae64fd00c9482030312fb550f8c7d3949ee641b8461516c1d437a943dfbaf1dc4d5a937bb3c2ab3f1527463dd38d43b4f4d36aefcc1ddd52ab3b2deb6190365","href":"https://static.observableusercontent.com/files/fae64fd00c9482030312fb550f8c7d3949ee641b8461516c1d437a943dfbaf1dc4d5a937bb3c2ab3f1527463dd38d43b4f4d36aefcc1ddd52ab3b2deb6190365","name":"Panel 2b@2.png","type":"image/png","lastModified":1618845782869.156,"size":24539},{"id":"f9c69062a0e4fafef4126a9f7268163e7b3b581f28a7dc47a4caa6bc45cc95b7387e2c62c7d5113d0c9ed15bedfd802eb71a274e9b6a3c20220a9c4dd6bb81bd","href":"https://static.observableusercontent.com/files/f9c69062a0e4fafef4126a9f7268163e7b3b581f28a7dc47a4caa6bc45cc95b7387e2c62c7d5113d0c9ed15bedfd802eb71a274e9b6a3c20220a9c4dd6bb81bd","name":"Panel 2a.png","type":"image/png","lastModified":1618845782869.156,"size":139008},{"id":"ba8178959034d0c221910aef124a0785c1b29cbdda6ab617a3176e6812dd3db884c91cdfdd46fb29880a870a85879021b54d802eff23c5deb8195ee5d95efadd","href":"https://static.observableusercontent.com/files/ba8178959034d0c221910aef124a0785c1b29cbdda6ab617a3176e6812dd3db884c91cdfdd46fb29880a870a85879021b54d802eff23c5deb8195ee5d95efadd","name":"Panel 1@1.png","type":"image/png","lastModified":1618845782869.156,"size":33237},{"id":"583f089cc3eeadeb2c19c075a1fd4f8a5d4edbd54cd8cd0d9ef0575af23ad64d70df064a7b3530388cebb73629cdae34852c46dc9c6ba13d2f03c9d68e0d3002","href":"https://static.observableusercontent.com/files/583f089cc3eeadeb2c19c075a1fd4f8a5d4edbd54cd8cd0d9ef0575af23ad64d70df064a7b3530388cebb73629cdae34852c46dc9c6ba13d2f03c9d68e0d3002","name":"Panel 9a.png","type":"image/png","lastModified":1618845782869.156,"size":64524}] 2e:{"title":"Douglas and the Deluge: an interactive comic by Emma T Capps","cells":[{"id":0,"value":"md`# Douglas and the Deluge: an interactive comic by Emma T Capps `","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"view = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"start = {init()}","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"init = ()=>{\n renderStep();\n bindEvents();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"nextStep = ()=>{\n let theSelect = view.querySelector('#choices select')\n mutable currentScene = theSelect.value\n mutable currentText = theSelect.options[theSelect.selectedIndex].dataset.description\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"renderStep = () => {\n console.log(\"renderStep: currentScene\", currentScene);\n view.querySelector('#log').appendChild(html`\n

\n `);\n\n view.querySelector('#choices').replaceChild(\n html``,\n view.querySelector('#choices').childNodes[0]\n );\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"bindEvents = ()=>{\n view.querySelector(\"#choices\").removeEventListener(\"change\", nextStep)\n view.querySelector(\"#choices\").addEventListener(\"change\", nextStep)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"mutable currentScene = 0\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":174,"value":"mutable currentText = 'You wake up...'","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":201,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":207,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}