2e:null 2f:["$","title",null,{"children":"B.O.G.G. - Basic Orthographic Grid Game | Alex Wein | Observable"}] 34:T5bb,displayInGame = (data) => { const max_selected = Math.max(...data.map(x=>x.selected_order)) const initDiv = x => { let hitbox = html`

` e => handleClickState(x.id) hitbox.onpointerdown = e => handleClickState(x.id) hitbox.onpointerenter = (e) => { if(e.buttons !== 0 && guess !== '') { handleClickState(x.id) } } let color = x.clicked === true ? '#479d2f' : 'black' let backgroundColor = x.letter === '_' ? 'black' : 'white' if(x.selected_order === max_selected && max_selected > 0) backgroundColor = '#bbdcac' let underline = checkbox.includes("Play Around The Table") && ['M', 'W', 'N', 'Z'].includes(x.letter) ? 'underline' : 'none' let deg = !checkbox.includes("Play Around The Table") ? 0 : _.sample([0, 90, 180, 270]) let div = html`

${x.letter}

${hitbox}

` div.onpointerdown = e => handleClickState(x.id) return div } const container = html`

` // container.appendChild(scoreboard()) const board = html`

` const divs = data.map(x => initDiv(x)) for (const el of divs) board.appendChild(el) container.appendChild(board) return container }35:T412,handleClick = (id, data) => { // make a deep copy of data let copy = JSON.parse(JSON.stringify(data)) // get record for clicked tile let tile = copy.filter(x => x.id === id)[0] // check if clickable, if not do nothing if(tile.clickable === false) return copy // get max click_order let max_click_order = Math.max(...data.map(x=> x.selected_order)) || 0 // get currently active tile let lastTile = copy.filter(x => max_click_order > 0 && x.selected_order === max_click_order)[0] // // check if record is neighbor let recordIsNeighbor = lastTile === undefined || (Math.abs(lastTile.x - tile.x) <= 1 && Math.abs(lastTile.y - tile.y) <= 1) // if the record is not a neighbor do nothing, but we need to pass if there was no lastTile to check against if(max_click_order > 0 && recordIsNeighbor === false) return copy // If the tile is a clickable neighbor, set row to clicked and click_order to max+1 tile.clickable = false tile.clicked = true tile.selected_order = max_click_order + 1 return copy }36:[] 32:{"id":"893b4e7ed7b23153","slug":"bogg","title":"B.O.G.G. - Basic Orthographic Grid Game","thumbnail":"7e9221feadf87c56c5305431159426afbe7642004da89fcc290fb6e9dcf7079d","access_level":"public","create_time":"$D2024-03-23T15:19:58.058Z","update_time":"$D2024-05-04T15:24:41.904Z","view_time":null,"first_public_time":"$D2024-03-23T16:11:59.840Z","fork":{"id":"bde35354f79610c2","slug":"downwords","title":"Downwords, a Bogglelike word game","owner":{"id":"4093387c4c9e9fa0","login":"a-lexwein","name":"Alex Wein"}},"stars":1,"starred":false,"owner":{"type":"team","id":"4093387c4c9e9fa0","login":"a-lexwein","name":"Alex Wein","avatar_url":"https://avatars-next.observableusercontent.com/24e7d8a063682ac02c3dfe01ccd791dc00d5d7f9bcb16828adbcbf2faebb73a8","tier":"starter_2024"},"version":656,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"df192455c1e22a3a","login":"a-lexwein","name":"Alex Wein","avatar_url":"https://avatars-next.observableusercontent.com/24e7d8a063682ac02c3dfe01ccd791dc00d5d7f9bcb16828adbcbf2faebb73a8","tier":null}],"members":[{"type":"team","id":"4093387c4c9e9fa0","login":"a-lexwein","name":"Alex Wein","avatar_url":"https://avatars-next.observableusercontent.com/24e7d8a063682ac02c3dfe01ccd791dc00d5d7f9bcb16828adbcbf2faebb73a8","tier":"starter_2024","role":"editor"},{"type":"individual","id":"df192455c1e22a3a","login":"a-lexwein","name":"Alex Wein","avatar_url":"https://avatars-next.observableusercontent.com/24e7d8a063682ac02c3dfe01ccd791dc00d5d7f9bcb16828adbcbf2faebb73a8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"B.O.G.G. - Basic Orthographic Grid Game","cells":[{"id":0,"value":"# B.O.G.G. - Basic Orthographic Grid Game","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":513,"value":"time_left = {\n let timer = time_limit\n while(timer > 0) {\n \n timer--\n await Promises.delay(1000)\n yield timer\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"Inputs.form([\n Inputs.button(time_left === 0 ? 'Times Up' : guessIsValid ? `${guess.toUpperCase()} is a valid word. submit!` : 'Invalid Guess', {reduce: handleSubmitState, disabled : !guessIsValid || time_left === 0}),\n Inputs.button('Reset', {reduce: handleReset})\n],\n { template: (x) => html`

${x}

`}\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"displayInGame(data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"viewof selectFreqs = Inputs.select(names, {label: \"Frequencies\", value: \"TWL 8 - 10\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"viewof n_rows = Inputs.range([1, 20], {label: \"rows\", step: 1, value: 7})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"viewof n_cols = Inputs.range([1, 20], {label: \"cols\", step: 1, value: 7})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":500,"value":"viewof time_limit = {\n resetGame;\n return Inputs.range(\n [5, 60 * 5],\n { label: 'time limit seconds', step: 1, value: 60 }\n )\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":392,"value":"viewof resetGame = Inputs.button(\"New Board\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":420,"value":"viewof checkbox = Inputs.checkbox([\"Play Around The Table\", \"No INGs\", \"CVC Checkerboard\"], {label: \"\", value: []})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"guess","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"handleSubmitState = () => {\n const output = handleSubmit(guess, data)\n log(guess)\n mutable data = output\n return output\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"handleSubmit = (word, data) => {\n let copy = JSON.parse(JSON.stringify(data))\n // get highest y among selected\n // const rowsToDrop = Math.max(...data.filter(x=>x.clicked).map(x=> x.y)) + 1\n\n // this was for downwords, remove for bjb\n // for (let i = 0; i < rowsToDrop; ++i) {\n // copy = addRow(copy)\n // }\n copy = copy.map((x,i) => ({\n ...x,\n id: i+1,\n clicked: false,\n clickable: x.letter === \"_\" ? false : true,\n selected_order: 0, // maybe jsonstringify doesn't want nulls? but needed a 0 here\n }))\n\n \n return copy\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"guessIsValid = guess != '' && wordnik.includes(guess.toLowerCase())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"handleClickState = id => {\n const output = handleClick(id, data)\n mutable data = output\n return output\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"handleReset = () => {\n let copy = JSON.parse(JSON.stringify(data))\n mutable data = copy\n .map((x,i) => ({\n ...x,\n id: i+1,\n clicked: false,\n clickable: x.letter === \"_\" ? false : true,\n selected_order: 0, // maybe jsonstringify doesn't want nulls? but needed a 0 here\n }))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"mutable data = {\n resetGame;\n let board = newBoard(n_cols,n_rows)\n\n // if No ING option is selected, this rerolls until the board has no INGs\n if(checkbox.includes(\"No INGs\")) board = newBoardNoIng(n_cols, n_rows)\n \n if(checkbox.includes(\"CVC Checkerboard\")) {\n for (const tile of board) {\n while(isVowel(tile.letter) && (tile.x + tile.y) % 2 === 0) tile.letter = randomElement()\n while(!isVowel(tile.letter) && (tile.x + tile.y) % 2 === 1) tile.letter = randomElement()\n }\n }\n \n \n return board.map((x,i) => ({\n ...x,\n id: i+1,\n clicked: false,\n clickable: x.letter === \"_\" ? false : true,\n selected_order: 0, // maybe jsonstringify doesn't want nulls? but needed a 0 here\n }))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":623,"value":"isVowel = x => ['A','E','I','O', 'U'].includes(x.toUpperCase())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"guess = data\n .filter(x=>x.selected_order > 0)\n .sort((x,y) => x.selected_order - y.selected_order)\n .map(x => x.letter)\n .join('')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":472,"value":"log = (data) => {\n mutable history = [data, ...history]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"mutable history = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"bagOfLetters = frequencies\n .filter(x => x.name === selectFreqs)\n .flatMap(x => Array(x.freq).fill(x.letter))\n .map(x => x === \"Q\" ? \"Qu\" : x)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"randomElement = () => _.sample(bagOfLetters)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":650,"value":"bagOfLetters[86]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"newBoard = (n_row,m_col) => {\n let out = []\n for (let i = 0; i < m_col; ++i) {\n for (let j = 0; j < n_row; ++j) {\n let row = {\n letter:randomElement(),\n y:i,\n x:j,\n }\n out.push(row)\n }\n }\n return out.flat()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":592,"value":"newBoardNoIng = (n,m) => {\n let board = newBoard(n,m)\n while(hasING(board)) {\n board = newBoard(n,m)\n }\n return board\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":554,"value":"neighbors = (tile, board) => {\n let x = tile.x\n let y = tile.y\n return board\n // neighors are within +/-1 X and +/-1 Y of a tile\n .filter(letter => Math.abs(y - letter.y) <= 1 && Math.abs(x - letter.x) <= 1)\n // a tile isn't its own neighbor\n .filter(letter => letter != tile)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"hasING = board => board\n .filter(x => x.letter == \"N\")\n .map(x => neighbors(x, board).map(y => y.letter))\n .some(x => x.includes(\"I\") && x.includes(\"G\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"tileWidth = Math.min(width/n_cols - 8, 75)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":170,"value":"wordnik = {\n const url = 'https://raw.githubusercontent.com/wordnik/wordlist/main/wordlist-20210729.txt';\n const response = await fetch(url)\n const text = await response.text()\n const rows = text.split('\\n')\n return rows.map(row => row.replace(/\"/g, ''))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"import {frequencies, names} from '@a-lexwein/mrboggles-letter-frequencies-for-prolific'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":631,"value":"import {seedrandom} from \"@fil/seedrandom-minimal\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"{\n const f = new seedrandom('abc')\n return [f(), f()]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"