tutorial updates

website/src/pages/learn/effects.mdx

@@ -0,0 +1,65 @@
+---
+title: Audio effects
+description: Strudel Tutorial - Audio effects
+layout: ../../layouts/MainLayout.astro
+---
+
+import { MiniRepl } from '../../docs/MiniRepl';
+import { JsDoc } from '../../docs/JsDoc';
+
+# Audio Effects
+
+Wether you're using a synth or a sample, you can apply any of the following built-in audio effects.
+As you might suspect, the effects can be chained together, and they accept a pattern string as their argument.
+
+# bandf
+
+<JsDoc client:idle name="bandf" h={0} />
+
+# bandq
+
+<JsDoc client:idle name="bandq" h={0} />
+
+# coarse
+
+<JsDoc client:idle name="coarse" h={0} />
+
+# crush
+
+<JsDoc client:idle name="crush" h={0} />
+
+# cutoff
+
+<JsDoc client:idle name="cutoff" h={0} />
+
+# gain
+
+<JsDoc client:idle name="gain" h={0} />
+
+# hcutoff
+
+<JsDoc client:idle name="hcutoff" h={0} />
+
+# hresonance
+
+<JsDoc client:idle name="hresonance" h={0} />
+
+# pan
+
+<JsDoc client:idle name="pan" h={0} />
+
+# resonance
+
+<JsDoc client:idle name="resonance" h={0} />
+
+# shape
+
+<JsDoc client:idle name="shape" h={0} />
+
+# velocity
+
+<JsDoc client:idle name="velocity" h={0} />
+
+# vowel
+
+<JsDoc client:idle name="vowel" h={0} />