32:Te6a,function *points() { const w = 190 // Don't do duplicates. const secret = DOM.context2d(w, w) secret.font = `${Math.floor(w/2)}pt ${font}`; secret.fillStyle = "rgba(0, 0, 0, 1)" secret.fillText(String.fromCodePoint(1114111), w * .1, w * 2/3) while (Math.random() > .5) { yield secret.canvas } // Special hashing to avoid writing the unfound character point a bunch. const hash_points = [] let ii for (ii in d3.range(0, w*w*4)) { if (ii % 4 == 3 && Math.random() < .25) { // 1/4 the opacity channel, only 1/20 the color channels. hash_points.push(parseInt(ii)) } else { if (Math.random() < .05) { hash_points.push(parseInt(ii)) } } } d3.shuffle(hash_points) const unknown_character = secret.getImageData(0, 0, w, w).data // End special hashing. const canvases = [] let drawn = 0; for (let block of blocks.filter(block => block.block != "Syriac")) { const points = block_points(block.range) let ctx = DOM.context2d(w, w) canvases.push(html`

${block.block}

${ctx.canvas}`) ctx.font = `${Math.floor(w*.4)}pt ${font}`; let successes_in_current_plot = 0; let attempts_in_current_plot = 0 let maxAggregate = 0; const aggregate = new Uint32Array(w * w * 4) let imgData = ctx.createImageData(w, w); for (let point of points) { if (attempts_in_current_plot++ > 130 && successes_in_current_plot <=1 ) { // There's probably nothing here. break } if (successes_in_current_plot > MAX_POINTS_IN_RANGE) { break } secret.clearRect(0, 0, w, w); secret.fillText(String.fromCodePoint(point), w * .1, w * 2/3) const point_data = secret.getImageData(0, 0, w, w).data const code = _arrayBufferToBase64(point_data) let its_unknown = true for (let p of hash_points) { if (point_data[p] != unknown_character[p]) { its_unknown = false break } } if (its_unknown) { continue } successes_in_current_plot += 1 for (let j = 0; j < point_data.length; j += 4) { // trying to please the branch predictor: // skip the empty sections in its own while loop while(j < point_data.length && point_data[j+3] === 0) { j += 4; } let alpha = 0; while(j < point_data.length && (alpha = point_data[j+3]) > 0) { aggregate[j] += point_data[j]; aggregate[j+1] += point_data[j+1]; aggregate[j+2] += point_data[j+2]; const sum = (aggregate[j+3] += alpha); if (sum > maxAggregate) { maxAggregate = sum; } j += 4; } } let j; if ((++drawn % 8) === 0) { // only draw when a new frame is about to be painted window.requestAnimationFrame(() => { const norm = 255 / maxAggregate; for (let j = 0; j < imgData.data.length; j++) { imgData.data[j] = aggregate[j] * norm & 0xFF; } ctx.putImageData(imgData, 0, 0); }); yield html`${canvases}
`; } } if (successes_in_current_plot == 0) { canvases.pop() } } }33:[] 2f:{"title":"Unicode Range Palimpsests","cells":[{"id":0,"value":"md`# Unicode Range Palimpsests\n\nAverage the pixel values for every range in the Unicode character definition, one at a time.\n\nChange the font below.\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"font = \"Georgia\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":332,"value":"{\n for (let point of points()) {\n yield point\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":255,"value":"MAX_POINTS_IN_RANGE = 10024","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"import {block_points, blocks, d3, _arrayBufferToBase64} from '@bmschmidt/umap-clustering-of-unicode-characters-from-pixel-values'","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}