30:[] 2e:{"title":"Island Adventure","cells":[{"id":0,"value":"md`# Island Adventure`","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"md`Using Reactive concepts with Observable, this is the basis for a text adventure game in only a few lines of code. Read more about that here: https://observablehq.com/@observablehq/observables-not-javascript?collection=@observablehq/javascript-in-observable`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"view = html`

\n${scene}\n${controls}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"mutable win = false","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"scene = html`\n

${desc}

\n\n

\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"controls = html`\n

\n \n

\n\n\n

\n\n

\n\n`\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":36,"value":"init = {\n controls.querySelector('.west').addEventListener(\"click\", ()=>{\n if( posX > 0 ){\n mutable posX = posX -1;\n }\n });\n \n controls.querySelector('.east').addEventListener(\"click\", ()=>{\n if( posX < data[0].length-1){\n mutable posX = posX + 1;\n }\n });\n \n controls.querySelector('.north').addEventListener(\"click\", ()=>{\n if( posY > 0){\n mutable posY = posY - 1;\n }\n });\n \n controls.querySelector('.south').addEventListener(\"click\", ()=>{\n if( posY < data.length-1){\n mutable posY = posY + 1;\n }\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"data = [\n [\"You hit the Northwest end of the island.\", \"There are cliffs here in the North.\", \"A huge drop off blocks your path.\"],\n [\"A giant blocks your path to the west.\", \"This is where you start.\", \"A wall of fire prevents you from moving east.\"],\n [\"The southwest corner. There's nothing here but rocks.\", \"Tons of treasure here, you win!\", \"Nothing but wind and sand here in the southwest.\"]\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"mutable posX = 1","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"mutable posY = 1","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"mutable desc = data[posY][posX]","pinned":true,"hidden":false,"mode":"ojs"},{"id":77,"value":"{\n // win condition \n if(posY == 2 && posX == 1) {\n mutable win = true;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}