30:T6b3,shimmerer = () => { let object = 0, replacement = 1; let indexOfObjectLetter = randInt(letters[object].length); let objectLetter = letters[object].substr(indexOfObjectLetter, 1); if (rindex[0] == 0) shuffle(shuffledArray); rindex[0] = rindex[0] + 1; if (rindex[0] + 1 > shimmeringArray.length) { rindex[0] = 0; } let wordIndex = shuffledArray[rindex]; let shimmeringWord = shimmeringArray[wordIndex]; let len = shimmeringWord.length; let indexOfLetterToReplace = -1; // do nothing if we are surfacing and we've already got the supply word if (surface && shimmeringWord === supplyArray[wordIndex]) return; if (heads()) { // search for letter from beginning or up to halfway thru the word let indexSearchStart = randInt(Math.floor(len / 2)); indexOfLetterToReplace = shimmeringWord.indexOf( objectLetter, indexSearchStart ); } else { // search for letter from end or down to halfway thru the word let indexSearchStart = randIntBetween(Math.ceil(len / 2), len); indexOfLetterToReplace = shimmeringWord.lastIndexOf( objectLetter, indexSearchStart ); } if (indexOfLetterToReplace != -1) { let letterInWord = shimmeringWord.substr(indexOfLetterToReplace, 1); let modelLetter = supplyArray[wordIndex].substr(indexOfLetterToReplace, 1); let replacementLetter = letters[replacement].substr(indexOfObjectLetter, 1); if (!surface || (surface && letterInWord != modelLetter)) { shimmeringArray[wordIndex] = shimmeringWord.replace( shimmeringArray[wordIndex].substr(indexOfLetterToReplace, 1), replacementLetter ); mutable shimmeringText = shimmeringArray.join(' '); } } }31:[] 2e:{"title":"shimmer","cells":[{"id":0,"value":"md`# *shimmer*\nJohn Cayley, bespoke software, 2020
\nweb-published version (updated live from this notebook): https://shadoof.github.io/shimmer`","pinned":false,"hidden":false,"mode":"ojs"},{"id":540,"value":"md`*shimmer* is a prose-poetic text which ‘shimmers.’ Cyclical phases of letter substitutions produce effects intended to suggest those that we see in reflections on the surface of moving water, here, a shimmering reflection of the moon on lake water. Every half minute – according to the period of its ‘swell’ – the text of *shimmer* shifts back and forth from settling to shimmering. When shimmering, o’s may replace e’s, n’s replace r’s, t’s f’s, and vice versa. These are the letters of the lowercase Roman alphabet most similar in graphic form, and in their representation of vowel or consonant. When settling, the letter substitutions tend, eventually, to render the text as it is spelt in standard English.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":545,"value":"md`The behavior of *shimmer* produces a moving typographic image with a concrete, visual poetics. This is a variety of concrete poetry that could not be realized in print.
\n Despite minimal letter substitutions which are designed to retain the overall form of every constituent word and – due to the use of a monospaced font – the shape of the text as a whole, the challenge to reading, in this piece’s shimmering state, is all but immediate. Over time, we learn, perhaps, to read the text as we ‘read’ reflections in water. We understand what the moving forms suggest to us and what causes them to arise. And we take pleasure in their shimmering forms.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"shimmerEmbeddable = md`

${shimmeringText}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":448,"value":"md`

A half-minute ‘\\`secondhand\\`’ reads \\`${\n secondhand < 10 ? '0' + secondhand : secondhand\n}\\`,
with a letter change every \\`${seconds} second${\n seconds == 1 ? '' : 's'\n}\\`,
while \\`surface\\` alternates \\`${\n surface ? 'TRUE/false' : 'true/FALSE'\n}\\` every \\`${minutes}\\` minute${minutes == 1 ? '' : 's'}.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"viewof reset = Button(\"Reset\", {\n reduce: () => {\n shimmeringArray.splice(0, shimmeringArray.length, ...supplyArray);\n mutable surface = true;\n Promises.delay(5000).then(() => {\n mutable surface = false;\n mutable secondhand = 0;\n });\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":474,"value":"seconds = .005\n/*\n[ these were experiments tweaking the seconds ]\nsurface ? .02 : .03;\nif (surface && seconds > 10) seconds = .01;\nif (surface && seconds > 20) seconds = .005;\n*/","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"ticker = {\n while (true) {\n yield await Promises.tick(seconds * 1000).then(shimmerer);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":430,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":221,"value":"supplyText = md`

Shimmer. The moor at our back and the moon before us. The moon’s reflection, reaching out from the east and extending, with epicyclic recession, from below the darkened evergreens of the farther shore. A surface must be smooth to reflect or see through. Deformations elongate, compress and interweave. Roughened edges literally catch the light. Embrace the moon.

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":143,"value":"supplyArray = supplyText.innerText.split(' ')","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"shimmeringArray = supplyText.innerText.split(' ')","pinned":false,"hidden":false,"mode":"ojs"},{"id":322,"value":"mutable shimmeringText = shimmeringArray.join(' ')","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"rindex = [0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"shuffledArray = shuffle([...shimmeringArray.keys()])","pinned":false,"hidden":false,"mode":"ojs"},{"id":266,"value":"minutes = .5","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"swell = {\n while (true) {\n Promises.tick(1000).then(() => {\n mutable secondhand = (secondhand + 1) % 30;\n });\n yield Promises.tick(minutes * 60 * 1000).then(() => {\n mutable secondhand = 0;\n mutable surface = !surface;\n return md`\\`swell\\` is computed in this cell and has a period of \\`${minutes}\\` minute${\n minutes != 1 ? 's' : ''\n }.`;\n });\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":199,"value":"mutable surface = false","pinned":false,"hidden":false,"mode":"ojs"},{"id":337,"value":"mutable secondhand = 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"letters = [\"efnotr\", \"otrefn\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":484,"value":"md`#### Utility functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":483,"value":"heads = () => {\n return randInt(2) == 0;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"randInt = maxPlusOne => (maxPlusOne * Math.random()) | 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":352,"value":"randIntBetween = (min, max) => {\n return Math.floor(Math.random() * (max - min) + min);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":239,"value":"shuffle = arr => {\n for (let i = arr.length - 1; i >= 0; i--) {\n let randomIndex = randInt(i + 1); // Math.floor(Math.random() * (i + 1));\n let itemAtIndex = arr[randomIndex];\n arr[randomIndex] = arr[i];\n arr[i] = itemAtIndex;\n }\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":482,"value":"md`#### Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":314,"value":"import { andaleMono } from \"@shadoof/sifther\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":462,"value":"import { Button } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":481,"value":"md`#### CSS Styling`","pinned":false,"hidden":false,"mode":"ojs"},{"id":316,"value":"css = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}