25:["$","title",null,{"children":"Solo board game | Sander Evers | Observable"}] 4b: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)}` }4c:[] 47:{"id":"b86a14ae2007a97a","slug":"solo-board-game","title":"Solo board game","thumbnail":"2010999dccde34ca9de89f4c125193181db177bd2831da9a4effa9dce8daf360","access_level":"public","create_time":"$D2021-01-22T19:55:18.146Z","update_time":"$D2021-02-01T19:23:28.087Z","view_time":null,"first_public_time":"$D2021-01-23T17:22:25.066Z","has_unpublished_edits":null,"fork":true,"stars":35,"starred":false,"owner":{"type":"team","id":"f8968868603f3a63","login":"sanderevers","name":"Sander Evers","avatar_url":"https://avatars-next.observableusercontent.com/368f20f13b863df596105f72d5a25388cc1a7808dc9fa0ee74858280b5847b35","tier":"starter_2024","bio":"","following":false},"version":533,"publish_version":533,"role":null,"authored":false,"authors":[{"type":"individual","id":"f9fc95e35699f5b9","login":"sanderevers","name":"Sander Evers","avatar_url":"https://avatars-next.observableusercontent.com/368f20f13b863df596105f72d5a25388cc1a7808dc9fa0ee74858280b5847b35","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"f9fc95e35699f5b9","login":"sanderevers","name":"Sander Evers","avatar_url":"https://avatars-next.observableusercontent.com/368f20f13b863df596105f72d5a25388cc1a7808dc9fa0ee74858280b5847b35","tier":null,"role":"editor"}],"comments":[{"id":"a165b33ab84b5486","reply_to_id":null,"content":"Given the points are in a fixed orientation bands, I would like to see all the directions and their points upfront","create_time":"$D2021-01-24T14:49:39.896Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}},{"id":"f9206ed8ed030ea0","reply_to_id":"a165b33ab84b5486","content":"You mean something like this? https://observablehq.com/@sanderevers/solo-board-game-beta","create_time":"$D2021-02-07T21:30:50.228Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"f9fc95e35699f5b9","login":"sanderevers","name":"Sander Evers","avatar_url":"https://avatars-next.observableusercontent.com/368f20f13b863df596105f72d5a25388cc1a7808dc9fa0ee74858280b5847b35","tier":null}}],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":{"id":"94c673724b12232b","slug":"hex","title":"hex","owner":{"id":"f8968868603f3a63","login":"sanderevers","name":"Sander Evers"}},"type":"notebook","body":{"titling":"auto","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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"md`## Game state`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"mutable remaining = allTiles;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"mutable nxt = pick()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"mutable placed = ({})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"start = Object.keys(placed).length==0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"done = Object.keys(placed).length==19","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"md`## Scoring`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"score = sum([0,1,2].map(dimScore))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"dimScore = d => sum(hexlines(2,d).map(lineScore(d)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"md`## SVG`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":510,"value":"md`## Model`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"allHexes = r => [].concat(...hexlines(r,0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"\nmkid = (xyz) => ['hex',...xyz].join('.')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"pos = (id) => id.split('.').slice(1).map(Number);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":492,"value":"md`## Utils`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"mod2 = n => Math.abs(n%2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":351,"value":"sum = (arr) => arr.reduce((x,y)=>x+y,0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":486,"value":"md`## Font & patterns`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"md`## Libs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"1"}} 24:null