2e:null 2f:["$","title",null,{"children":"Find a Big Word, double scramble | Alex Wein | Observable"}] 34:[] 32:{"id":"122b00d8b7c1f486","slug":"find-a-big-word-double-scramble","title":"Find a Big Word, double scramble","thumbnail":"97770038d0184d8ad7190c547448d2fbb82966118b228be749ca9c210faf7254","access_level":"public","create_time":"$D2022-05-12T04:03:42.211Z","update_time":"$D2022-05-14T13:58:19.420Z","view_time":null,"first_public_time":"$D2022-05-16T22:01:08.238Z","fork":{"id":"7c89026d3f196fcb","slug":"find-a-big-word-in-a-directed-graph","title":"Find a Big Word in a Directed Graph","owner":{"id":"4093387c4c9e9fa0","login":"a-lexwein","name":"Alex Wein"}},"stars":0,"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":666,"publish_version":666,"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":"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":1,"collection":{"id":"c17169855af69ab1","slug":"find-a-big-word","title":"Find a Big Word","owner":{"id":"4093387c4c9e9fa0","login":"a-lexwein","name":"Alex Wein"}},"type":"notebook","body":{"title":"Find a Big Word, double scramble","cells":[{"id":0,"value":"# Find a Big Word, double scramble\n\n* Unscramble the letters below to find a big word.\n* The left circle contains the first half of the word and the right circle contains the second half.\n* Each letter is used exactly once.\n* There is no winning or losing. The objective is to find big words.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":521,"value":"htl.svg`\n ${input}\n ${button}\n `\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"viewof wordLengthBounds = rangeSlider({\n min: 5,\n max: 20,\n // Note that values must be specified as array of length 2.\n value: [8, 15],\n // Custom slider CSS, replaces all styles.\n // Overrides the range color. Support for range colors is up to the theme.\n title: 'Min and Max of Possible Word Length',\n description: 'Shorter words tend to be easier to find',\n precision: 0\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"htl.html `\n\n \n \n \n\n${history.map((x,i) => drawRecord(x))}\n

guess	answer	letters

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"viewof badGuessColor = Inputs.color({value: \"#bb0000\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"viewof goodGuessColor = Inputs.color({value: \"#16a716\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":627,"value":"viewof outerCirclerColor = Inputs.color({value: \"#e5c348\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"viewof backgroundColor = Inputs.color({value: \"#dbd6d6\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"focus = {\n //feels like there's a better way to do this\n guess;\n document.getElementById('guess').focus()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":432,"value":"drawRecord = (x) => {\n return htl.html.fragment `\n ${x.guess}\n ${x.currentWord}\n ${x.currentWord.length}\n\n`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":563,"value":"circlePts = (word,cx,cy,r) => {\n let letters = word.split('')\n let n = word.length\n let angle = Math.PI * 2 / n\n const pts = []\n for (let i = 0; i < n; i++) {\n pts.push({\n x: cx + r * Math.cos(i*angle),\n y: cy + r * Math.sin(i*angle),\n letter: letters[i]\n })\n }\n return pts\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"guessValue = {\n while(true){\n try {yield document.getElementById('guess').value.toUpperCase()}\n catch {yield Promises.delay(100)}\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"handleEnter = (guess) => {\n const isGoodGuess = guess.toUpperCase() === currentWord\n const points = isGoodGuess ? 1 : 0\n\n let scoreAfter = score + points\n mutable score = scoreAfter\n \n const ts = new Date()\n log({guess: guess.toUpperCase(), currentWord, isGoodGuess, points})\n \n mutable currentWord = pickWord(wordLengthBounds[0], wordLengthBounds[1])\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"mutable currentWord = pickWord(wordLengthBounds[0], wordLengthBounds[1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"splitCurrent = splitWordInHalf(currentWord)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":647,"value":"splitGuess = [guessValue.slice(0,splitCurrent[0].length), guessValue.slice(splitCurrent[0].length)]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"mutable history = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":464,"value":"mutable score = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"log = (data) => {\n mutable history = [data, ...history]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"import {pickWord} from '@a-lexwein/find-a-big-word-boggle-like'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"import {rangeSlider} from '@mootari/range-slider@1312'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":500,"value":"splitWordInHalf = word => {\n let i = Math.ceil(word.length / 2)\n const halves = [word.slice(0, i), word.slice(i)]\n return halves.map(x => _.shuffle(x).join(''))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":620,"value":"## things to improve\n\n* colored feedback on input\n* validate correct guess that's not from seed\n* Think through colors\n* responsive sizing\n* name","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"