2b:null 2c:["$","title",null,{"children":"Solo board game | Claudio Nicoli Pannacci | Observable"}] 31:T6db,tile = (ijk) => { const [i,j,k] = ijk; const d = 0.2; const td = 0.15; const d1 = 0.5-d; const d2 = 0.5+d; const bgcoords = [[0,0,1],[1,0,1],[1,0,0],[1,1,0],[0,1,0],[0,1,1]]; const bgattrs = {fill: '#F3EBE2'}; const xattrs = {fill:patternURLs[i-1]}; const yattrs = {fill:patternURLs[j-1]}; const zattrs = {fill:patternURLs[k-1]}; const xcoords = [[d1,0,1],[d2,0,1],[d2,1,0],[d1,1,0]]; const ycoords = [[0,d1,1],[0,d2,1],[1,d2,0],[1,d1,0]]; const zcoords = [[0,1,d1],[0,1,d2],[1,0,d2],[1,0,d1]]; const txcoords = [0.5,1-td,td]; const tycoords = [td,0.5,1-td]; const tzcoords = [1-td,td,0.5]; const txtAttrs = { 'text-anchor':'middle', 'style':'font-family:Alegreya;font-weight:800; font-size:28px; stroke-width:1px; dominant-baseline:middle; fill:#555555; stroke:#F3EBE2' } const txtAttrsB = { 'text-anchor':'middle', 'style':'font-family:Alegreya;font-weight:800; font-size:28px; stroke-width:4px; dominant-baseline:middle; fill:#F3EBE2; stroke:#F3EBE2' } return svgt` ${String(i)} ${String(i)} ${String(j)} ${String(j)} ${String(k)} ${String(k)}` }32:[] 2f:{"id":"7351d81974b21651","slug":"solo-board-game","title":"Solo board game","thumbnail":"8211ec09452f8a4bf56ad78cb32c95a75968c0d63fefcc33c72d0d4a0fbdd0c7","access_level":"public","create_time":"$D2022-01-10T07:25:28.033Z","update_time":"$D2022-01-10T07:25:28.033Z","view_time":null,"first_public_time":"$D2022-02-27T07:11:57.252Z","fork":{"id":"b86a14ae2007a97a","slug":"solo-board-game","title":"Solo board game","owner":{"id":"f8968868603f3a63","login":"sanderevers","name":"Sander Evers"}},"stars":0,"starred":false,"owner":{"type":"team","id":"7cabda2e3e05c88b","login":"kappanneo","name":"Claudio Nicoli Pannacci","avatar_url":"https://avatars-next.observableusercontent.com/d61a6648997608917fbb4e5a77aca419d44b2983f8bb5337062fd30f6f6bad66","tier":"starter_2024"},"version":533,"publish_version":533,"role":null,"authored":false,"authors":[{"type":"individual","id":"1cfa7a34640b90b7","login":"kappanneo","name":"Claudio Nicoli Pannacci","avatar_url":"https://avatars-next.observableusercontent.com/d61a6648997608917fbb4e5a77aca419d44b2983f8bb5337062fd30f6f6bad66","tier":null}],"members":[{"type":"individual","id":"1cfa7a34640b90b7","login":"kappanneo","name":"Claudio Nicoli Pannacci","avatar_url":"https://avatars-next.observableusercontent.com/d61a6648997608917fbb4e5a77aca419d44b2983f8bb5337062fd30f6f6bad66","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"99e2fa8cad3afd30","slug":"hexagons","title":"Hexagons","owner":{"id":"7cabda2e3e05c88b","login":"kappanneo","name":"Claudio Nicoli Pannacci"}},"type":"notebook","body":{"title":"Solo board game","cells":[{"id":0,"value":"md`# Solo board game\n\nThe best games are often remarkably simple. In this notebook you can play the quick and addictive board game [\"Take it Easy!\"](http://www.burleygames.com/board-games/take-it-easy/). (If you like it, you can [buy the app](http://www.burleygames.com/ios-games/take-easy-app/).) Credits to Tom Shanley for the [SVG patterns](/@tomshanley/cheysson-color-palettes). \n\n### How to play\n\nThere are 27 possible tiles. You randomly get dealt 19 of them, one by one, and your job is to fill the playing field in the best way. Each completed line _with the same pattern on every tile_ scores you the sum of the numbers on that line.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":298,"value":"{ \n const edges = scale(0.5,g(...allHexes(1).map(edge)));\n const project = m.ortho([],-1,1,-1,1,-1,1);\n const view = m.lookAt([],[1,1,1],[0,0,0],[0,1,-1]);\n const txtAttrs = {\n 'text-anchor':'middle',\n 'style':'font-family:Alegreya;font-weight:800; font-size:28px; stroke-width:1px; dominant-baseline:middle; fill:#555555; stroke:#F3EBE2'\n }\n const finalscore = svgt`${String(score)}`;\n const nexttile = done ? finalscore : tile(nxt);\n const box = svgtBox(transform(project,view,g(defs,nexttile,edges)),120,120);\n return box;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"{ \n const edges = scale(0.5,g(...allHexes(5).map(edge)));\n const hexes = g(...allHexes(2).map(backhex));\n const tiles = g(...Object.keys(placed).map(i => translate(pos(i),tile(placed[i]))));\n const project = m.ortho([],-4,4,-3.6,3.6,-1,1);\n const view = m.lookAt([],[1,1,1],[0,0,0],[0,1,-1]);\n const box = svgtBox(transform(project,view,g(defs,hexes,tiles,edges)),480,432);\n for (const ch of box.children) {\n const id = ch.getAttribute('id');\n if (id)\n ch.addEventListener('click',evt => place(id,nxt));\n }\n return box;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":426,"value":"start ? md`Start by clicking one of the empty hexagons.`\n: md`Your ${done ? \"final\" : \"current\"} score is ${score}. ${score==0?\"Create a line filled with the same pattern.\":\"\"}${again}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":520,"value":"again = {\n if (!done)\n return html``;\n const elt = html`Play again?`;\n elt.addEventListener(\"click\",reset);\n return elt;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":462,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":499,"value":"md`## Game state`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":271,"value":"mutable remaining = allTiles;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":275,"value":"mutable nxt = pick()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":308,"value":"mutable placed = ({})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":457,"value":"start = Object.keys(placed).length==0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":429,"value":"done = Object.keys(placed).length==19","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":312,"value":"function place(id,tile) {\n mutable placed = {...mutable placed, [id]:tile}\n mutable nxt = done ? undefined : pick();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":276,"value":"function pick() {\n const rem = mutable remaining;\n const r = Math.floor(Math.random()*rem.length);\n mutable remaining = [...rem.slice(0,r),...rem.slice(r+1)];\n return rem[r];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":516,"value":"function reset() {\n mutable remaining = allTiles;\n mutable nxt = pick();\n mutable placed = {};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":503,"value":"md`## Scoring`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":327,"value":"score = sum([0,1,2].map(dimScore))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":328,"value":"dimScore = d => sum(hexlines(2,d).map(lineScore(d)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":332,"value":"lineScore = d => line => {\n const points = line.map(pos => placed[mkid(pos)]?.[d]??0);\n return new Set(points).size==1 ? sum(points) : 0;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":506,"value":"md`## SVG`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":37,"value":"edge = (xyz) => {\n const [x,y,z] = xyz;\n const line = (x1,y1,z1,x2,y2,z2) => svgt``;\n if (!mod2(x) && !mod2(y) && !mod2(z))\n return () => [];\n if (!mod2(x))\n return line(x-1,y,z,x+1,y,z);\n if (!mod2(y))\n return line(x,y-1,z,x,y+1,z);\n if (!mod2(z))\n return line(x,y,z-1,x,y,z+1);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":53,"value":"backhex = (xyz) => {\n const coords = [[0,0,1],[1,0,1],[1,0,0],[1,1,0],[0,1,0],[0,1,1]];\n const myid = mkid(xyz);\n const attrs = {\n id:myid,\n fill:'white',\n style:'cursor:pointer'\n }\n return translate(xyz,scale(0.8,svgt``))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":93,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":510,"value":"md`## Model`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":153,"value":"allTiles = [1,5,9].flatMap(i=>[2,6,7].flatMap(j=>[3,4,8].map(k=>[i,j,k])))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":13,"value":"hexlines = (r,dim) =>\n range(-r,r+1).map(d =>\n range(Math.max(-r,-r-d),Math.min(r,r-d)+1).map(f => {\n const a = [f,-f-d];\n a.splice(dim,0,d);\n return a;\n }));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":32,"value":"allHexes = r => [].concat(...hexlines(r,0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":60,"value":"\nmkid = (xyz) => ['hex',...xyz].join('.')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":315,"value":"pos = (id) => id.split('.').slice(1).map(Number);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":492,"value":"md`## Utils`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":38,"value":"mod2 = n => Math.abs(n%2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"range = (x,y) => {\n const start= (y===undefined)?0:x;\n const end= Math.max((y===undefined)?x:y,start);\n return [...new Array(end-start).keys()].map(i=>i+start)\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":351,"value":"sum = (arr) => arr.reduce((x,y)=>x+y,0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":486,"value":"md`## Font & patterns`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":235,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":185,"value":"import {grouped1251203, grouped12512014, grouped12511007, sequential13188028, diverging12541021} from \"@tomshanley/cheysson-color-palettes\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":373,"value":"defs = svgt`${grouped1251203.patterns}${ grouped12511007.patterns}${grouped12512014.patterns}${sequential13188028.patterns}${diverging12541021.patterns}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":214,"value":"patternURLs = [ grouped1251203.rangeURLs[0], grouped12512014.rangeURLs[2], grouped12512014.rangeURLs[0], grouped1251203.rangeURLs[7], grouped12511007.rangeURLs[5], diverging12541021.rangeURLs[1], sequential13188028.rangeURLs[1], diverging12541021.rangeURLs[0], grouped1251203.rangeURLs[1] ]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":483,"value":"md`## Libs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"import {svgt,g,transform,translate,scale,identity,svgtBox,svgtext,m} from '@sanderevers/svg-transformations'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"v = require('https://bundle.run/@thi.ng/vectors@4.4.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"