1<!DOCTYPE HTML> 2<!-- 3 Massively by HTML5 UP 4 html5up.net | @ajlkn 5 Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 6--> 7<html> 8 <head> 9 <title>Usage: BeatScratch</title> 10 <meta charset="utf-8" /> 11 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 12 <link rel="stylesheet" href="assets/css/main.css" /> 13 <link rel="shortcut icon" type="image/png" href="favicon.png" /> 14 <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> 15 </head> 16 <body class="is-loading"> 17 18 <!-- Wrapper --> 19 <div id="wrapper"> 20 21 <!-- Header --> 22 <header id="header"> 23 <a href="./" class="logo">BeatScratch</a> 24 </header> 25 26 <!-- Nav --> 27 <nav id="nav"> 28 <ul class="links"> 29 <li><a href="./">Home</a></li> 30 <li class="active"><a href="usage.html">Usage</a></li> 31 <li><a href="platforms.html">Platforms</a></li> 32 <li><a href="hardware.html">Hardware</a></li> 33 <li><a href="open_source.html">Open Source</a></li> 34 <li><a href="https://medium.com/fully-automated-luxury-robot-music">Blog</a></li> 35 <li><a href="about.html">About</a></li> 36 </ul> 37 <!--ul class="icons"> 38 <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li> 39 <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> 40 <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> 41 <li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li> 42 </ul--> 43 </nav> 44 45 <!-- Main --> 46 <div id="main"> 47 48 <!-- Post --> 49 <section class="post"> 50 <header class="major"> 51 <h1>Basic Operations</h1> 52 </header> 53 <p> 54 The following basic operations should be reasonably self-explanatory to a musician randomly mashing 55 buttons in the UI. "+" means add a thing. Melodies and Sections, as you conventionally understand them, 56 are named as such. See the <a href="#pedantic">Detailed Overview</a> for more information. 57 </p> 58 <ol> 59 <li>Creating and Managing Scores/Palettes (not supported in Pre-Release)</li> 60 <li>Creating and Editing Melodies 61 <ul> 62 <li>Melodic vs. Drum Melodies</li> 63 <li>Length and Subdivisions Per Beat</li> 64 <li>Fixed Position vs. Relative to Chord (not supported in Pre-Release)</li> 65 </ul> 66 </li> 67 <li>Editing the Harmony of a Section</li> 68 <li>Creating and Managing Sections</li> 69 <li>Creating and Managing Parts 70 <ul> 71 <li>Melodic vs. Drum Parts</li> 72 </ul> 73 </li> 74 <li>Copying and Pasting/Sharing (not supported in Pre-Release) 75 <ul> 76 <li>Melodies</li> 77 <li>Harmonies</li> 78 <li>Chords</li> 79 <li>Sections (Duplicating)</li> 80 <li>Palettes</li> 81 </ul> 82 </li> 83 <li>Playing and Managing On-Screen Instruments 84 <ul> 85 <li>External MIDI Controllers</li> 86 </ul> 87 </li> 88 </ol> 89 <h2>Composing Operations</h2> 90 The basic operations above can be combined to do a lot of things musicians do in songs: 91 <ul> 92 <li>Duplicate Section and change main Melody (for your second, third, etc. verses)</li> 93 <li>Duplicate Melody and make half-time/double-time</li> 94 <li>Duplicate Section/Harmony and change last few chords (e.g., half-cadence to full cadence, or verse to pre-chorus)</li> 95 </ul> 96 <header class="major" id="pedantic"> 97 <h1>Detailed Overview</h1> 98 </header> 99 <p> 100 BeatScratch's primary document (the thing you're always editing, that it is auto-saving) 101 is called a <i>Score</i> (Palette before the pre-release). The format for this document is designed so 102 that not only can Sections of music be repeated, but <i>musical themes</i> can be repeated
103 on top of new Harmonies. (The pre-release does not support Harmony editing; <i>everything</i> is based 104 on a "C Chromatic" chord for now). This happens to make music straightforward to edit with your thumbs. 105 (Or, in the pre-release, to edit by playing on-screen or connected instruments.) 106 </p> 107 <p> 108 At its root, a Palette is divided up into just Parts and Sections. A Part is what you intuitively think 109 it is: Piano, Alto, Soprano, Euphonium, Drums, etc. A Section might be a Verse, Chorus, Bridge, Sonata 110 Theme, Transition, Retransition, Recapitulation. However fancy and European you want to get, it's 111 important to note that <i>every Section has a Harmony</i>. The rest of the high-level structure follows: 112 </p> 113 <p> 114 <ul> 115 <li> 116 A <b>Score</b> has: 117 <ul> 118 <li><b>Parts</b>. A Part has:<ul> 119 <li>An <b>Instrument</b>, like Drums, Guitar, or Piano.</li> 120 <li><b>Melodies</b>.</li> 121 </ul></li> 122 </ul> 123 <ul> 124 <li><b>Sections</b>. A Section has:<ul> 125 <li>A <b>Harmony</b>.</li> 126 <li><b>Melody References</b>. 127 <ul> 128 <li>References a Melody from a Part (via internal IDs).</li> 129 <li>Has a <b>Volume</b>.</li> 130 </ul> 131 </li> 132 </ul></li> 133 </ul> 134 </li> 135 </ul> 136 </p> 137 <p> 138 BeatScratch's notion of a Melody is chromatic, meaning it can be all 12 notes you could play. 139 However, BeatScratch always has a "Harmony" in place and can make any Melody conform to any Harmony 140 in countless ways, both in terms of notes and rhythm. Atop this, a Palette/Score is primarily divided 141 two ways: into Parts and Sections. 142 </p> 143 <h3>Parts</h3> 144 <p> 145 A Part is <i>an Instrument patch</i> and <i>a list of Melodies</i>. Note that this means Melodies cannot be shared between Parts; however, Melodies 146 may be <i>copied</i> between Parts. It is the BeatScratch analogue to your Bassoon III Part. (Well, maybe a unified multi-voice Bassoon I, II and II part.) 147 </p> 148 <ul> 149 <!-- <li> --> 150 <!-- <b>MIDI Audio Parts</b> --> 151 <!-- <ul> --> 152 <li><i>Harmonic Parts</i>: Can add up to 8 (7 if a drum track is being used). Will be mapped to MIDI channels according to their order.</li> 153 <li><i>Drum Parts</i>: BeatScratch will only let you add one of these. Always maps to MIDI channel 10.</li> 154 <!-- </ul> --> 155 <!-- </li> --> 156 </ul> 157 <h3>Sections</h3> 158 <p> 159 A Section is <i>a Harmony</i> and <i>a list of Melody References</i>. It is the analogue to a single Chorus, Verse, Bridge, Exposition, Development 160 — however you choose to structure your music. 161 </p> 162 <ul> 163 <li> 164 <i>Melody References</i> are references to Melodies from the Parts list. However, a Melody Reference can have its own volume 165 (and eventually transposition and other) that is section-specific. (Changes to the base structure of a Melody would affect 166 <i>all</i> Sections that reference that Melody.) 167 </li> 168 <li> 169 Eventually repeats of/between Sections are planned; feedback on use cases is appreciated! 170 </li> 171 </ul> 172 <h2>Pallette UI</h2> 173 <p> 174 </p> 175 <ul> 176 <li> 177 <h3>On-Screen Instruments</h3> 178 <ul> 179 <li><b>Keyboard</b>: Can be used to play any Part, including Drum parts. Can play notes outside of the current Chord. Used to specify custom chords along with the Orbifold. Move up and down by swiping from the left/right edges.</li> 180 <li><b>Colorboard</b> <i>(disabled by default in Pre-Release)</i>: Can only play Melodic Parts, and only notes in the current Chord. Move up and down by pointing the device up and down.</li> 181 <li><b>Orbifold</b> <i>(not in Pre-Release)</i>:: Can only play Melodic Parts, and only notes in the current Chord. Used in choosing Chords for the Harmony.</li> 182 </ul> 183 </li> 184 <li> 185 <h3>Section List</h3> 186 <ul> 187 <li>Select a Section by clicking it.</li> 188 <li>Create a new Section with the "+" button.</li> 189 <li>
189Long click to rename, delete, copy/paste Harmonies between, and Duplicate Sections.</li> 190 <li>Drag and drop to reorder.</li> 191 </ul> 192 </li> 193 <li> 194 <h3>Harmony (not modifiable in pre-release)</h3> 195 <ul> 196 <li>Click to playback from a point and select that Chord.</li> 197 <li>Long-press to select a point in time and add a Chord change, remove the current Chord change, or change the Chord at that point.</li> 198 <li>While editing a Chord, click another Chord to copy it.</li> 199 <li>There must always be at least one Chord in the Harmony.</li> 200 </ul> 201 </li> 202 <li> 203 <h3>Part List</h3> 204 <ul> 205 <li><b>Part Name/Instrument</b> 206 <ul> 207 <li>Click to change Instrument (Melodic Parts)</li> 208 </ul> 209 </li> 210 <li><b>Melody References</b> 211 <ul> 212 <li>Enable/disable a Melody Reference for a Section with the left button.</li> 213 <li>Open a Melody by clicking it.</li> 214 <li>Create a new Melody with the "+" button.</li> 215 <li>Drag and drop to reorder.</li> 216 </ul> 217 </li> 218 </ul> 219 </li> 220 <li> 221 <h3>Palette Toolbar</h3> 222 <ul> 223 <li>Contains Playback controls and On-Screen Instrument toggles</li> 224 <li>Tap the tempo button in time to set the tempo; long-press it to set the numerical value with precision.</li> 225 <li>The Volume button lets you customize volumes of Parts (which is universal) and Melody References (which are Section-specific).</li> 226 </ul> 227 </li> 228 </ul> 229 </section> 230 231 </div> 232 233 <!-- Footer --> 234 <!--footer id="footer"> 235 <section> 236 <form method="post" action="#"> 237 <div class="field"> 238 <label for="name">Name</label> 239 <input type="text" name="name" id="name" /> 240 </div> 241 <div class="field"> 242 <label for="email">Email</label> 243 <input type="text" name="email" id="email" /> 244 </div> 245 <div class="field"> 246 <label for="message">Message</label> 247 <textarea name="message" id="message" rows="3"></textarea> 248 </div> 249 <ul class="actions"> 250 <li><input type="submit" value="Send Message" /></li> 251 </ul> 252 </form> 253 </section> 254 <section class="split contact"> 255 <section class="alt"> 256 <h3>Address</h3> 257 <p>1234 Somewhere Road #87257<br /> 258 Nashville, TN 00000-0000</p> 259 </section> 260 <section> 261 <h3>Phone</h3> 262 <p><a href="#">(000) 000-0000</a></p> 263 </section> 264 <section> 265 <h3>Email</h3> 266 <p><a href="#">[email protected]</a></p> 267 </section> 268 <section> 269 <h3>Social</h3> 270 <ul class="icons alt"> 271 <li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li> 272 <li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li> 273 <li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li> 274 <li><a href="#" class="icon alt fa-github"><span class="label">GitHub</span></a></li> 275 </ul> 276 </section> 277 </section> 278 </footer--> 279 280 <!-- Copyright --> 281 <div id="copyright"> 282 <ul><li>© 2018 Jon Latané</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li></ul> 283 </div> 284 285 </div> 286 287 <!-- Scripts --> 288
288<script src="assets/js/jquery.min.js" type="5560c72f16100196bdbf20ed-text/javascript"></script>
288 289
289<script src="assets/js/jquery.scrollex.min.js" type="5560c72f16100196bdbf20ed-text/javascript"></script>
289 290
290<script src="assets/js/jquery.scrolly.min.js" type="5560c72f16100196bdbf20ed-text/javascript"></script>
290 291
291<script src="assets/js/skel.min.js" type="5560c72f16100196bdbf20ed-text/javascript"></script>
291 292
292<script src="assets/js/util.js" type="5560c72f16100196bdbf20ed-text/javascript"></script>
292 293
293<script src="assets/js/main.js" type="5560c72f16100196bdbf20ed-text/javascript"></script>
vendor: 147 bytes, lines 293-295
293 294 295 <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="5560c72f16100196bdbf20ed-|49" defer></script>
295<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f265f33a26e34de8939560ced558d053","r":1,"spa":2}' crossorigin="anonymous"></script>
295 296</body> 297</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.