31:[] 2f:{"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"},{"id":521,"value":"htl.svg`\n ${input}\n ${button}\n `\n}","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":148,"value":"viewof badGuessColor = Inputs.color({value: \"#bb0000\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":314,"value":"viewof goodGuessColor = Inputs.color({value: \"#16a716\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":627,"value":"viewof outerCirclerColor = Inputs.color({value: \"#e5c348\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":629,"value":"viewof backgroundColor = Inputs.color({value: \"#dbd6d6\"})","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"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"},{"id":112,"value":"mutable currentWord = pickWord(wordLengthBounds[0], wordLengthBounds[1])","pinned":true,"hidden":false,"mode":"ojs"},{"id":596,"value":"splitCurrent = splitWordInHalf(currentWord)","pinned":true,"hidden":false,"mode":"ojs"},{"id":647,"value":"splitGuess = [guessValue.slice(0,splitCurrent[0].length), guessValue.slice(splitCurrent[0].length)]","pinned":true,"hidden":false,"mode":"ojs"},{"id":117,"value":"mutable history = []","pinned":true,"hidden":false,"mode":"ojs"},{"id":464,"value":"mutable score = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":119,"value":"log = (data) => {\n mutable history = [data, ...history]\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":49,"value":"import {pickWord} from '@a-lexwein/find-a-big-word-boggle-like'","pinned":true,"hidden":false,"mode":"ojs"},{"id":207,"value":"import {rangeSlider} from '@mootari/range-slider@1312'","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"}],"files":"$W31","stdlib":"1","titling":"auto"}