31:T842,boardSelection = { function newBoard(option) { console.log(`New board: ${option}`) mutable board = []; if (option == '❤️') { for (var i = 0; i < 10; i++) for (var j = 0; j < 10; j++) { if ( i > 6 && j > 6) continue mutable board.push({ x: i, y: j, bead: "empty"}) } const rd = [0.55,1.6,2.8]; const d = [2,5,8]; for (var r = 0; r < 3; r++) for (var j = 0; j < d[r]; j++) { mutable board.push({ y: Math.cos(j * (Math.PI - 0.2) / (d[r] - 1) - Math.PI / 2 + 0.1) * rd[r] + 9.85, x: Math.sin(j * (Math.PI - 0.2) / (d[r] - 1) - Math.PI / 2 + 0.1) * rd[r] + 3, bead: "empty"}) mutable board.push({ x: Math.cos(j * (Math.PI - 0.2) / (d[r] - 1) - Math.PI / 2 + 0.1) * rd[r] + 9.85, y: Math.sin(j * (Math.PI - 0.2) / (d[r] - 1) - Math.PI / 2 + 0.1) * rd[r] + 3, bead: "empty"}) } const root2 = 0.70710678118; mutable board = mutable board.map(b => ({...b, x: - root2 * b.x + root2 * b.y + 8, y: - root2 * b.x - root2 * b.y + 13})) } else if (option == 'r9') { const d = [1,6,12,18,24,30,36,42,48]; for (var r = 0; r < 9; r++) for (var j = 0; j < d[r]; j++) { mutable board.push({ x: Math.cos(2 * j * Math.PI / d[r] ) * r + 9, y: Math.sin(2 * j * Math.PI / d[r] ) * r + 9, bead: "empty"}) } } else if (option == '18x18') { for (var i = 0; i < 18; i++) for (var j = 0; j < 18; j++) { mutable board.push({x: i, y: j, bead: "empty"}) } } else if (option == '29x29') { for (var i = 0; i < 29; i++) for (var j = 0; j < 29; j++) { mutable board.push({x: i, y: j, bead: "empty"}) } } } newBoard('❤️') return html` Board shape ` }32:T592,viewof boardView = { function click(cell, evt) { let coord; if (evt.buttons) { coord = [evt.target.x.baseVal.value, evt.target.y.baseVal.value]; } else if (evt.touches) { var myLocation = evt.touches[0]; var realTarget = document.elementFromPoint(myLocation.clientX, myLocation.clientY); coord = [realTarget.x.baseVal.value, realTarget.y.baseVal.value]; if (coord[0] == 0 && coord[1] == 0) return; // we have a bug with false triggers } else { return; } if (cell.bead !== currentBead) { cell.bead = currentBead; mutable board = board; } } const desktop = window.screen.availHeight < width; return reconcile(this, svg`