diff options
| author | Kyle Gunger <kgunger12@gmail.com> | 2024-10-31 02:57:08 -0400 |
|---|---|---|
| committer | Kyle Gunger <kgunger12@gmail.com> | 2024-10-31 02:57:08 -0400 |
| commit | ee08cd02833382c2716dbc97e88fc166d9510281 (patch) | |
| tree | acec1d3f0c106d4ba6635e67f5bb703ba5265c71 | |
| parent | 3ef3c2437a2a12badd8f61ea369f45fdc073002b (diff) | |
styles
| -rw-r--r-- | about-additive.html | 11 | ||||
| -rw-r--r-- | about-effects.html | 11 | ||||
| -rw-r--r-- | index.html | 99 | ||||
| -rw-r--r-- | style.css | 28 |
4 files changed, 118 insertions, 31 deletions
diff --git a/about-additive.html b/about-additive.html index e69de29..7068b55 100644 --- a/about-additive.html +++ b/about-additive.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>About Additive - gungerky</title> + <link rel="stylesheet" href="./style.css" /> +</head> +<body> +</body> +</html>
\ No newline at end of file diff --git a/about-effects.html b/about-effects.html index e69de29..60ea6fb 100644 --- a/about-effects.html +++ b/about-effects.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>About Effects - gungerky</title> + <link rel="stylesheet" href="./style.css" /> +</head> +<body> +</body> +</html>
\ No newline at end of file @@ -4,52 +4,89 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Synth - gungerky</title> + <link rel="stylesheet" href="./style.css" /> </head> <body> <h1>Dream Softly</h1> <audio controls src="./music.wav"></audio> <h2>Project</h2> - <p> - This piece, along with the synthesizer software used to produce it was created as part of a project for CSE 471 - Media Processing and Multimedia. - Project and piece created by Kyle Gunger. - </p> + <span>This piece, along with the synthesizer software used to produce it was created as part of a project for CSE 471</span> + <span>Project and piece created by Kyle Gunger.</span> + + <a href="./music.score">Download the source for Dream Softly</a> + <a href="./about-additive.html">An in depth look at the additive synth</a> + <a href="./about-effects.html">An in depth look at the effects system</a> <h3>Source format</h3> <ul> - <li>XML format</li> - <li>Top level "score" tag with bpm and beatspermeasure attributes</li> - <li>Tags under the "score" must each be instruments. You may have multiple instruments of the same type, - each defining it's own effects and parameters.</li> - <ul> - <li>"instrument" attribute: "ToneInstrument" or "AdditiveInstrument"</li> - </ul> - - <li>"params" tag: where custom parameters unique to each instrument go. In the additive synthesizer, - each sub tag must be a "sounddef" tag which defines a sound. One can be set as default (default attribute set to non-zero), - and each may be given its own base amplitude (amp attribute). Under each "sounddef" tag you can put multiple harmonics to - add in ("harmonic" node with "harmonic" attribute set to the desired harmonic), along with their amplitude (amp attribute).</li> - - <li>"effects" tag: control the effect on the instrument. All instruments a common set of available effects.</li> + <li class="attr">XML format</li> + <li><span class="attr">"score"</span> tag: with bpm and beatspermeasure attributes</li> <ul> - <li>"effect" tag: define a new effect on the instrument (using the "effect" attribute). Only "NoiseGate" is supported.</li> + <li><span class="attr">"bpm"</span> attribute: number</li> + <li><span class="attr">"beatspermeasure"</span> attribute: number</li> + <br> + <li><span class="attr">"instrument"</span> tag: defines a single instrument track</li> <ul> - <li>"param" tag: set a parameter for the effect (using the "name" and "value" attributes). Value only supports numeric values.</li> - </ul> - <li>"order" tag: control the order in which effects are applied.</li> - <ul> - <li>"effect" tag: a tag representing one of the effects in order (using "id" attribute).</li> + <li><span class="attr">"instrument"</span> attribute: "ToneInstrument" or "AdditiveInstrument"</li> + <br> + <li><span class="attr">"params"</span> tag: where custom parameters unique to each instrument go + <ul> + <li>In the additive synthesizer:</li> + <li><span class="attr">"sounddef"</span> tag: define an additive sound by adding harmonics</li> + <ul> + <li><span class="attr">"amp"</span> attribute: amplitude of base frequency - number</li> + <br> + <li><span class="attr">"harmonic"</span> tag: define a harmonic to add in</li> + <ul> + <li><span class="attr">"harmonic"</span> attribute: harmonic to add in - number</li> + <li><span class="attr">"amp"</span> attribute: amplitude of harmonic - number</li> + </ul> + </ul> + </ul> + <li><span class="attr">"effects"</span> tag: control the effect on the instrument. All instruments share a common set of available effects.</li> + <ul> + <li><span class="attr">"effect"</span> tag: define a new effect on the instrument (using the "effect" attribute). Only "NoiseGate" is supported.</li> + <ul> + <li><span class="attr">"effect"</span> attribute: Only "NoiseGate" is supported.</li> + <br> + <li><span class="attr">"param"</span> tag: set a parameter for the effect</li> + <ul> + <li><span class="attr">"name"</span> attribute: the name of the parameter to set ("attack", "hold", "release", or "threshold" for NoiseGates)</li> + <li><span class="attr">"value"</span> attribute: the value to set the parameter to - number</li> + </ul> + </ul> + <li><span class="attr">"order"</span> tag: control the order in which effects are applied.</li> + <ul> + <li><span class="attr">"effect"</span> tag: a tag representing one of the effects</li> + <ul> + <li><span class="attr">"id"</span> attribute: the effect to pass the last output's audio through</li> + </ul> + </ul> + </ul> + <li><span class="attr">"note"</span> tag: play a note</li> + <ul> + <li><span class="attr">"measure"</span> attribute: the measure in the song to play this note at</li> + <li><span class="attr">"beat"</span> attribute: the beat in the measure to play this note at</li> + <li><span class="attr">"duration"</span> attribute: the length (in beats) to hold this note for</li> + <li><span class="attr">"note"</span> attribute: the note's key</li> + <br> + <li class="attr">In "AdditiveInstrument"s:</li> + <li><span class="attr">"sd"</span> attribute: set the sounddef to use - number</li> + <li><span class="attr">"c_from"</span> attribute: used with c_to (without "sd"). crossfade from this sounddef to the other one - number</li> + <li><span class="attr">"c_to"</span> attribute: used with c_from (without "sd"). crossfade to this sounddef from the other one - number</li> + <li><span class="attr">"g_from"</span> attribute: used with g_to (in place of "note"). glissando from this frequency to the other one - key</li> + <li><span class="attr">"g_to"</span> attribute: used with g_from (in place of "note"). glissando to this frequency from the other one - key</li> + <li><span class="attr">"attack"</span> attribute: modify the ADSR envelope's attack duration (seconds) - number</li> + <li><span class="attr">"decay"</span> attribute: modify the ADSR envelope's decay duration (seconds) - number</li> + <li><span class="attr">"sustain"</span> attribute: modify the ADSR envelope's sustain (multiply the sound's amplitude by this after decay) - number</li> + <li><span class="attr">"release"</span> attribute: modify the ADSR envelope's release duration (seconds) - number</li> + </ul> </ul> </ul> - - <li>"note" tag: </li> </ul> - <a href="./music.score">Download the source for Dream Softly</a> - <br> - <a href="./about-additive.html">An in depth look at the additive synth</a> - <br> - <a href="./about-effects.html">An in depth look at the effects system</a> + </body> </html>
\ No newline at end of file @@ -0,0 +1,28 @@ +body { + background: #404040; + color: white; + min-height: 100vh; +} + +span { + display:block; +} + +.attr { + color:#f080a0; + display:inline; +} + +* { + font-family: sans-serif; +} + +a{ + margin: 5px; + display: block; + color: lightcoral; +} + +li{ + padding: 5px; +}
\ No newline at end of file |