2b:null 2c:["$","title",null,{"children":"Untitled | Hong Kim | Observable"}] 31:T7e7,PAGES = [ {W:1002,s:[[501,1575,501,"b","Y","s"],[501,2326,250,"t","P","s"],[501,2326,250,"b","G","h"]]}, {W:1002,s:[[501,1575,501,"t","G","s"],[501,1575,501,"b","P","v"]]}, {W:1002,s:[[501,1575,501,"t","P","v"],[751,1575,250,"b","G","s"]]}, {W:1002,s:[[751,1070,250,"t","Y","h"],[751,1070,250,"b","G","s"],[751,1575,250,"t","Y","s"],[751,1575,250,"b","P","v"],[250,1575,250,"b","Y","s"]]}, {W:1002,s:[[501,1575,501,"b","G","h"],[501,2326,250,"t","P","s"],[501,2326,250,"b","Y","s"]]}, {W:1002,s:[[751,1074,250,"b","G","s"],[751,1575,250,"t","P","h"],[250,1575,250,"t","Y","s"],[250,1575,250,"b","P","s"]]}, {W:1002,s:[[501,1575,501,"t","P","s"],[501,1575,501,"b","Y","v"],[501,2410,167,"t","G","s"],[501,2410,167,"b","P","s"]]}, {W:1133,s:[[189,779,189,"t","Y","v"],[566,779,189,"b","P","s"],[566,1069,189,"t","G","s"],[566,1069,189,"b","P","v"],[944,1069,189,"t","Y","h"],[944,1069,189,"b","G","s"],[189,1447,189,"t","Y","s"],[189,1447,189,"b","P","s"],[566,1447,189,"t","Y","s"],[566,1447,189,"b","P","s"],[566,2350,566,"t","Y","h"],[850,2350,283,"b","G","s"]]}, {W:1133,s:[[850,1245,283,"t","Y","s"],[850,1245,283,"b","P","h"],[850,1527,128,"t","G","s"],[850,1527,128,"b","P","s"],[850,2003,283,"t","Y","s"],[566,2003,566,"b","G","v"]]}, {W:1133,s:[[189,1233,189,"t","Y","s"],[189,1233,189,"b","P","s"],[566,1233,189,"t","G","s"],[944,1233,189,"b","P","s"],[189,1600,189,"t","G","s"],[189,1600,189,"b","P","v"],[566,1600,189,"t","P","s"],[189,1966,189,"t","Y","s"],[189,1966,189,"b","P","s"],[566,2700,566,"t","Y","h"]]}, {W:1133,s:[[283,1247,283,"t","Y","s"],[566,1247,566,"b","P","v"],[566,1932,189,"t","G","s"],[566,1932,189,"b","P","s"],[566,2318,189,"t","G","h"],[566,2318,189,"b","Y","s"]]}, {W:1002,s:[[751,1074,250,"b","P","s"],[751,1575,250,"t","Y","h"],[751,1575,250,"b","G","s"],[250,1575,250,"t","G","s"],[751,2076,250,"t","Y","s"],[751,2076,250,"b","G","s"]]}, {W:1002,s:[[501,907,167,"t","P","s"],[501,907,167,"b","G","s"],[501,1575,501,"t","P","h"],[501,1575,501,"b","Y","s"]]} ]32:T877,score = { const C = 120, R = C / 2; const root = html`

`; score_pages.forEach((p, pi) => { let defs = "", body = "", borders = ""; const half = (note, isUp, ci) => { const path = isUp ? `M0 ${R}A${R} ${R} 0 0 1 ${C} ${R}Z` : `M0 ${R}A${R} ${R} 0 0 0 ${C} ${R}Z`; const col = COL[note.c]; if (note.f === "s") return ``; const id = `jgc${pi}_${ci}_${isUp ? "u" : "l"}`; defs += ``; let g = ``; if (note.f === "h") { const per = R / 6.5, sw = per * 0.66; for (let k = 0; k * per < R + per; k++) { const y = isUp ? R - (k + 1) * per + (per - sw) : R + k * per + (per - sw); g += ``; } } else { const per = R / 7, sw = per * 0.66; for (let k = 0; k * per < C + per; k++) g += ``; } return g + ""; }; p.cells.forEach((c, ci) => { const y0 = ci * C; body += ``; body += ``; body += ``; if (c.up) body += half(c.up, true, ci); if (c.lo) body += half(c.lo, false, ci); if (!c.start && c.hold) { body += ``; body += ``; } body += ``; borders += ``; }); const col = document.createElement("div"); col.className = "jg-col"; col.innerHTML = ``; root.appendChild(col); }); return root; }33:Tacc,{ if (!playing) return "■ 정지"; const ctx = new (window.AudioContext || window.webkitAudioContext)(); const timers = []; const spb = 60 / bpm; const t0 = ctx.currentTime + 0.3; let T = t0; const pluck = (freq, t, dur, vib) => { const lp = ctx.createBiquadFilter(); lp.type = "lowpass"; lp.frequency.value = 2600; lp.connect(ctx.destination); const o = ctx.createOscillator(); o.type = "triangle"; o.frequency.value = freq; const o2 = ctx.createOscillator(); o2.type = "sine"; o2.frequency.value = freq * 2; const g = ctx.createGain(), g2 = ctx.createGain(); g2.gain.value = 0.22; const a = Math.min(0.02, dur / 3); g.gain.setValueAtTime(0, t); g.gain.linearRampToValueAtTime(0.3, t + a); g.gain.setValueAtTime(0.24, t + dur * 0.65); g.gain.linearRampToValueAtTime(0, t + dur); o.connect(g); o2.connect(g2); g2.connect(g); g.connect(lp); if (vib) { const l = ctx.createOscillator(); l.frequency.value = 5.5; const lg = ctx.createGain(); lg.gain.value = 24; l.connect(lg); lg.connect(o.detune); lg.connect(o2.detune); l.start(t); l.stop(t + dur + 0.05); } o.start(t); o2.start(t); o.stop(t + dur + 0.05); o2.stop(t + dur + 0.05); }; const play = (note, t, dur) => { const f = FREQ[note.key]; if (note.f === "h") { const step = spb / 4, n = Math.max(1, Math.round(dur / step)); for (let k = 0; k < n; k++) pluck(f, t + k * step, step * 0.95, false); } else pluck(f, t, dur * 0.98, note.f === "v"); }; score_pages.forEach((p, pi) => { p.cells.forEach((c, ci) => { const cs = T + ci * spb; if (c.start) { const tail = (c.span - 1) * spb; const fill = c.span > 1; // 큰 원은 끝 음을 끝까지 이어 끎 if (c.up) { const isLast = c.last === c.up; play(c.up, cs, isLast && fill ? spb + tail : spb / 2); } if (c.lo) play(c.lo, cs + spb / 2, spb / 2 + (fill ? tail : 0)); } const el = () => score.querySelector(`#jgk${pi}_${ci}`); timers.push(setTimeout(() => { const e = el(); if (!e) return; e.classList.add("on"); e.scrollIntoView({block: "nearest", inline: "center"}); }, (cs - t0) * 1000)); timers.push(setTimeout(() => { const e = el(); if (e) e.classList.remove("on"); }, (cs + spb - t0) * 1000)); }); T += p.N * spb; }); timers.push(setTimeout(() => { const v = viewof playing; v.value = false; v.dispatchEvent(new Event("input", {bubbles: true})); }, (T - t0 + 0.5) * 1000)); invalidation.then(() => { timers.forEach(clearTimeout); score.querySelectorAll(".jg-k.on").forEach(e => e.classList.remove("on")); ctx.close(); }); return "▶ 연주 중"; }34:[] 2f:{"id":"545ab6299f6e1d61","slug":null,"title":"Untitled","thumbnail":"2d2546470490880d0501285528f94d14a052a0f130afdd5f8e59d8aeb5e762e3","access_level":"public","create_time":"$D2026-09-29T22:06:14.366Z","update_time":"$D2026-09-29T22:15:06.602Z","view_time":null,"first_public_time":"$D2026-09-29T22:06:14.366Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"e6a85a8cf42a15b5","login":"hong-kim","name":"Hong Kim","avatar_url":"https://avatars-next.observableusercontent.com/d6b1a76d9ea8c3def79465993e2deb310efee47b7fb090d5309197f28fe46cd1","tier":"starter_2024"},"version":36,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"737e6051f1367c50","login":"hong-kim","name":"Hong Kim","avatar_url":"https://avatars-next.observableusercontent.com/d6b1a76d9ea8c3def79465993e2deb310efee47b7fb090d5309197f28fe46cd1","tier":null}],"members":[{"type":"individual","id":"737e6051f1367c50","login":"hong-kim","name":"Hong Kim","avatar_url":"https://avatars-next.observableusercontent.com/d6b1a76d9ea8c3def79465993e2deb310efee47b7fb090d5309197f28fe46cd1","tier":null,"role":"editor"},{"type":"team","id":"e6a85a8cf42a15b5","login":"hong-kim","name":"Hong Kim","avatar_url":"https://avatars-next.observableusercontent.com/d6b1a76d9ea8c3def79465993e2deb310efee47b7fb090d5309197f28fe46cd1","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Untitled","cells":[{"id":0,"value":"# Untitled","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"COL = ({Y: \"#e3e559\", P: \"#ec008c\", G: \"#43b74a\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"FREQ = ({\n YB: 261.63, YT: 293.66, // 노랑 아래 C · 노랑 위 D\n GB: 349.23, GT: 392.00, // 초록 아래 F · 초록 위 G\n PB: 440.00, PT: 523.25 // 분홍 아래 A · 분홍 위 높은 C\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"score_pages = PAGES.map(p => {\n const u = p.W / 4;\n const groups = new Map();\n p.s.forEach(([cx, cy, r, h, c, f]) => {\n const k = `${cx}_${cy}_${r}`;\n if (!groups.has(k)) groups.set(k, {cx, cy, r, top: cy - r, up: null, lo: null});\n const g = groups.get(k);\n const note = {key: c + (h === \"t\" ? \"T\" : \"B\"), c, f};\n if (h === \"t\") g.up = note; else g.lo = note;\n });\n const gs = [...groups.values()].sort((a, b) => a.top - b.top || b.cx - a.cx);\n const cells = [];\n gs.forEach(g => {\n const span = Math.max(1, Math.round(g.r / u));\n const last = g.lo || g.up;\n cells.push({up: g.up, lo: g.lo, span, last, start: true});\n for (let k = 1; k < span; k++) cells.push({up: null, lo: null, hold: last, start: false});\n });\n return {...p, cells, N: cells.length};\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"md`**읽는 법** 세로 한 줄 = 페이지 1장, 줄은 오른쪽→왼쪽, 칸은 위→아래. 정사각형 칸 하나 = 1박이고, 그 안에 원이 꼭 맞게 들어갑니다. 위 반원 = 앞 반박, 아래 반원 = 뒤 반박, 반원이 없는 반칸은 쉼, 세로선(丨)은 앞 음을 이어 끎.\n**도형 대응(제가 정한 약속)** 노랑 아래 C · 노랑 위 D · 초록 아래 F · 초록 위 G · 분홍 아래 A · 분홍 위 높은 C / 가로줄 = 반박을 다시 잘게 되풀이 / 세로줄 = 떨림(농음)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"viewof bpm = Inputs.range([40, 140], {value: 72, step: 1, label: \"1정간 (박/분)\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"viewof playing = Inputs.toggle({label: \"연주\", value: false})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 30:"$2f:body"