31:Te16,function renderFingering(str) { str = str.toLowerCase().split(" "); const has = pos => (str.includes(pos) ? "black" : ""); const l1 = has("l1"); // left hand index finger const l2 = has("l2"); // left hand middle finger const l3 = has("l3"); // left hand ring finger const lt = has("lt"); // left hand normal thumb position const ltd = has("ltd"); // left hand "double" thumb position const lp = has("lp"); // left hand pinky const r1 = has("r1"); // left hand index finger const r2 = has("r2"); // left hand middle finger const r3 = has("r3"); // left hand ring finger const rp = has("rp"); // right hand pinky return svg` `; }32:[] 2f:{"title":"Learning the flute","cells":[{"id":0,"value":"md`# Learning the flute`","pinned":false,"hidden":false,"mode":"ojs"},{"id":607,"value":"{\n const boxes = [\n box(\"b\", \"B/4\", \"l1 lt rp\"),\n box(\"c\", \"C/5\", \"l1 rp\"),\n box(\"c#\", \"C#/5\", \"rp\"),\n box(\"d\", \"D/5\", \"lt l2 l3 r1 r2 r3\"),\n box(\"d#\", \"D#/5\", \"lt l2 l3 r1 r2 r3 rp\"),\n box(\"e\", \"e/5\", \"lt l1 l2 l3 r1 r2 rp\"),\n box(\"f\", \"f/5\", \"lt l1 l2 l3 r1 rp\"),\n box(\"f#\", \"f#/5\", \"lt l1 l2 l3 r3 rp\"),\n box(\"g\", \"g/5\", \"lt l1 l2 l3 rp\"),\n box(\"g#\", \"g#/5\", \"lt lp l1 l2 l3 rp\"),\n box(\"a\", \"A/5\", \"l1 l2 lt rp\"),\n box(\"a#\", \"A#/5\", \"l1 r1 lt rp\")\n ];\n return svg``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":404,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":509,"value":"function box(name, note, fingering) {\n return svg``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":282,"value":"function renderNoteOnBar(tone) {\n const VF = Vex.Flow;\n const renderer = new Vex.Flow.Renderer(\n html`

`,\n Vex.Flow.Renderer.Backends.SVG\n );\n\n const context = renderer.getContext();\n\n context.resize(100, 100);\n\n const stave = new VF.Stave(10, -10, 80)\n .addClef(\"treble\")\n .setContext(context)\n .draw();\n\n const voice = new VF.Voice({ num_beats: 1, beat_value: 4 });\n const note = new VF.StaveNote({\n clef: \"treble\",\n keys: [tone],\n duration: \"q\"\n });\n if (tone.indexOf(\"#\") >= 0) {\n note.addAccidental(0, new VF.Accidental(\"#\"));\n }\n voice.addTickables([note]);\n\n const formatter = new VF.Formatter().joinVoices([voice]).format([voice], 80);\n\n voice.draw(context, stave);\n\n const svgEl = context.element.getElementsByTagName(\"svg\")[0];\n svgEl.parentElement.removeChild(svgEl);\n return svgEl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"Vex = require(\"https://npmcdn.com/vexflow@3.0.9/releases/vexflow-debug.js\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}