Skip to content

Commit

Permalink
deploy: 1e52b3a
Browse files Browse the repository at this point in the history
  • Loading branch information
dhemery committed Jul 28, 2024
1 parent 9278f3a commit 4805db1
Show file tree
Hide file tree
Showing 37 changed files with 1,071 additions and 3,838 deletions.
87 changes: 58 additions & 29 deletions css/screen.css
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,19 @@ body {
font-family: Helvetica, sans-serif;
font-size: 100%; }

main p, main ul, main ol, main blockquote {
main p,
main ul,
main ol,
main blockquote {
margin: 1rem auto; }

main p, main ul, main ol {
main p,
main ul,
main ol {
padding: 0; }

main ul, main ol {
main ul,
main ol {
padding-left: 1rem; }

main blockquote {
Expand All @@ -48,15 +54,18 @@ footer {
background-color: #003366;
padding: .5em;
margin: 0; }
.banner h1, .banner h2, .banner a {
.banner h1,
.banner h2,
.banner a {
font-weight: normal;
color: #e7ebef; }
.banner h1 {
font-size: 3rem; }
.banner h2 {
font-size: 2rem; }

.boxed, .chrome {
.boxed,
.chrome {
border-color: #999999;
border-width: 1px;
background-color: #e7ebef; }
Expand Down Expand Up @@ -101,26 +110,36 @@ blockquote {
border: 1px solid #999999;
background-color: #fbfbfb;
color: #003366; }
blockquote p, blockquote em em {
blockquote p,
blockquote em em {
font-style: italic; }
blockquote em, blockquote em em em {
blockquote em,
blockquote em em em {
font-style: normal; }

em, em em em {
em,
em em em {
font-style: italic; }

em em {
font-style: normal; }

h1, h2, h3, h4 {
h1,
h2,
h3,
h4 {
margin: 0;
padding: 0;
color: #003366; }

section h1, section h2 {
section h1,
section h2 {
font-variant: small-caps; }

section h1, section h2, section h3, section h4 {
section h1,
section h2,
section h3,
section h4 {
margin-top: 1.5rem; }

h1 {
Expand All @@ -143,13 +162,20 @@ img {
li {
margin: 0; }

ol, ul {
ol,
ul {
list-style: none; }

p, li, dt, dd {
p,
li,
dt,
dd {
line-height: 1.5; }

p, ul, ol, blockquote {
p,
ul,
ol,
blockquote {
padding: 0;
margin-top: 2rem; }

Expand All @@ -167,20 +193,14 @@ img.faceplate {
float: right; }

img.controls {
padding-left: 10px;
padding-bottom: 10px;
float: right; }

img.td-controls {
margin: auto;
text-align: center;
vertical-align: top; }
padding-top: 10px; }

img.envelope {
height: auto;
width: auto;
max-height: 360px;
max-width: 100%; }
max-width: 100%;
padding-top: 10px; }

img.envelope2 {
height: auto;
Expand All @@ -194,20 +214,29 @@ img.xycloid {
max-height: 360px;
max-width: 100%; }

table.curves td {
table.curves td,
table.techniques td {
vertical-align: middle;
text-align: center;
padding: 0;
padding: 5px;
margin: 0; }

table.curves th {
table.curves th,
table.techniques th {
vertical-align: middle;
text-align: center;
padding: .5em; }

table.curves svg {
table.curves svg,
table.techniques svg {
width: 12.7mm;
height: 12.7mm; }

table.curves img {
height: 80px; }
table.curves img,
table.techniques img {
width: 40px; }

table.techniques {
border-collapse: collapse; }
table.techniques td {
border: 1px solid black; }
118 changes: 15 additions & 103 deletions guides/generating-multi-stage-envelopes/index.html
Original file line number Diff line number Diff line change
@@ -1,37 +1,10 @@
<!doctype html><html lang=en-us>
<head>
<meta charset=utf-8>
<meta viewport="width=device-width">
<meta viewport="initial-scale=1">
<meta viewport="user-scalable=yes">
<title>Generating Multi-Stage Envelopes</title>
<link href=https://dhemery.github.io/DHE-Modules/favicon.ico rel=icon>
<link rel=stylesheet href=https://dhemery.github.io/DHE-Modules/css/screen.css>
</head>
<body>
<header class="banner centered title">
<h1><a href=https://dhemery.github.io/DHE-Modules/>DHE Modules</a></h1>
<h2>VCV Rack modules from Dale Emery</h2>
</header>
<main>
<header class=boxed>
<h1 class=title><a href=https://dhemery.github.io/DHE-Modules/guides/generating-multi-stage-envelopes/>Generating Multi-Stage Envelopes</a></h1>
</header>
<section><p>Combine
<!doctype html><html lang=en-us><head><meta charset=utf-8><meta viewport='width=device-width'><meta viewport='initial-scale=1'><meta viewport='user-scalable=yes'><title>Generating Multi-Stage Envelopes</title>
<link href=https://dhemery.github.io/DHE-Modules/favicon.ico rel=icon><link rel=stylesheet href=https://dhemery.github.io/DHE-Modules/css/screen.css></head><body><header class='banner centered title'><h1><a href=https://dhemery.github.io/DHE-Modules/>DHE Modules</a></h1><h2>VCV Rack modules from Dale Emery</h2></header><main><header class=boxed><h1 class=title><a href=https://dhemery.github.io/DHE-Modules/guides/generating-multi-stage-envelopes/>Generating Multi-Stage Envelopes</a></h1></header><section><p>Combine
<a href=https://dhemery.github.io/DHE-Modules/modules/stage/><em>Stage</em></a>,
<a href=https://dhemery.github.io/DHE-Modules/modules/booster-stage/><em>Booster Stage</em></a>,
<a href=https://dhemery.github.io/DHE-Modules/modules/hostage/><em>Hostage</em></a>,
and <a href=https://dhemery.github.io/DHE-Modules/modules/upstage/><em>Upstage</em></a>
modules to generate complex, interesting, multi-stage envelopes.</p>
<p>Here are some common envelope types:</p>
<ul>
<li><a href=#ar>AR: Attack-Release Envelopes</a></li>
<li><a href=#ahr>AHR: Attack-Hold-Release Envelopes</a></li>
<li><a href=#adhr>ADHR: Attack-Decay-Hold-Relase Envelopes</a></li>
<li><a href=#adsr>ADSR: Attack-Decay-Sustain-Release Evelopes</a></li>
<li><a href=#multi-stage>More Stages Than You Can Count</a></li>
</ul>
<p><strong>For additional ideas:</strong>
modules to generate complex, interesting, multi-stage envelopes.</p><p>Here are some common envelope types:</p><ul><li><a href=#ar>AR: Attack-Release Envelopes</a></li><li><a href=#ahr>AHR: Attack-Hold-Release Envelopes</a></li><li><a href=#adhr>ADHR: Attack-Decay-Hold-Relase Envelopes</a></li><li><a href=#adsr>ADSR: Attack-Decay-Sustain-Release Evelopes</a></li><li><a href=#multi-stage>More Stages Than You Can Count</a></li></ul><p><strong>For additional ideas:</strong>
see <a href=https://dhemery.github.io/DHE-Modules/guides/techniques-and-variations/>Techniques and Variations</a>,
which describes
how to wire multi-stage envelopes,
Expand All @@ -40,83 +13,22 @@ <h1 class=title><a href=https://dhemery.github.io/DHE-Modules/guides/generating-
retriggerable envelopes,
uninterruptible envelopes,
looping envelopes,
and other interesting variations.</p>
<h1 id=span-idararspan-attack-release-envelopes><span id=ar>AR:</span> Attack-Release Envelopes</h1>
<img class=envelope src=ar.png alt="Attack-Release Envelope">
<ul>
<li><a href=https://dhemery.github.io/DHE-Modules/guides/techniques-and-variations/#wiring>Connect</a>:
<ol>
<li>A <em>Stage</em> for the attack stage</li>
<li>A <em>Stage</em> for the release stage</li>
</ol>
</li>
<li>To start the envelope at 0V,
leave the attack stage&rsquo;s <em>IN</em> input disconnected.</li>
<li>To set the peak attack voltage,
adjust the attack stage&rsquo;s <em>LEVEL.</em></li>
<li>Set the release stage&rsquo;s <em>LEVEL</em> to 0V.</li>
</ul>
<h1 id=span-idahrahr-span-attack-hold-release-envelopes><span id=ahr>AHR: <span> Attack-Hold-Release Envelopes</h1>
<img class=envelope src=ahr.png alt="Attack-Hold-Release Envelope">
<ul>
<li><a href=https://dhemery.github.io/DHE-Modules/guides/techniques-and-variations/#wiring>Connect</a>:
<ol>
<li>A <em>Stage</em> for the attack stage</li>
<li>A <em>Hostage</em> for the hold stage</li>
<li>A <em>Stage</em> for the release stage</li>
</ol>
</li>
<li>Set <em>Hostage</em> to <em>HOLD</em> mode.</li>
<li>To start the envelope at 0V,
leave the attack <em>Stage&rsquo;s</em> <em>IN</em> input disconnected.</li>
<li>Adjust the attack <em>Stage&rsquo;s</em> <em>LEVEL</em>
and other interesting variations.</p><h1 id=span-idararspan-attack-release-envelopes><span id=ar>AR:</span> Attack-Release Envelopes</h1><img class=envelope src=ar.png alt="Attack-Release Envelope"><ul><li><a href=https://dhemery.github.io/DHE-Modules/guides/techniques-and-variations/#wiring>Connect</a>:<ol><li>A <em>Stage</em> for the attack stage</li><li>A <em>Stage</em> for the release stage</li></ol></li><li>To start the envelope at 0V,
leave the attack stage&rsquo;s <em>IN</em> input disconnected.</li><li>To set the peak attack voltage,
adjust the attack stage&rsquo;s <em>LEVEL.</em></li><li>Set the release stage&rsquo;s <em>LEVEL</em> to 0V.</li></ul><h1 id=span-idahrahr-span-attack-hold-release-envelopes><span id=ahr>AHR: <span>Attack-Hold-Release Envelopes</h1><img class=envelope src=ahr.png alt="Attack-Hold-Release Envelope"><ul><li><a href=https://dhemery.github.io/DHE-Modules/guides/techniques-and-variations/#wiring>Connect</a>:<ol><li>A <em>Stage</em> for the attack stage</li><li>A <em>Hostage</em> for the hold stage</li><li>A <em>Stage</em> for the release stage</li></ol></li><li>Set <em>Hostage</em> to <em>HOLD</em> mode.</li><li>To start the envelope at 0V,
leave the attack <em>Stage&rsquo;s</em> <em>IN</em> input disconnected.</li><li>Adjust the attack <em>Stage&rsquo;s</em> <em>LEVEL</em>
to set the peak attack voltage.
<em>This also sets the hold level.</em></li>
<li>Set the release <em>Stage&rsquo;s</em> <em>LEVEL</em> to 0V.</li>
</ul>
<h1 id=span-idadhradhrspan-attack-decay-hold-release-envelopes><span id=adhr>ADHR:<span> Attack-Decay-Hold-Release Envelopes</h1>
<img class=envelope src=adhr.png alt="Attack-Decay-Hold-Release Envelope">
<p>To generate an Attack-Decay-Hold-Release (ADHR) envelope,
<em>This also sets the hold level.</em></li><li>Set the release <em>Stage&rsquo;s</em> <em>LEVEL</em> to 0V.</li></ul><h1 id=span-idadhradhrspan-attack-decay-hold-release-envelopes><span id=adhr>ADHR:<span> Attack-Decay-Hold-Release Envelopes</h1><img class=envelope src=adhr.png alt="Attack-Decay-Hold-Release Envelope"><p>To generate an Attack-Decay-Hold-Release (ADHR) envelope,
start with an <a href=#ahr>Attack-Hold-Release envelope</a>
and insert another <em>Stage</em> before the <em>Hostage:</em></p>
<h1 id=span-idadsradsr-span-attack-decay-sustain-release-envelopes><span id=adsr>ADSR: <span> Attack-Decay-Sustain-Release Envelopes</h1>
<img class=envelope src=adsr.png alt="Attack-Decay-Sustain-Release Envelope">
<p>To generate a sustain stage,
and insert another <em>Stage</em> before the <em>Hostage:</em></p><h1 id=span-idadsradsr-span-attack-decay-sustain-release-envelopes><span id=adsr>ADSR: <span>Attack-Decay-Sustain-Release Envelopes</h1><img class=envelope src=adsr.png alt="Attack-Decay-Sustain-Release Envelope"><p>To generate a sustain stage,
we need to wire one module a little differently than normal.
Note the <strong>bold</strong> text below.</p>
<ul>
<li><a href=https://dhemery.github.io/DHE-Modules/guides/techniques-and-variations/#wiring>Connect</a>:
<ol>
<li>A <em>Stage</em> for the attack stage</li>
<li>A <em>Stage</em> for the decay stage</li>
<li>A <em>Hostage</em> for the sustain stage</li>
<li>A <em>Stage</em> for the release stage</li>
</ol>
</li>
<li><strong>Connect <em>Hostage&rsquo;s</em> <em>GATE</em> input
Note the <strong>bold</strong> text below.</p><ul><li><a href=https://dhemery.github.io/DHE-Modules/guides/techniques-and-variations/#wiring>Connect</a>:<ol><li>A <em>Stage</em> for the attack stage</li><li>A <em>Stage</em> for the decay stage</li><li>A <em>Hostage</em> for the sustain stage</li><li>A <em>Stage</em> for the release stage</li></ol></li><li><strong>Connect <em>Hostage&rsquo;s</em> <em>GATE</em> input
to the same gate source
that triggers the first stage.</strong>
This configures the gate source
to both <em>trigger</em> and <em>sustain</em> the envelope.</li>
<li>Set <em>Hostage</em> to <em>SUSTAIN</em> mode.</li>
<li>To start the envelope at 0V,
leave the attack stage&rsquo;s <em>IN</em> input disconnected.</li>
<li>Adjust the attack stage&rsquo;s <em>LEVEL</em>
to set the peak attack voltage.</li>
<li>Adjust the decay stage&rsquo;s <em>LEVEL</em>
to set the sustain level.</li>
<li>Set the release stage&rsquo;s <em>LEVEL</em> to 0V.</li>
</ul>
<p>Note that the envelope uses the LFO&rsquo;s square wave
to both <em>trigger</em> and <em>sustain</em> the envelope.</li><li>Set <em>Hostage</em> to <em>SUSTAIN</em> mode.</li><li>To start the envelope at 0V,
leave the attack stage&rsquo;s <em>IN</em> input disconnected.</li><li>Adjust the attack stage&rsquo;s <em>LEVEL</em>
to set the peak attack voltage.</li><li>Adjust the decay stage&rsquo;s <em>LEVEL</em>
to set the sustain level.</li><li>Set the release stage&rsquo;s <em>LEVEL</em> to 0V.</li></ul><p>Note that the envelope uses the LFO&rsquo;s square wave
both to <em>trigger the envelope</em>
and to <em>sustain it.</em></p>
<h1 id=span-idmulti-stagemorespan-stages-than-you-can-count><span id=multi-stage>More</span> Stages Than You Can Count…</h1>
<p>… unless you can count to eighteen.</p>
<img class=envelope2 src=multi-stage.png height=auto max-width=740 alt="An Eighteen-Stage Envelope">
</section>
</main>
<footer class="centered chrome">
<p role=copyright>© 2017–2022 Dale H. Emery</p>
</footer>
</body>
</html>
and to <em>sustain it.</em></p><h1 id=span-idmulti-stagemorespan-stages-than-you-can-count><span id=multi-stage>More</span> Stages Than You Can Count…</h1><p>… unless you can count to eighteen.</p><img class=envelope2 src=multi-stage.png height=auto max-width=740 alt="An Eighteen-Stage Envelope"></section></main><footer class='centered chrome'><p role=copyright>© 2017–2022 Dale H. Emery</p></footer></body></html>
65 changes: 7 additions & 58 deletions guides/generating-single-stage-envelopes/index.html
Original file line number Diff line number Diff line change
@@ -1,70 +1,19 @@
<!doctype html><html lang=en-us>
<head>
<meta charset=utf-8>
<meta viewport="width=device-width">
<meta viewport="initial-scale=1">
<meta viewport="user-scalable=yes">
<title>Generating Single-Stage Envelopes</title>
<link href=https://dhemery.github.io/DHE-Modules/favicon.ico rel=icon>
<link rel=stylesheet href=https://dhemery.github.io/DHE-Modules/css/screen.css>
</head>
<body>
<header class="banner centered title">
<h1><a href=https://dhemery.github.io/DHE-Modules/>DHE Modules</a></h1>
<h2>VCV Rack modules from Dale Emery</h2>
</header>
<main>
<header class=boxed>
<h1 class=title><a href=https://dhemery.github.io/DHE-Modules/guides/generating-single-stage-envelopes/>Generating Single-Stage Envelopes</a></h1>
</header>
<section><p>You can create a simple envelopes
<!doctype html><html lang=en-us><head><meta charset=utf-8><meta viewport='width=device-width'><meta viewport='initial-scale=1'><meta viewport='user-scalable=yes'><title>Generating Single-Stage Envelopes</title>
<link href=https://dhemery.github.io/DHE-Modules/favicon.ico rel=icon><link rel=stylesheet href=https://dhemery.github.io/DHE-Modules/css/screen.css></head><body><header class='banner centered title'><h1><a href=https://dhemery.github.io/DHE-Modules/>DHE Modules</a></h1><h2>VCV Rack modules from Dale Emery</h2></header><main><header class=boxed><h1 class=title><a href=https://dhemery.github.io/DHE-Modules/guides/generating-single-stage-envelopes/>Generating Single-Stage Envelopes</a></h1></header><section><p>You can create a simple envelopes
with a single
<a href=https://dhemery.github.io/DHE-Modules/modules/stage/><em>Stage</em></a>
module:</p>
<ul>
<li><a href=#ah>Attack-and-Hold Envelopes</a></li>
<li><a href=#dh>Decay-and-Hold Envelopes</a></li>
</ul>
<p>For additional control and versatility,
module:</p><ul><li><a href=#ah>Attack-and-Hold Envelopes</a></li><li><a href=#dh>Decay-and-Hold Envelopes</a></li></ul><p>For additional control and versatility,
use a
<a href=https://dhemery.github.io/DHE-Modules/modules/booster-stage><em>Booster Stage</em></a>
instead of a <em>Stage</em>.</p>
<p><strong>See also:</strong></p>
<ul>
<li><a href=https://dhemery.github.io/DHE-Modules/guides/generating-multi-stage-envelopes/>Generating Multi-Stage Envelopes</a></li>
<li><a href=https://dhemery.github.io/DHE-Modules/guides/techniques-and-variations/>Techniques and Variations</a>:
instead of a <em>Stage</em>.</p><p><strong>See also:</strong></p><ul><li><a href=https://dhemery.github.io/DHE-Modules/guides/generating-multi-stage-envelopes/>Generating Multi-Stage Envelopes</a></li><li><a href=https://dhemery.github.io/DHE-Modules/guides/techniques-and-variations/>Techniques and Variations</a>:
how to wire multi-stage envelopes,
how to add hold and sustain stages,
and how to create
retriggerable envelopes,
uninterruptible envelopes,
looping envelopes,
and other interesting variations.</li>
</ul>
<h1 id=span-idahattack-and-holdspan-envelopes><span id=ah>Attack-and-Hold</span> Envelopes</h1>
<img class=envelope src=ah.png alt="Attack and Hold Envelope">
<ul>
<li>Connect a trigger source to the <em>TRIG</em> input.</li>
<li>Leave the <em>IN</em> input disconnected.</li>
<li>Set the <em>LEVEL</em> knob to the desired <em>hold</em> voltage.</li>
</ul>
<h1 id=span-iddhdecay-and-holdspan-envelopes><span id=dh>Decay-and-Hold</span> Envelopes</h1>
<p>This is very useful for plucks:</p>
<img class=envelope src=dh.png alt="Decay and Hold Envelope">
<ul>
<li>Connect a trigger source to the <em>TRIG</em> input.</li>
<li>Connect a voltage source to the <em>IN</em> input
to supply the envelope&rsquo;s starting voltage.</li>
<li>Set the <em>LEVEL</em> knob to the desired <em>hold</em> voltage.</li>
</ul>
<p><strong>Note:</strong>
and other interesting variations.</li></ul><h1 id=span-idahattack-and-holdspan-envelopes><span id=ah>Attack-and-Hold</span> Envelopes</h1><img class=envelope src=ah.png alt="Attack and Hold Envelope"><ul><li>Connect a trigger source to the <em>TRIG</em> input.</li><li>Leave the <em>IN</em> input disconnected.</li><li>Set the <em>LEVEL</em> knob to the desired <em>hold</em> voltage.</li></ul><h1 id=span-iddhdecay-and-holdspan-envelopes><span id=dh>Decay-and-Hold</span> Envelopes</h1><p>This is very useful for plucks:</p><img class=envelope src=dh.png alt="Decay and Hold Envelope"><ul><li>Connect a trigger source to the <em>TRIG</em> input.</li><li>Connect a voltage source to the <em>IN</em> input
to supply the envelope&rsquo;s starting voltage.</li><li>Set the <em>LEVEL</em> knob to the desired <em>hold</em> voltage.</li></ul><p><strong>Note:</strong>
It may be useful to use the trigger signal
to supply the envelope&rsquo;s starting voltage,
as we&rsquo;ve done in this example.</p>
</section>
</main>
<footer class="centered chrome">
<p role=copyright>© 2017–2022 Dale H. Emery</p>
</footer>
</body>
</html>
as we&rsquo;ve done in this example.</p></section></main><footer class='centered chrome'><p role=copyright>© 2017–2022 Dale H. Emery</p></footer></body></html>
Loading

0 comments on commit 4805db1

Please # to comment.