2b:null 2c:["$","title",null,{"children":"Timbre.js Playground | Evgeny Zislis | Observable"}] 31:T20b7,{ let freq = 440 * Math.pow(2, (vcoInput.note % 12)/12) vco.set({ freq }) if (vcoInput.active) { vco.play() let timeout = T("timeout", { timeout: vcoInput.timeout }) .on("ended", () => vco.pause()).start() } // T.reset() // var mml0, mml1; // var env = T("adsr", {d:3000, s:0, r:600}); // var synth = T("SynthDef", {mul:0.45, poly:8}); // synth.def = function(opts) { // var op1 = T("sin", {freq:opts.freq*6, fb:0.25, mul:0.4}); // var op2 = T("sin", {freq:opts.freq, phase:op1, mul:opts.velocity/128}); // return env.clone().append(op2).on("ended", opts.doneAction).bang(); // }; // var master = synth; // var mod = T("sin", {freq:2, add:3200, mul:800, kr:1}); // master = T("eq", {params:{lf:[800, 0.5, -2], mf:[6400, 0.5, 4]}}, master); // master = T("phaser", {freq:mod, Q:2, steps:4}, master); // master = T("delay", {time:"BPM60 L16", fb:0.65, mix:0.25}, master); // mml0 = "t60 l4 v6 q2 o3"; // mml0 += "[ [g < b0> d >]8 "; // mml0 += "f+ >> b<> e e> d>"; // mml0 += ">a<> d> d> d> d>"; // mml0 += "d> d> d> d> d>"; // mml0 += "| e> f+>> b<> e<> e>"; // mml0 += "eb0e0b0> a0 d0a0 ]"; // mml0 += "e> e> e> e<> e>"; // mml0 += "eb0e0b0> a0 d0a0"; // mml1 = "t60 v14 l4 o6"; // mml1 += "[ r2. r2. r2. r2."; // mml1 += "rf+a gf+c+ >ba2. f+2.& f+2.& f+2.& f+2.< rf+a gf+c+ >ba2.<"; // mml1 += "c+2. f+2. >e2.&e2.&e2."; // mml1 += "abb< dc>b< d2.& d2d"; // mml1 += "efg acd ed>b this.pause()) // .bang() // if (vcoInput.active) { // vco.set({ freq: vcoInput.frequency }) // vco.play() // } else { // vco.stop() // } // // Create an output node // let output = mul(mixer, 0.5); // // Create a master bus // master.bus().append(output); // // Create a delay effect // let delayEffect = delay({time: 0.2}, output); // // Set up the UI // let ui = { // on: param(false), // vcoFreq: param(440), // vcfCutoff: param(500), // egAttack: param(10), // egDecay: param(250), // egSustain: param(0.6), // egRelease: param(250), // delayTime: param(0.2), // mix: param(0.5), // }; // // Bind the UI parameters to the synth parameters // ui.on.on('change', (value) => { // if (value) { // output.connect(delayEffect).toMaster(); // } else { // output.disconnect(); // delayEffect.disconnect(); // } // }); // ui.vcoFreq.on('change', (value) => {vco.freq = value}); // ui.vcfCutoff.on('change', (value) => {vcf.cutoff = value}); // ui.egAttack.on('change', (value) => {eg.a = value}); // ui.egDecay.on('change', (value) => {eg.d = value}); // ui.egSustain.on('change', (value) => {eg.s = value}); // ui.egRelease.on('change', (value) => {eg.r = value}); // ui.delayTime.on('change', (value) => {delayEffect.time = value}); // ui.mix.on('change', (value) => {output.mul = value}); // // Create the UI view // let view = { // let el = document.createElement("div"); // el.style.display = "flex"; // el.style.flexDirection = "column"; // el.style.padding = "10px"; // el.style.border = "1px solid #ccc"; // el.style.borderRadius = "5px"; // let onBtn = document.createElement("button"); // onBtn.textContent = "ON"; // onBtn.style.marginBottom = "10px"; // onBtn.style.backgroundColor = "#4CAF50"; // onBtn.style.color = "white"; // onBtn.style.borderRadius = "5px"; // onBtn.style.padding = "5px 10px"; // onBtn.style.cursor = "pointer"; // onBtn.addEventListener("click", () => { // ui.on.value = !ui.on.value; // onBtn.textContent = ui.on.value ? "OFF" : "ON"; // onBtn.style.backgroundColor = ui.on.value ? "#f44336" : "#4CAF50"; // onBtn.style.color = ui.on.value ? "white" : "black"; // }); // el.appendChild(onBtn); // let vcoFreqSlider = document.createElement("input"); // vcoFreqSlider.type = "range"; // vcoFreqSlider.min = "20"; // vcoFreqSlider.max = "20000"; // vcoFreqSlider.value = ui.vcoFreq.value; // vcoFreqSlider.style.marginBottom = "10px"; // vcoFreqSlider.addEventListener("input", () => { // ui.vcoFreq.value = parseFloat(vcoFreqSlider.value); // }); // el.appendChild(document.createTextNode("VCO Frequency")); // el.appendChild(vcoFreqSlider); // let vcfCutoffSlider = document.createElement("input"); // vcfCutoffSlider.type = "range"; // vcfCutoffSlider.min = "20"; // vcfCutoffSlider.max = "10000"; // vcfCutoffSlider.value = ui.vcfCutoff.value; // vcfCutoffSlider.style.marginBottom = "10px"; // vcfCutoffSlider.addEventListener("input", () => { // ui.vcfCutoff.value = parseFloat(vcfCutoffSlider.value); // }); // el.appendChild(document.createTextNode("VCF Cutoff")); // el.appendChild(vcfCutoffSlider); // let egAttackSlider = document.createElement("input"); // egAttackSlider.type = "range"; // egAttackSlider.min = "1"; // egAttackSlider.max = "100"; // egAttackSlider.value = ui.egAttack.value; // egAttackSlider.style.marginBottom = "10px"; // egAttackSlider.addEventListener("input", () => { // ui.egAttack.value = parseFloat(egAttackSlider.value); // }); // el.appendChild(document.createTextNode("EG Attack")); // el.appendChild(egAttackSlider); // let egDecaySlider = document.createElement("input"); // egDecaySlider.type = "range"; // egDecaySlider.min = "1"; // egDecaySlider.max = "1000"; // egDecaySlider.value = ui.egDecay.value; // egDecaySlider.style.marginBottom = "10px"; // egDecaySlider.addEventListener("input", () => { // ui.egDecay.value = parseFloat(egDecaySlider.value); // }); // el.appendChild(document.createTextNode("EG Decay")); // el.appendChild(egDecaySlider); // let egSustainSlider = document.createElement("input"); // egSustainSlider.type = "range"; // egSustainSlider.min = "0"; // egSustainSlider.max = "1"; // egSustainSlider.step = "0.01"; // egSustainSlider.value = ui.egSustain.value; // egSustainSlider.style.marginBottom = "10px"; // egSustainSlider.addEventListener("input", () => { // ui.egSustain.value = parseFloat(egSustainSlider.value); // }); // el.appendChild(document.createTextNode("EG Sustain")); // el.appendChild(egSustainSlider); // let egReleaseSlider = document.createElement("input"); // egReleaseSlider.type = "range"; // egReleaseSlider.min = "1"; // egReleaseSlider.max = "1000"; // egReleaseSlider.value = ui.egRelease.value; // egReleaseSlider.style.marginBottom = "10px"; // egReleaseSlider.addEventListener("input", () => { // ui.egRelease.value = parseFloat(egReleaseSlider.value); // }); // el.appendChild(document.createTextNode("EG Release")); // el.appendChild(egReleaseSlider); // let delayTimeSlider = document.createElement("input"); // delayTimeSlider.type = "range"; // delayTimeSlider.min = "0"; // delayTimeSlider.max = "1"; // delayTimeSlider.step = "0.01"; // delayTimeSlider.value = ui.delayTime.value; // delayTimeSlider.style.marginBottom = "10px"; // delayTimeSlider.addEventListener("input", () => { // ui.delayTime.value = parseFloat(delayTimeSlider.value); // }); // el.appendChild(document.createTextNode("Delay Time")); // el.appendChild(delayTimeSlider); // let mixSlider = document.createElement("input"); // mixSlider.type = "range"; // mixSlider.min = "0"; // mixSlider.max = "1"; // mixSlider.step = "0.01"; // mixSlider.value = ui.mix.value; // mixSlider.style.marginBottom = "10px"; // mixSlider.addEventListener("input", () => { // ui.mix.value = parseFloat(mixSlider.value); // }); // el.appendChild(document.createTextNode("Mix")); // el.appendChild(mixSlider); // return el; // }; // // Display the UI view // let el = view(); // let div = DOM.element('div'); // div.appendChild(el); // return div; }32:[] 2f:{"id":"c83ea6b9e277195d","slug":null,"title":"Timbre.js Playground","thumbnail":"3fe74bf51a77888581bcb88b8e187a6503fa32412618a9930dc84d8f2bcfd4a5","access_level":"public","create_time":"$D2023-04-06T22:46:06.600Z","update_time":"$D2023-04-07T00:49:36.053Z","view_time":null,"first_public_time":"$D2023-04-06T22:46:06.600Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"46a863062e736b11","login":"kesor6","name":"Evgeny Zislis","avatar_url":"https://avatars-next.observableusercontent.com/62ea106a6dd5cd85f4a7882c1a3af351d8bc579ab4d640024d60d8e3d7a4e375","tier":"starter_2024"},"version":200,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"32bfa0c459d55768","login":"kesor6","name":"Evgeny Zislis","avatar_url":"https://avatars-next.observableusercontent.com/62ea106a6dd5cd85f4a7882c1a3af351d8bc579ab4d640024d60d8e3d7a4e375","tier":null}],"members":[{"type":"individual","id":"32bfa0c459d55768","login":"kesor6","name":"Evgeny Zislis","avatar_url":"https://avatars-next.observableusercontent.com/62ea106a6dd5cd85f4a7882c1a3af351d8bc579ab4d640024d60d8e3d7a4e375","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Timbre.js Playground","cells":[{"id":0,"value":"# Timbre.js Playground","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"viewof vcoInput = Inputs.form({\n active: Inputs.toggle({ label: \"Active\" }),\n note: Inputs.range([-57, 50], { label: \"Note\", value: 0, step: 1 }),\n timeout: Inputs.range([100, 1000], { label: \"Timeout\", step: 10 }),\n reset: Inputs.button(\"Reset!\", { reduce: () => T.reset() })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"import { timbre, T } from \"https://mohayonao.github.io/timbre.js/timbre.dev.js\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"vco = T(\"osc\", { wave: \"sin\", freq: 440 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"