30:[] 2e:{"title":"","cells":[{"id":43,"value":"{\n const ctx = DOM.context2d(width, height);\n\n ctx.font = '3.5em sans-serif';\n\n let widths = {};\n for (let x = 1; x <= Untitled.length; x++) {\n let s = Untitled.substr(0, x);\n widths[s] = ctx.measureText(s).width;\n }\n\n const draw = e => {\n ctx.clearRect(0, 0, width, height);\n\n ctx.strokeStyle = '#ccc';\n ctx.strokeText(Untitled, 0, height - 10);\n\n let _untitled = '';\n let cursor = 0;\n\n if (e !== undefined) {\n cursor = e.layerX;\n\n for (const [k, v] of Object.entries(widths)) {\n if (e.layerX > v) {\n _untitled = k;\n }\n }\n if (mutable untitled != _untitled) {\n mutable untitled = _untitled;\n }\n } else {\n cursor = ctx.measureText(mutable untitled).width;\n }\n\n ctx.strokeStyle = 'black';\n ctx.strokeRect(cursor, 10, 1, height - 15);\n\n ctx.fillText(untitled, 0, height - 10);\n };\n\n ctx.canvas.addEventListener('mousemove', e => {\n draw(e);\n });\n\n draw();\n\n return ctx.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"md`# ${untitled}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":3,"value":"html`

${untitled}

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":121,"value":"svg``","pinned":true,"hidden":false,"mode":"ojs"},{"id":69,"value":"tex`\\LARGE ${untitled}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":333,"value":"{\n let camera = new THREE.OrthographicCamera(\n width / -2,\n width / 2,\n height / 2,\n height / -2,\n 1,\n 1000\n );\n\n camera.position.set(width / 2 - 5, height / 2 - 10, 1);\n\n let scene = new THREE.Scene();\n scene.background = new THREE.Color(0xffffff);\n\n let geometry = new THREE.TextGeometry(untitled, {\n font: threeFont,\n size: 25,\n height: 0\n });\n\n var material = new THREE.MeshBasicMaterial({ color: 0x000000 });\n var mesh = new THREE.Mesh(geometry, material);\n scene.add(mesh);\n\n var renderer = new THREE.WebGLRenderer({ antialias: true });\n invalidation.then(() => renderer.dispose());\n renderer.setSize(width, height);\n renderer.setPixelRatio(devicePixelRatio);\n\n renderer.render(scene, camera);\n\n return renderer.domElement;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":704,"value":"{\n console.log(untitled);\n return untitled;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":687,"value":"eval(`${Untitled}`)","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"eval(`let ${untitled} = function() {}; new ${untitled}()`)","pinned":true,"hidden":false,"mode":"ojs"},{"id":270,"value":"DOM.uid(untitled)","pinned":true,"hidden":false,"mode":"ojs"},{"id":256,"value":"DOM.select([untitled])","pinned":true,"hidden":false,"mode":"ojs"},{"id":179,"value":"DOM.download(new Blob([untitled], { type: \"text/plain\" }), untitled, untitled)","pinned":true,"hidden":false,"mode":"ojs"},{"id":608,"value":"{\n var synth = window.speechSynthesis;\n if (audio) synth.speak(new SpeechSynthesisUtterance(untitled));\n\n const form = html``;\n\n form.button.onclick = () => {\n synth.cancel();\n mutable audio = !audio;\n };\n\n return form;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"{\n let i = 0;\n if (audio) i = 0; // replay demo when playing the audio\n while (i < Untitled.length) {\n yield Promises.delay(\n 250,\n (mutable untitled = Untitled.substring(0, (i % Untitled.length) + 1))\n );\n i++;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1069,"value":"mutable untitled = ''","pinned":true,"hidden":false,"mode":"ojs"},{"id":1065,"value":"Untitled = 'Untitled'","pinned":true,"hidden":false,"mode":"ojs"},{"id":335,"value":"THREE = require('three')","pinned":true,"hidden":false,"mode":"ojs"},{"id":347,"value":"threeFont = new Promise(resolve =>\n new THREE.FontLoader().load(\n 'https://raw.githubusercontent.com/mrdoob/three.js/dev/examples/fonts/helvetiker_regular.typeface.json',\n resolve\n )\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":486,"value":"height = 50","pinned":true,"hidden":false,"mode":"ojs"},{"id":644,"value":"mutable audio = false","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}