<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Getting Started — Bitrhythm's literate documentation</title>
<link href="_static/css/theme.css" rel="stylesheet" />
<link href="_static/css/index.c5995385ac14fb8791e8eb36b4908be2.css" rel="stylesheet" />
<link rel="stylesheet"
href="_static/vendor/fontawesome/5.13.0/css/all.min.css">
<link rel="preload" as="font" type="font/woff2" crossorigin
href="_static/vendor/fontawesome/5.13.0/webfonts/fa-solid-900.woff2">
<link rel="preload" as="font" type="font/woff2" crossorigin
href="_static/vendor/fontawesome/5.13.0/webfonts/fa-brands-400.woff2">
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
<link rel="stylesheet" href="_static/sphinx-book-theme.e8e5499552300ddf5d7adccae7cc3b70.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="_static/custom.css" />
<link rel="preload" as="script" href="_static/js/index.1c5a1a01449ed65a7b51.js">
<script id="documentation_options" data-url_root="./" src="_static/documentation_options.js"></script>
<script src="_static/jquery.js"></script>
<script src="_static/underscore.js"></script>
<script src="_static/doctools.js"></script>
<script src="_static/sphinx-book-theme.12a9622fbb08dcb3a2a40b2c02b83a57.js"></script>
<script src="_static/analytics.js"></script>
<link rel="index" title="Index" href="genindex.html" />
<link rel="search" title="Search" href="search.html" />
<link rel="next" title="Samples" href="samples.html" />
<link rel="prev" title="Source Code and License" href="source-code.html" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="docsearch:language" content="en" />
</head>
<body data-spy="scroll" data-target="#bd-toc-nav" data-offset="80">
<div class="container-fluid" id="banner"></div>
<div class="container-xl">
<div class="row">
<div class="col-12 col-md-3 bd-sidebar site-navigation show" id="site-navigation">
<div class="navbar-brand-box">
<a class="navbar-brand text-wrap" href="index.html">
<h1 class="site-logo" id="site-title">Bitrhythm's literate documentation</h1>
</a>
</div><nav class="bd-links" id="bd-docs-nav" aria-label="Main navigation">
<div class="bd-toc-item active">
<p class="caption">
<span class="caption-text">
Table of Contents
</span>
</p>
<ul class="current nav bd-sidenav">
<li class="toctree-l1">
<a class="reference internal" href="what.html">
What is bitrhythm about ?
</a>
</li>
<li class="toctree-l1">
<a class="reference internal" href="source-code.html">
Source Code and License
</a>
</li>
<li class="toctree-l1 current active">
<a class="current reference internal" href="#">
Getting Started
</a>
</li>
<li class="toctree-l1">
<a class="reference internal" href="samples.html">
Samples
</a>
</li>
<li class="toctree-l1">
<a class="reference internal" href="tweaking.html">
Core Features
</a>
</li>
<li class="toctree-l1">
<a class="reference internal" href="early-attempts.html">
Early Attempts
</a>
</li>
<li class="toctree-l1">
<a class="reference internal" href="changelog.html">
Changelog
</a>
</li>
<li class="toctree-l1">
<a class="reference internal" href="main.html">
Code Walkthrough
</a>
</li>
<li class="toctree-l1">
<a class="reference internal" href="alternate-implementation.html">
Alternate Implementations
</a>
</li>
<li class="toctree-l1">
<a class="reference internal" href="saving.html">
Saving / Recording / Streaming
</a>
</li>
<li class="toctree-l1">
<a class="reference internal" href="credits.html">
Credits
</a>
</li>
<li class="toctree-l1">
<a class="reference internal" href="bookmarks.html">
Bookmarks
</a>
</li>
</ul>
</div>
</nav> <!-- To handle the deprecated key -->
<div class="navbar_extra_footer">
<a target="_blank" href="/">Bitrhythm App Home</a><br>
<a target="_blank" href="https://xyzzyapps.link">Xyzzy Apps Home</a><br>
<p class='custom-nav-footer'>(c) Xyzzy Apps, 2021</p>
</div>
</div>
<main class="col py-md-3 pl-md-4 bd-content overflow-auto" role="main">
<div class="topbar container-xl fixed-top">
<div class="topbar-contents row">
<div class="col-12 col-md-3 bd-topbar-whitespace site-navigation show"></div>
<div class="col pl-md-4 topbar-main">
<button id="navbar-toggler" class="navbar-toggler ml-0" type="button" data-toggle="collapse"
data-toggle="tooltip" data-placement="bottom" data-target=".site-navigation" aria-controls="navbar-menu"
aria-expanded="true" aria-label="Toggle navigation" aria-controls="site-navigation"
title="Toggle navigation" data-toggle="tooltip" data-placement="left">
<i class="fas fa-bars"></i>
<i class="fas fa-arrow-left"></i>
<i class="fas fa-arrow-up"></i>
</button>
<!-- Source interaction buttons -->
<!-- Full screen (wrap in <a> to have style consistency -->
<a class="full-screen-button"><button type="button" class="btn btn-secondary topbarbtn" data-toggle="tooltip"
data-placement="bottom" onclick="toggleFullScreen()" aria-label="Fullscreen mode"
title="Fullscreen mode"><i
class="fas fa-expand"></i></button></a>
<!-- Launch buttons -->
</div>
<!-- Table of contents -->
<div class="d-none d-md-block col-md-2 bd-toc show">
<div class="tocsection onthispage pt-5 pb-3">
<i class="fas fa-list"></i> Contents
</div>
<nav id="bd-toc-nav">
<ul class="visible nav section-nav flex-column">
<li class="toc-h2 nav-item toc-entry">
<a class="reference internal nav-link" href="#tutorial">
Tutorial
</a>
<ul class="nav section-nav flex-column">
<li class="toc-h3 nav-item toc-entry">
<a class="reference internal nav-link" href="#making-a-basic-loop">
Making a basic loop
</a>
</li>
<li class="toc-h3 nav-item toc-entry">
<a class="reference internal nav-link" href="#full-code">
Full Code
</a>
</li>
</ul>
</li>
<li class="toc-h2 nav-item toc-entry">
<a class="reference internal nav-link" href="#demo-song-1-techno">
Demo Song 1 // Techno
</a>
</li>
<li class="toc-h2 nav-item toc-entry">
<a class="reference internal nav-link" href="#demo-song-2-uk-hip-hop">
Demo Song 2 // UK Hip Hop
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div id="main-content" class="row">
<div class="col-12 col-md-9 pl-md-3 pr-md-0">
<div>
<div class="section" id="getting-started">
<h1>Getting Started<a class="headerlink" href="#getting-started" title="Permalink to this headline">¶</a></h1>
<div class="section" id="tutorial">
<h2>Tutorial<a class="headerlink" href="#tutorial" title="Permalink to this headline">¶</a></h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/o683v4dt6RM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>This illustrates the core concepts of bitrhythm.</p>
<ol class="simple">
<li><p>Samples (Tone.Sampler)</p></li>
<li><p>Dials (use cellx internally)</p></li>
<li><p>Observers (cellx)</p></li>
</ol>
<p>See <a class="reference external" href="https://tonejs.github.io/">https://tonejs.github.io/</a> for more notes.</p>
<p>For an understanding of the global variables see the concepts and code walkthrough section.</p>
<div class="highlight-none notranslate"><div class="highlight"><pre><span></span>- patterns and track_no
- isHit, delta
- samples
- dials
- Tone
- cellx
- window and any thing included with the script tag is available here
</pre></div>
</div>
<p><code class="docutils literal notranslate"><span class="pre">mem</span></code> is short for memory. All instruments and effects are saved here so that they can be accessed everywhere.</p>
<p>Step to create the basic song.</p>
<ol class="simple">
<li><p>Click on <code class="docutils literal notranslate"><span class="pre">Add</span> <span class="pre">Sample</span> <span class="pre">URL</span></code> to add the following URLs</p>
<ul class="simple">
<li><p>/Kick01.wav</p></li>
<li><p>/Snare19.wav</p></li>
<li><p>/Closedhat01.wav</p></li>
<li><p>/MiscSynthStab04.wav</p></li>
</ul>
</li>
<li><p>Click on <code class="docutils literal notranslate"><span class="pre">Add</span> <span class="pre">Dial</span></code></p></li>
<li><p>Enter the following into the window</p></li>
</ol>
<div class="highlight-default notranslate"><div class="highlight"><pre><span></span><span class="n">scene1</span> <span class="o">=</span> <span class="p">[</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 1000 1000 1000 1000"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 00x0 00x0 00x0 00x0"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 0000 x000 0000 x000"</span><span class="p">),</span>
<span class="p">]</span>
<span class="n">scene2</span> <span class="o">=</span> <span class="p">[</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 1011 1001 1000 1000"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 00x0 00x0 00x0 00x0"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 0000 x000 0000 x000"</span><span class="p">),</span>
<span class="p">]</span>
<span class="n">patterns</span> <span class="o">=</span> <span class="n">scene1</span>
<span class="n">var</span> <span class="n">once</span> <span class="o">=</span> <span class="n">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">Tone</span><span class="o">.</span><span class="n">Master</span><span class="o">.</span><span class="n">volume</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="o">-</span><span class="mi">30</span>
<span class="n">mem</span><span class="o">.</span><span class="n">master</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Channel</span><span class="p">({</span><span class="n">channelCount</span><span class="p">:</span> <span class="mi">2</span><span class="p">,</span> <span class="n">volume</span><span class="p">:</span> <span class="o">-</span><span class="mi">10</span><span class="p">})</span><span class="o">.</span><span class="n">chain</span><span class="p">(</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Destination</span><span class="p">);</span>
<span class="n">mem</span><span class="o">.</span><span class="n">volume_guard</span> <span class="o">=</span> <span class="n">guard</span><span class="p">([</span><span class="o">-</span><span class="mi">20</span><span class="p">,</span><span class="o">-</span><span class="mi">10</span><span class="p">]);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"k"</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"h"</span><span class="p">,</span> <span class="mi">1</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"sn"</span><span class="p">,</span> <span class="mi">2</span><span class="p">);</span>
<span class="n">handlers</span><span class="p">[</span><span class="s2">"ex"</span><span class="p">]</span> <span class="o">=</span> <span class="n">function</span> <span class="p">(</span><span class="n">val</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">val</span> <span class="o">></span> <span class="mf">0.5</span><span class="p">)</span> <span class="p">{</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"start_snare"</span><span class="p">]</span> <span class="o">=</span> <span class="n">true</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="n">dials</span><span class="p">[</span><span class="mi">0</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]</span><span class="o">.</span><span class="n">onChange</span><span class="p">(</span><span class="n">function</span> <span class="p">(</span><span class="n">e</span><span class="p">)</span> <span class="p">{</span>
<span class="n">var</span> <span class="n">val</span> <span class="o">=</span> <span class="n">parseFloat</span><span class="p">(</span><span class="n">e</span><span class="p">[</span><span class="s2">"data"</span><span class="p">]</span><span class="o">.</span><span class="n">value</span><span class="p">);</span>
<span class="n">handlers</span><span class="p">[</span><span class="s2">"ex"</span><span class="p">](</span><span class="n">val</span><span class="p">);</span>
<span class="p">})</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o"><=</span> <span class="mi">3</span> <span class="p">)</span> <span class="p">{</span>
<span class="n">transition</span> <span class="o">=</span> <span class="n">once</span><span class="p">;</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="n">transition</span> <span class="o">=</span> <span class="n">tweak</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">isHit</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">1</span><span class="p">)</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">2</span><span class="p">)</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">3</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">mem</span><span class="p">[</span><span class="s2">"start_snare"</span><span class="p">])</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span>
<span class="p">};</span>
<span class="p">}</span>
<span class="p">}</span>
</pre></div>
</div>
<p>Now try changing the code.</p>
<div class="highlight-default notranslate"><div class="highlight"><pre><span></span><span class="n">patterns</span> <span class="o">=</span> <span class="n">scene2</span>
</pre></div>
</div>
<p>Increase the dial to see the addition of the snare. This is how you can use observers to trigger unrelated changes. I call them sideevents, as the logic is similar to sidechain, which typically observers the volume.</p>
<p>Comment and Uncomment lines in the <code class="docutils literal notranslate"><span class="pre">if</span> <span class="pre">(isHit)</span></code> block. To mute and unmute sections.</p>
<p><em>Note:</em> <code class="docutils literal notranslate"><span class="pre">mem["k0_channel"].solo</span> <span class="pre">=</span> <span class="pre">true;</span></code> is not working.</p>
<p><strong>Visuals</strong></p>
<p>Change the once function to this and click <code class="docutils literal notranslate"><span class="pre">+</span> <span class="pre">Execute</span> <span class="pre">Once</span></code></p>
<p>Code is taken from butterchurn. Try changing <a class="reference external" href="https://butterchurnviz.com/">presets</a> to get different visuals.</p>
<div class="highlight-default notranslate"><div class="highlight"><pre><span></span><span class="n">var</span> <span class="n">tweak</span> <span class="o">=</span> <span class="n">function</span><span class="p">()</span> <span class="p">{</span>
<span class="n">initWinamp</span><span class="p">(</span><span class="s2">"_Aderrasi - Wanderer in Curved Space - mash0000 - faclempt kibitzing meshuggana schmaltz (Geiss color mix)"</span><span class="p">);</span>
<span class="n">render_loop</span> <span class="o">=</span> <span class="n">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">window</span><span class="o">.</span><span class="n">visualizer</span><span class="o">.</span><span class="n">render</span><span class="p">();</span>
<span class="p">}</span>
<span class="p">}</span>
</pre></div>
</div>
<p><strong>Tweaking</strong></p>
<p>First click <code class="docutils literal notranslate"><span class="pre">+</span> <span class="pre">Number</span></code>. This is useful to check if the knob function is actually working. And click <code class="docutils literal notranslate"><span class="pre">+</span> <span class="pre">Execute</span> <span class="pre">Once</span></code></p>
<div class="highlight-default notranslate"><div class="highlight"><pre><span></span><span class="n">var</span> <span class="n">tweak</span> <span class="o">=</span> <span class="n">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">mem</span><span class="o">.</span><span class="n">k1</span> <span class="o">=</span> <span class="n">knob</span><span class="p">({</span><span class="n">ramp</span> <span class="p">:</span> <span class="p">[</span><span class="mf">0.09</span><span class="p">,</span><span class="mf">1.8</span><span class="p">,</span> <span class="mf">0.4</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mf">1.5</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="mi">8</span><span class="p">,</span> <span class="mi">2</span><span class="p">],</span> <span class="s2">"number"</span><span class="p">:</span> <span class="n">numbers</span><span class="p">[</span><span class="mi">0</span><span class="p">][</span><span class="s2">"v"</span><span class="p">]</span> <span class="p">});</span>
<span class="n">always</span> <span class="o">=</span> <span class="n">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"k0_filter"</span><span class="p">]</span><span class="o">.</span><span class="n">frequency</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">mem</span><span class="o">.</span><span class="n">k1</span><span class="o">.</span><span class="n">move</span><span class="p">()</span> <span class="o">*</span> <span class="mi">1000</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">}</span>
</pre></div>
</div>
<p>As you can sere numbers and dials will be available as a global array.</p>
<p>There is no way to remove them so be careful about the order in which you add them.</p>
<p>The following code will always be executed as its at the top level. As you can see this code implies that the first dial is connected to the master volume. Use guards to avoid going deaf as someundefineds editing can created bad frequency numbers.</p>
<div class="highlight-default notranslate"><div class="highlight"><pre><span></span><span class="n">Tone</span><span class="o">.</span><span class="n">Master</span><span class="o">.</span><span class="n">volume</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">volume_guard</span><span class="p">((</span><span class="mi">1</span> <span class="o">-</span> <span class="n">dials</span><span class="p">[</span><span class="mi">0</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]())</span> <span class="o">*</span> <span class="o">-</span><span class="mi">30</span><span class="p">);</span>
</pre></div>
</div>
<div class="section" id="making-a-basic-loop">
<h3>Making a basic loop<a class="headerlink" href="#making-a-basic-loop" title="Permalink to this headline">¶</a></h3>
<ul class="simple">
<li><p>Kick + Filter</p></li>
<li><p>Snare + Filter</p></li>
<li><p>Snare + Filter + Delay</p></li>
<li><p>High Hat</p></li>
<li><p>Lead + Filter</p></li>
<li><p>Dub Stab + Filter + Reverb</p></li>
</ul>
<p>Tip: In Tone.js you can’t call connect one after another, you need to use chain.</p>
<p>TODO: Add glide to Lead to make it more 303 sounding</p>
<p>Master is connected with Surround and Volume Limiter.
Use Gates and Limiters to avoid going deaf.</p>
<p>Tone.MultiInstrument gave lots of glitches, so custom voices are written in the voice function</p>
<p>Channels provide</p>
<ul class="simple">
<li><p>Mute</p></li>
<li><p>Solo</p></li>
</ul>
<p>More improvements for the Stab</p>
<div class="highlight-none notranslate"><div class="highlight"><pre><span></span>- Chorus or Phaser
- Compressor
- Decay in envelope
- Separate filters
- EQ
- Sends for more delay
- LFO for filters
</pre></div>
</div>
<p>Freeverb does not work and also needs Mono to function properly</p>
<div class="highlight-default notranslate"><div class="highlight"><pre><span></span><span class="n">var</span> <span class="n">reverb</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Freeverb</span><span class="p">()</span><span class="o">.</span><span class="n">toDestination</span><span class="p">();</span>
<span class="n">var</span> <span class="n">reverb_mono</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Mono</span><span class="p">()</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="n">reverb</span><span class="p">);</span>
<span class="n">reverb</span><span class="o">.</span><span class="n">dampening</span> <span class="o">=</span> <span class="mi">100</span><span class="p">;</span>
<span class="n">reverb</span><span class="o">.</span><span class="n">roomSize</span> <span class="o">=</span> <span class="mf">0.9</span><span class="p">;</span>
</pre></div>
</div>
</div>
<div class="section" id="full-code">
<h3>Full Code<a class="headerlink" href="#full-code" title="Permalink to this headline">¶</a></h3>
<div class="highlight-default notranslate"><div class="highlight"><pre><span></span><span class="n">volume_guard1</span> <span class="o">=</span> <span class="n">guard</span><span class="p">([</span><span class="o">-</span><span class="mi">20</span><span class="p">,</span><span class="mi">15</span><span class="p">])</span>
<span class="n">Tone</span><span class="o">.</span><span class="n">Master</span><span class="o">.</span><span class="n">volume</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">volume_guard1</span><span class="p">(</span><span class="n">Math</span><span class="o">.</span><span class="n">round</span><span class="p">(</span><span class="n">dials</span><span class="p">[</span><span class="mi">0</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]()</span> <span class="o">*</span> <span class="mi">30</span><span class="p">)</span> <span class="o">-</span><span class="mi">20</span><span class="p">);</span>
<span class="o">//</span> <span class="n">mem</span><span class="p">[</span><span class="s2">"stab_channel"</span><span class="p">]</span><span class="o">.</span><span class="n">volume</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">volume_guard2</span><span class="p">(</span><span class="o">-</span><span class="mi">2</span><span class="p">);</span>
<span class="o">//</span> <span class="n">mem</span><span class="p">[</span><span class="s2">"stab_filter"</span><span class="p">]</span><span class="o">.</span><span class="n">frequency</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">Math</span><span class="o">.</span><span class="n">round</span><span class="p">(</span><span class="n">dials</span><span class="p">[</span><span class="mi">1</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]()</span> <span class="o">*</span> <span class="mi">10000</span><span class="p">);</span>
<span class="n">scene1</span> <span class="o">=</span> <span class="p">[</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 1000 1000 1000 1000"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 00x0 00x0 00x0 00x0"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 0x00 0000 0000 x000"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 0000 x000 0000 x000"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p xx0x c0x0 x0x0 x0xx"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p x000 x0x0 0000 x0x0"</span><span class="p">),</span>
<span class="p">]</span>
<span class="n">patterns</span> <span class="o">=</span> <span class="n">scene1</span>
<span class="n">function</span> <span class="n">NoiseSynth</span> <span class="p">(</span><span class="n">name</span><span class="p">)</span> <span class="p">{</span>
<span class="n">name</span> <span class="o">=</span> <span class="n">name</span> <span class="o">||</span> <span class="s2">"wf"</span><span class="p">;</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_stereo"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">StereoWidener</span><span class="p">({</span><span class="n">width</span><span class="p">:</span> <span class="mi">1</span><span class="p">});</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Noise</span><span class="p">(</span><span class="s2">"pink"</span><span class="p">)</span><span class="o">.</span><span class="n">start</span><span class="p">();</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_filter"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Filter</span><span class="p">(</span><span class="mi">400</span><span class="p">,</span> <span class="s1">'lowpass'</span><span class="p">,</span> <span class="o">-</span><span class="mi">96</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_channel"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Channel</span><span class="p">({</span><span class="n">channelCount</span><span class="p">:</span> <span class="mi">2</span><span class="p">,</span> <span class="n">volume</span><span class="p">:</span> <span class="o">-</span><span class="mi">10</span><span class="p">,</span> <span class="n">pan</span><span class="p">:</span> <span class="o">-</span><span class="mf">0.8</span><span class="p">})</span><span class="o">.</span><span class="n">chain</span><span class="p">(</span><span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_filter"</span><span class="p">],</span> <span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_stereo"</span><span class="p">],</span> <span class="n">mem</span><span class="o">.</span><span class="n">master</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_channel"</span><span class="p">])</span>
<span class="p">}</span>
<span class="n">function</span> <span class="n">Stab</span><span class="p">(</span><span class="n">name</span><span class="p">)</span> <span class="p">{</span>
<span class="n">name</span> <span class="o">=</span> <span class="n">name</span> <span class="o">||</span> <span class="s2">"stab"</span><span class="p">;</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_filter"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Filter</span><span class="p">(</span><span class="mi">5250</span><span class="p">,</span> <span class="s1">'lowpass'</span><span class="p">,</span> <span class="o">-</span><span class="mi">96</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_hfilter"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Filter</span><span class="p">(</span><span class="mi">80</span><span class="p">,</span> <span class="s1">'highpass'</span><span class="p">,</span> <span class="o">-</span><span class="mi">96</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_reverb"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Reverb</span><span class="p">(</span><span class="mf">0.1</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_delay"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">FeedbackDelay</span><span class="p">(</span><span class="s2">"4n"</span><span class="p">,</span> <span class="mf">0.4</span><span class="p">);</span>
<span class="o">//</span> <span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_pdelay"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">PingPongDelay</span><span class="p">(</span><span class="s2">"2n"</span><span class="p">,</span> <span class="mf">0.1</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_stereo"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">StereoWidener</span><span class="p">({</span><span class="n">width</span><span class="p">:</span> <span class="mf">0.25</span><span class="p">});</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_channel"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Channel</span><span class="p">({</span><span class="n">channelCount</span><span class="p">:</span> <span class="mi">2</span><span class="p">,</span> <span class="n">volume</span><span class="p">:</span> <span class="o">-</span><span class="mi">2</span><span class="p">})</span><span class="o">.</span><span class="n">chain</span><span class="p">(</span><span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_filter"</span><span class="p">]</span> <span class="p">,</span> <span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_delay"</span><span class="p">],</span> <span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_reverb"</span><span class="p">],</span> <span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_hfilter"</span><span class="p">]</span> <span class="p">,</span><span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_stereo"</span><span class="p">],</span> <span class="n">mem</span><span class="o">.</span><span class="n">master</span><span class="p">)</span>
<span class="n">function</span> <span class="n">voice</span><span class="p">(</span><span class="n">no</span><span class="p">,</span> <span class="nb">type</span><span class="p">)</span> <span class="p">{</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_synth"</span> <span class="o">+</span> <span class="n">no</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">MonoSynth</span><span class="p">({</span>
<span class="n">oscillator</span><span class="p">:</span> <span class="p">{</span>
<span class="nb">type</span><span class="p">:</span> <span class="nb">type</span>
<span class="p">}</span>
<span class="p">})</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_synth"</span> <span class="o">+</span> <span class="n">no</span><span class="p">]</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_channel"</span><span class="p">]);</span>
<span class="p">}</span>
<span class="n">voice</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="s2">"sawtooth"</span><span class="p">)</span>
<span class="n">voice</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="s2">"sawtooth"</span><span class="p">)</span>
<span class="n">voice</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span> <span class="s2">"sawtooth"</span><span class="p">)</span>
<span class="n">voice</span><span class="p">(</span><span class="mi">4</span><span class="p">,</span> <span class="s2">"pwm"</span><span class="p">)</span>
<span class="n">voice</span><span class="p">(</span><span class="mi">5</span><span class="p">,</span> <span class="s2">"pwm"</span><span class="p">)</span>
<span class="n">voice</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span> <span class="s2">"pwm"</span><span class="p">)</span>
<span class="p">}</span>
<span class="n">function</span> <span class="n">s</span><span class="p">(</span><span class="n">vel</span><span class="p">,</span> <span class="n">notes</span><span class="p">,</span> <span class="n">duration</span><span class="p">)</span> <span class="p">{</span>
<span class="n">vel</span> <span class="o">=</span> <span class="n">vel</span> <span class="o">||</span> <span class="mf">1.0</span><span class="p">;</span>
<span class="n">duration</span> <span class="o">=</span> <span class="n">duration</span> <span class="o">||</span> <span class="s2">"2n"</span><span class="p">;</span>
<span class="n">notes</span> <span class="o">=</span> <span class="n">notes</span> <span class="o">||</span> <span class="p">[</span><span class="s2">"E2"</span><span class="p">,</span> <span class="s2">"B2"</span><span class="p">,</span> <span class="s2">"G2"</span><span class="p">];</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"stab_synth1"</span><span class="p">]</span><span class="o">.</span><span class="n">triggerAttackRelease</span><span class="p">(</span><span class="n">notes</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="n">duration</span><span class="p">,</span> <span class="n">undefined</span><span class="p">,</span> <span class="n">vel</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"stab_synth2"</span><span class="p">]</span><span class="o">.</span><span class="n">triggerAttackRelease</span><span class="p">(</span><span class="n">notes</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="n">duration</span><span class="p">,</span> <span class="n">undefined</span><span class="p">,</span> <span class="n">vel</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"stab_synth3"</span><span class="p">]</span><span class="o">.</span><span class="n">triggerAttackRelease</span><span class="p">(</span><span class="n">notes</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span> <span class="n">duration</span><span class="p">,</span> <span class="n">undefined</span><span class="p">,</span> <span class="n">vel</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"stab_synth4"</span><span class="p">]</span><span class="o">.</span><span class="n">triggerAttackRelease</span><span class="p">(</span><span class="n">notes</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="n">duration</span><span class="p">,</span> <span class="n">undefined</span><span class="p">,</span> <span class="n">vel</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"stab_synth5"</span><span class="p">]</span><span class="o">.</span><span class="n">triggerAttackRelease</span><span class="p">(</span><span class="n">notes</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span> <span class="n">duration</span><span class="p">,</span> <span class="n">undefined</span><span class="p">,</span> <span class="n">vel</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"stab_synth6"</span><span class="p">]</span><span class="o">.</span><span class="n">triggerAttackRelease</span><span class="p">(</span><span class="n">notes</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span> <span class="n">duration</span><span class="p">,</span> <span class="n">undefined</span><span class="p">,</span> <span class="n">vel</span><span class="p">);</span>
<span class="p">}</span>
<span class="n">function</span> <span class="n">once</span><span class="p">()</span> <span class="p">{</span>
<span class="n">var</span> <span class="n">pr</span><span class="p">;</span>
<span class="n">const</span> <span class="n">s</span> <span class="o">=</span> <span class="p">(</span> <span class="n">p</span> <span class="p">)</span> <span class="o">=></span> <span class="p">{</span>
<span class="n">pr</span> <span class="o">=</span> <span class="n">p</span><span class="p">;</span>
<span class="n">var</span> <span class="n">img</span><span class="p">;</span>
<span class="n">let</span> <span class="n">x</span> <span class="o">=</span> <span class="mi">100</span><span class="p">;</span>
<span class="n">let</span> <span class="n">y</span> <span class="o">=</span> <span class="mi">100</span><span class="p">;</span>
<span class="n">p</span><span class="o">.</span><span class="n">setup</span> <span class="o">=</span> <span class="n">function</span><span class="p">()</span> <span class="p">{</span>
<span class="n">var</span> <span class="n">x</span> <span class="o">=</span> <span class="n">p</span><span class="o">.</span><span class="n">createCanvas</span><span class="p">(</span><span class="mi">700</span><span class="p">,</span> <span class="mi">410</span><span class="p">);</span>
<span class="n">x</span><span class="o">.</span><span class="n">canvas</span><span class="o">.</span><span class="n">style</span><span class="o">.</span><span class="n">position</span> <span class="o">=</span> <span class="s2">"absolute"</span><span class="p">;</span>
<span class="n">p</span><span class="o">.</span><span class="n">frameRate</span><span class="p">(</span><span class="mi">30</span><span class="p">);</span>
<span class="n">img</span> <span class="o">=</span> <span class="n">p</span><span class="o">.</span><span class="n">loadImage</span><span class="p">(</span><span class="s1">'/test.png'</span><span class="p">);</span>
<span class="p">};</span>
<span class="n">p</span><span class="o">.</span><span class="n">draw</span> <span class="o">=</span> <span class="n">function</span><span class="p">()</span> <span class="p">{</span>
<span class="n">var</span> <span class="n">e</span> <span class="o">=</span> <span class="n">getRandomInt</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span>
<span class="n">p</span><span class="o">.</span><span class="n">clear</span><span class="p">();</span>
<span class="k">if</span> <span class="p">(</span><span class="n">e</span> <span class="o">==</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
<span class="o">//</span> <span class="n">p</span><span class="o">.</span><span class="n">fill</span><span class="p">(</span><span class="mi">123</span><span class="p">);</span>
<span class="o">//</span> <span class="n">p</span><span class="o">.</span><span class="n">rect</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="mi">50</span><span class="p">,</span><span class="mi">50</span><span class="p">);</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="o">//</span> <span class="n">p</span><span class="o">.</span><span class="n">image</span><span class="p">(</span><span class="n">img</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">};</span>
<span class="p">};</span>
<span class="n">let</span> <span class="n">myp5</span> <span class="o">=</span> <span class="n">new</span> <span class="n">p5</span><span class="p">(</span><span class="n">s</span><span class="p">,</span> <span class="n">document</span><span class="o">.</span><span class="n">getElementById</span><span class="p">(</span><span class="s1">'canvas-container'</span><span class="p">));</span>
<span class="n">var</span> <span class="n">visualizer</span> <span class="o">=</span> <span class="n">initWinamp</span><span class="p">(</span><span class="s2">"_Aderrasi - Wanderer in Curved Space - mash0000 - faclempt kibitzing meshuggana schmaltz (Geiss color mix)"</span><span class="p">);</span>
<span class="n">render_loop</span> <span class="o">=</span> <span class="n">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">visualizer</span><span class="o">.</span><span class="n">render</span><span class="p">();</span>
<span class="p">}</span>
<span class="n">Tone</span><span class="o">.</span><span class="n">Master</span><span class="o">.</span><span class="n">volume</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="o">-</span><span class="mi">30</span><span class="p">;</span>
<span class="n">mem</span><span class="o">.</span><span class="n">master</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Channel</span><span class="p">({</span><span class="n">channelCount</span><span class="p">:</span> <span class="mi">2</span><span class="p">,</span> <span class="n">volume</span><span class="p">:</span> <span class="o">-</span><span class="mi">10</span><span class="p">})</span><span class="o">.</span><span class="n">chain</span><span class="p">(</span><span class="n">Tone</span><span class="o">.</span><span class="n">Destination</span><span class="p">);</span>
<span class="o">//</span> <span class="n">NoiseSynth</span><span class="p">();</span>
<span class="n">Stab</span><span class="p">();</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"k"</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">3000</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"h"</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">7000</span><span class="p">,</span> <span class="o">-</span><span class="mi">15</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"sn"</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span> <span class="mi">6000</span><span class="p">,</span> <span class="o">-</span><span class="mi">15</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"c"</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">620</span><span class="p">,</span> <span class="mi">2</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"l"</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">420</span><span class="p">,</span> <span class="o">-</span><span class="mi">15</span><span class="p">);</span>
<span class="n">handlers</span><span class="p">[</span><span class="s2">"1"</span><span class="p">]</span> <span class="o">=</span> <span class="n">function</span> <span class="p">(</span><span class="n">val</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">val</span> <span class="o">></span> <span class="mf">0.5</span><span class="p">)</span> <span class="p">{</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"start_snare"</span><span class="p">]</span> <span class="o">=</span> <span class="n">true</span><span class="p">;</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"start_snare"</span><span class="p">]</span> <span class="o">=</span> <span class="n">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"stab_filter"</span><span class="p">]</span><span class="o">.</span><span class="n">Q</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">Math</span><span class="o">.</span><span class="n">round</span><span class="p">(</span><span class="n">val</span> <span class="o">*</span> <span class="mi">5</span><span class="p">);</span>
<span class="p">}</span>
<span class="n">dials</span><span class="p">[</span><span class="mi">1</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]</span><span class="o">.</span><span class="n">onChange</span><span class="p">(</span><span class="n">function</span> <span class="p">(</span><span class="n">e</span><span class="p">)</span> <span class="p">{</span>
<span class="n">var</span> <span class="n">val</span> <span class="o">=</span> <span class="n">parseFloat</span><span class="p">(</span><span class="n">e</span><span class="p">[</span><span class="s2">"data"</span><span class="p">]</span><span class="o">.</span><span class="n">value</span><span class="p">);</span>
<span class="n">handlers</span><span class="p">[</span><span class="s2">"1"</span><span class="p">](</span><span class="n">val</span><span class="p">);</span>
<span class="p">})</span>
<span class="p">}</span>
<span class="n">function</span> <span class="n">tweak</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">mem</span><span class="o">.</span><span class="n">k1</span> <span class="o">=</span> <span class="n">knob</span><span class="p">({</span><span class="n">ramp</span> <span class="p">:</span> <span class="p">[</span><span class="mf">0.525</span><span class="p">,</span> <span class="mf">0.8</span><span class="p">,</span> <span class="mf">0.4</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mf">0.25</span><span class="p">,</span> <span class="mf">0.75</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mf">0.25</span><span class="p">,</span> <span class="mf">0.1</span><span class="p">],</span> <span class="s2">"number"</span><span class="p">:</span> <span class="n">dials</span><span class="p">[</span><span class="mi">2</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]</span> <span class="p">});</span>
<span class="n">always</span> <span class="o">=</span> <span class="n">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"stab_filter"</span><span class="p">]</span><span class="o">.</span><span class="n">frequency</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">mem</span><span class="o">.</span><span class="n">k1</span><span class="o">.</span><span class="n">move</span><span class="p">()</span> <span class="o">*</span> <span class="mi">10000</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o"><=</span> <span class="mi">3</span> <span class="p">)</span> <span class="p">{</span>
<span class="n">transition</span> <span class="o">=</span> <span class="n">once</span><span class="p">;</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="n">transition</span> <span class="o">=</span> <span class="n">tweak</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">isHit</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">1</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">></span> <span class="mi">0</span> <span class="p">)</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">2</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">></span> <span class="mi">8</span> <span class="p">)</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">3</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">></span> <span class="mi">4</span> <span class="p">)</span> <span class="p">{</span>
<span class="o">//</span> <span class="n">s</span><span class="p">();</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">==</span> <span class="mi">6</span><span class="p">)</span> <span class="p">{</span>
<span class="n">transition</span><span class="p">();</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">4</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">mem</span><span class="p">[</span><span class="s2">"start_snare"</span><span class="p">])</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">5</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">></span> <span class="mi">12</span><span class="p">)</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">3</span><span class="p">)</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">6</span><span class="p">)</span> <span class="p">{</span>
<span class="o">//</span> <span class="n">p</span><span class="p">(</span><span class="mi">4</span><span class="p">,</span> <span class="s2">"C3"</span><span class="p">)</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">count</span> <span class="o">==</span> <span class="p">(</span><span class="n">mem</span><span class="p">[</span><span class="s2">"k_last"</span><span class="p">]</span> <span class="o">+</span> <span class="mi">3</span><span class="p">))</span> <span class="p">{</span>
<span class="n">pn</span><span class="p">(</span><span class="s2">"h"</span><span class="p">);</span>
<span class="p">}</span>
</pre></div>
</div>
</div>
</div>
<div class="section" id="demo-song-1-techno">
<h2>Demo Song 1 // Techno<a class="headerlink" href="#demo-song-1-techno" title="Permalink to this headline">¶</a></h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/GTfmTMrSpag" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>Postprocessed using Reaper with EQ and Surround effects to add some sparkle.
Video is recorded with the help of Blackhole and Kap and rendered by Reaper.</p>
<p>Samples taken from Deep Techno and Dub Techno collections from splice. Sadly I can’t distribute the song itself as I would also have to distribute the samples with it.</p>
<p>Code for the Demo Song. The visualisation was disabled in the Demo as it was causing a huge lag while recording on both windows and mac.</p>
<p>Note: Could could be outdated due to latest changes to the API.</p>
<div class="highlight-default notranslate"><div class="highlight"><pre><span></span><span class="n">volume_guard1</span> <span class="o">=</span> <span class="n">guard</span><span class="p">([</span><span class="o">-</span><span class="mi">20</span><span class="p">,</span><span class="mi">15</span><span class="p">])</span>
<span class="n">volume_guard2</span> <span class="o">=</span> <span class="n">guard</span><span class="p">([</span><span class="o">-</span><span class="mi">20</span><span class="p">,</span><span class="mi">15</span><span class="p">])</span>
<span class="n">Tone</span><span class="o">.</span><span class="n">Master</span><span class="o">.</span><span class="n">volume</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">volume_guard1</span><span class="p">(</span><span class="n">Math</span><span class="o">.</span><span class="n">round</span><span class="p">(</span><span class="n">dials</span><span class="p">[</span><span class="mi">0</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]()</span> <span class="o">*</span> <span class="mi">30</span><span class="p">)</span> <span class="o">-</span><span class="mi">20</span><span class="p">);</span>
<span class="o">//</span><span class="n">mem</span><span class="p">[</span><span class="s2">"stab_channel"</span><span class="p">]</span><span class="o">.</span><span class="n">volume</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">volume_guard2</span><span class="p">(</span><span class="o">-</span><span class="mi">2</span><span class="p">);</span>
<span class="o">//</span><span class="n">mem</span><span class="p">[</span><span class="s2">"stab_filter"</span><span class="p">]</span><span class="o">.</span><span class="n">frequency</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">Math</span><span class="o">.</span><span class="n">round</span><span class="p">(</span><span class="n">dials</span><span class="p">[</span><span class="mi">1</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]()</span> <span class="o">*</span> <span class="mi">10000</span><span class="p">);</span>
<span class="o">//</span><span class="n">mem</span><span class="p">[</span><span class="s2">"l_filter"</span><span class="p">]</span><span class="o">.</span><span class="n">frequency</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">Math</span><span class="o">.</span><span class="n">round</span><span class="p">(</span><span class="n">dials</span><span class="p">[</span><span class="mi">1</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]()</span> <span class="o">*</span> <span class="mi">1000</span><span class="p">);</span>
<span class="n">scene1</span> <span class="o">=</span> <span class="p">[</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 1000 1000 1000 1000"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p x000 0000 0000 0000"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 0x00 0000 0x00 x000"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 0000 x000 0000 x000"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p x000 00x0 0x00 x0xx"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 00x0 00x0 0000 00x0"</span><span class="p">),</span>
<span class="n">cellx</span><span class="p">(</span><span class="s2">"p 00x0 00x0 00x0 00x0"</span><span class="p">),</span>
<span class="p">]</span>
<span class="n">patterns</span> <span class="o">=</span> <span class="n">scene1</span>
<span class="n">always</span><span class="p">();</span>
<span class="n">function</span> <span class="n">Sample</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">no</span><span class="p">,</span> <span class="nb">filter</span><span class="p">,</span> <span class="n">volume</span><span class="p">)</span> <span class="p">{</span>
<span class="n">name</span> <span class="o">=</span> <span class="n">name</span>
<span class="nb">filter</span> <span class="o">=</span> <span class="nb">filter</span> <span class="o">||</span> <span class="mi">10000</span>
<span class="n">volume</span> <span class="o">=</span> <span class="n">volume</span> <span class="o">||</span> <span class="mi">0</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_filter"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Filter</span><span class="p">(</span><span class="nb">filter</span><span class="p">,</span> <span class="s1">'lowpass'</span><span class="p">,</span> <span class="o">-</span><span class="mi">96</span><span class="p">);</span>
<span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_channel"</span><span class="p">]</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Channel</span><span class="p">({</span><span class="n">channelCount</span><span class="p">:</span> <span class="mi">2</span><span class="p">,</span> <span class="n">volume</span><span class="p">:</span> <span class="n">volume</span><span class="p">})</span><span class="o">.</span><span class="n">chain</span><span class="p">(</span><span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_filter"</span><span class="p">],</span> <span class="n">mem</span><span class="o">.</span><span class="n">master</span><span class="p">)</span>
<span class="n">samples</span><span class="p">[</span><span class="n">no</span><span class="p">]</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="n">mem</span><span class="p">[</span><span class="n">name</span> <span class="o">+</span> <span class="s2">"_channel"</span><span class="p">]);</span>
<span class="p">}</span>
<span class="n">function</span> <span class="n">p</span><span class="p">(</span><span class="n">s</span><span class="p">,</span> <span class="n">note</span><span class="p">,</span> <span class="nb">len</span><span class="p">)</span> <span class="p">{</span>
<span class="n">note</span> <span class="o">=</span> <span class="n">note</span> <span class="o">||</span> <span class="s2">"C3"</span>
<span class="nb">len</span> <span class="o">=</span> <span class="nb">len</span> <span class="o">||</span> <span class="s2">"16n"</span>
<span class="n">samples</span><span class="p">[</span><span class="n">s</span><span class="p">]</span><span class="o">.</span><span class="n">triggerAttackRelease</span><span class="p">(</span><span class="n">note</span><span class="p">,</span> <span class="nb">len</span><span class="p">,</span> <span class="n">undefined</span><span class="p">);</span>
<span class="p">}</span>
<span class="n">function</span> <span class="n">once</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">var</span> <span class="n">vis</span> <span class="o">=</span> <span class="n">initWinamp</span><span class="p">(</span><span class="s2">"Cope - The Neverending Explosion of Red Liquid Fire"</span><span class="p">);</span>
<span class="n">render_loop</span> <span class="o">=</span> <span class="n">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">vis</span><span class="o">.</span><span class="n">render</span><span class="p">();</span>
<span class="p">}</span>
<span class="n">Tone</span><span class="o">.</span><span class="n">Master</span><span class="o">.</span><span class="n">volume</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="o">-</span><span class="mi">30</span>
<span class="n">mem</span><span class="o">.</span><span class="n">master</span> <span class="o">=</span> <span class="n">new</span> <span class="n">Tone</span><span class="o">.</span><span class="n">Channel</span><span class="p">({</span><span class="n">channelCount</span><span class="p">:</span> <span class="mi">2</span><span class="p">,</span> <span class="n">volume</span><span class="p">:</span> <span class="o">-</span><span class="mi">10</span><span class="p">})</span><span class="o">.</span><span class="n">chain</span><span class="p">(</span><span class="n">Tone</span><span class="o">.</span><span class="n">Destination</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"k"</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">20000</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"h"</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">20000</span><span class="p">,</span> <span class="o">-</span><span class="mi">5</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"sn"</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span> <span class="mi">6000</span><span class="p">,</span> <span class="o">-</span><span class="mi">3</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"c"</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">1200</span><span class="p">,</span> <span class="o">-</span><span class="mi">10</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"stab"</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">420</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"l"</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="mi">20000</span><span class="p">,</span> <span class="mi">8</span><span class="p">);</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"o"</span><span class="p">,</span> <span class="mi">6</span><span class="p">,</span> <span class="mi">20000</span><span class="p">,</span> <span class="o">-</span><span class="mi">8</span><span class="p">);</span>
<span class="n">handlers</span><span class="p">[</span><span class="s2">"1"</span><span class="p">]</span> <span class="o">=</span> <span class="n">function</span> <span class="p">(</span><span class="n">val</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">val</span> <span class="o">></span> <span class="mf">0.5</span><span class="p">)</span> <span class="p">{</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"start_snare"</span><span class="p">]</span> <span class="o">=</span> <span class="n">true</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="n">dials</span><span class="p">[</span><span class="mi">1</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]</span><span class="o">.</span><span class="n">onChange</span><span class="p">(</span><span class="n">function</span> <span class="p">(</span><span class="n">e</span><span class="p">)</span> <span class="p">{</span>
<span class="n">var</span> <span class="n">val</span> <span class="o">=</span> <span class="n">parseFloat</span><span class="p">(</span><span class="n">e</span><span class="p">[</span><span class="s2">"data"</span><span class="p">]</span><span class="o">.</span><span class="n">value</span><span class="p">);</span>
<span class="n">handlers</span><span class="p">[</span><span class="s2">"1"</span><span class="p">](</span><span class="n">val</span><span class="p">);</span>
<span class="p">})</span>
<span class="p">}</span>
<span class="n">function</span> <span class="n">tweak</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">mem</span><span class="o">.</span><span class="n">k1</span> <span class="o">=</span> <span class="n">knob</span><span class="p">({</span><span class="n">initial</span> <span class="p">:</span> <span class="mf">0.42</span><span class="p">,</span> <span class="n">ramp</span> <span class="p">:</span> <span class="p">[</span><span class="mf">0.42</span><span class="p">,</span> <span class="mf">0.525</span><span class="p">,</span> <span class="mf">0.8</span><span class="p">,</span> <span class="mf">0.4</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mf">0.65</span><span class="p">,</span> <span class="mf">0.75</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mf">0.8</span><span class="p">],</span> <span class="s2">"number"</span><span class="p">:</span> <span class="n">dials</span><span class="p">[</span><span class="mi">2</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]</span> <span class="p">});</span>
<span class="n">always</span> <span class="o">=</span> <span class="n">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">mem</span><span class="p">[</span><span class="s2">"stab_filter"</span><span class="p">]</span><span class="o">.</span><span class="n">frequency</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="n">mem</span><span class="o">.</span><span class="n">k1</span><span class="o">.</span><span class="n">move</span><span class="p">()</span> <span class="o">*</span> <span class="mi">1000</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="n">function</span> <span class="n">sampleTest</span> <span class="p">()</span> <span class="p">{</span>
<span class="n">Sample</span><span class="p">(</span><span class="s2">"l"</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">10000</span><span class="p">,</span> <span class="o">-</span><span class="mi">5</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o"><=</span> <span class="mi">3</span> <span class="p">)</span> <span class="p">{</span>
<span class="n">transition</span> <span class="o">=</span> <span class="n">once</span><span class="p">;</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="n">transition</span> <span class="o">=</span> <span class="n">tweak</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">isHit</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">1</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">></span> <span class="mi">4</span> <span class="p">)</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">2</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">></span> <span class="mi">8</span> <span class="p">)</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="s2">"C3"</span><span class="p">,</span> <span class="s2">"1n"</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">3</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">></span> <span class="mi">0</span> <span class="p">)</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">4</span><span class="p">,</span> <span class="s2">"C3"</span><span class="p">,</span> <span class="s2">"1n"</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">==</span> <span class="mi">15</span><span class="p">)</span> <span class="p">{</span>
<span class="n">transition</span><span class="p">();</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">4</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span><span class="p">(</span> <span class="n">mem</span><span class="p">[</span><span class="s2">"start_snare"</span><span class="p">])</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">5</span><span class="p">)</span> <span class="p">{</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">6</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">></span> <span class="mi">12</span><span class="p">)</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">5</span><span class="p">,</span> <span class="s2">"F2"</span><span class="p">,</span> <span class="s2">"16n"</span><span class="p">)</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="n">track_no</span> <span class="o">==</span> <span class="mi">7</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="n">bars</span> <span class="o">></span> <span class="mi">48</span><span class="p">)</span> <span class="p">{</span>
<span class="n">p</span><span class="p">(</span><span class="mi">6</span><span class="p">,</span> <span class="s2">"C3"</span><span class="p">,</span> <span class="s2">"48n"</span><span class="p">)</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">}</span>
</pre></div>
</div>
</div>
<div class="section" id="demo-song-2-uk-hip-hop">
<h2>Demo Song 2 // UK Hip Hop<a class="headerlink" href="#demo-song-2-uk-hip-hop" title="Permalink to this headline">¶</a></h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/9eaABgJJlUo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="highlight-js notranslate"><div class="highlight"><pre><span></span><span class="nx">volume_guard1</span> <span class="o">=</span> <span class="nx">guard</span><span class="p">([</span><span class="o">-</span><span class="mf">20</span><span class="p">,</span><span class="mf">15</span><span class="p">])</span>
<span class="nx">Tone</span><span class="p">.</span><span class="nx">Master</span><span class="p">.</span><span class="nx">volume</span><span class="p">.</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">volume_guard1</span><span class="p">(</span><span class="nb">Math</span><span class="p">.</span><span class="nx">round</span><span class="p">(</span><span class="nx">dials</span><span class="p">[</span><span class="mf">0</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]()</span> <span class="o">*</span> <span class="mf">30</span><span class="p">)</span> <span class="o">-</span><span class="mf">20</span><span class="p">);</span>
<span class="nx">intro</span> <span class="o">=</span> <span class="p">[</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x000 0000 0000 0000 "</span><span class="p">),</span>
<span class="p">]</span>
<span class="nx">main</span> <span class="o">=</span> <span class="p">[</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x[2;^C2;+0.01]000 0000 x[0.1]0x[1]0 00x[1]0 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 0000 x000 0000 x000 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x0x0 x0x0 x0x0 x0x0 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x000 0000 0000 0000 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 0000 0000 0000 0000"</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 0000 0000 0000 0000"</span><span class="p">),</span>
<span class="p">]</span>
<span class="nx">bass</span> <span class="o">=</span> <span class="p">[</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x[2;^C2;+0.01]000 0000 x[0.1]0x[1]0 00x[1]0 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 0000 x000 0000 x000 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x0x0 x0x0 x0x0 x0x0 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x000 0000 0000 0000 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x[^B2]x.00 x[^B2]x.x[^B2]x. x[^B2]x.x[^B2]x.x[^B2]x.0 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 00x[^D3]0 000x[^A2] 00x[^A2]x[^A2] 0x[^A2]0x[^A2] "</span><span class="p">),</span>
<span class="p">]</span>
<span class="nx">end</span> <span class="o">=</span> <span class="p">[</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x[2;^C2;+0.01]000 0000 x[0.1]0x[1]0 00x[1]0 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 0000 x000 0000 x000 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x10x0 x0x0 x0x0 x0x0 "</span><span class="p">),</span>
<span class="p">]</span>
<span class="nx">solo</span> <span class="o">=</span> <span class="p">[</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 0000 0000 0000 0000"</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 0000 0000 0000 0000"</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 0000 0000 0000 0000"</span><span class="p">),</span>
<span class="p">]</span>
<span class="nx">fin</span> <span class="o">=</span> <span class="nx">solo</span><span class="p">;</span>
<span class="nx">endgame</span> <span class="o">=</span> <span class="p">[</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x[2;^C2;+0.01]000 0000 x[0.1]0x[1]0 00x[1]0 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 0000 x000 0000 x000 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x0x0 x0x0 x0x0 x0x0 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x000 0000 0000 0000 "</span><span class="p">),</span>
<span class="nx">cellx</span><span class="p">(</span><span class="s2">"p x[^B2]x.00 x[^B2]x.x[^B2]x. x[^B2]x.x[^B2]x.x[^B2]x.0 "</span><span class="p">),</span>
<span class="p">]</span>
<span class="nx">empty</span> <span class="o">=</span> <span class="nx">cellx</span><span class="p">(</span><span class="s2">"p 0000 0000 0000 0000"</span><span class="p">)</span>
<span class="kd">function</span> <span class="nx">once</span> <span class="p">()</span> <span class="p">{</span>
<span class="kd">const</span> <span class="nx">setup</span> <span class="o">=</span> <span class="p">(</span> <span class="nx">instance</span> <span class="p">)</span> <span class="p">=></span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">intro</span> <span class="o">=</span> <span class="p">[]</span>
<span class="kd">var</span> <span class="nx">main</span> <span class="o">=</span> <span class="p">[]</span>
<span class="kd">var</span> <span class="nx">bass</span> <span class="o">=</span> <span class="nx">main</span>
<span class="kd">var</span> <span class="nx">end</span> <span class="o">=</span> <span class="p">[]</span>
<span class="kd">var</span> <span class="nx">solo</span> <span class="o">=</span> <span class="nx">end</span>
<span class="kd">var</span> <span class="nx">fin</span> <span class="o">=</span> <span class="nx">end</span>
<span class="kd">var</span> <span class="nx">count</span> <span class="o">=</span> <span class="mf">0</span><span class="p">;</span>
<span class="kd">var</span> <span class="nx">old_scene</span> <span class="o">=</span> <span class="s2">""</span><span class="p">;</span>
<span class="kd">let</span> <span class="nx">x</span> <span class="o">=</span> <span class="mf">100</span><span class="p">;</span>
<span class="kd">let</span> <span class="nx">y</span> <span class="o">=</span> <span class="mf">100</span><span class="p">;</span>
<span class="nx">instance</span><span class="p">.</span><span class="nx">setup</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">instance</span><span class="p">.</span><span class="nx">createCanvas</span><span class="p">(</span><span class="mf">1280</span><span class="p">,</span> <span class="mf">410</span><span class="p">);</span>
<span class="nx">x</span><span class="p">.</span><span class="nx">canvas</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">position</span> <span class="o">=</span> <span class="s2">"absolute"</span><span class="p">;</span>
<span class="nx">instance</span><span class="p">.</span><span class="nx">frameRate</span><span class="p">(</span><span class="mf">0.25</span><span class="p">);</span>
<span class="nx">intro</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">instance</span><span class="p">.</span><span class="nx">loadImage</span><span class="p">(</span><span class="s1">'/closed/intro/1.png'</span><span class="p">));</span>
<span class="nx">main</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">instance</span><span class="p">.</span><span class="nx">loadImage</span><span class="p">(</span><span class="s1">'/closed/main/1.png'</span><span class="p">));</span>
<span class="nx">main</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">instance</span><span class="p">.</span><span class="nx">loadImage</span><span class="p">(</span><span class="s1">'/closed/main/2.png'</span><span class="p">));</span>
<span class="nx">main</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">instance</span><span class="p">.</span><span class="nx">loadImage</span><span class="p">(</span><span class="s1">'/closed/main/3.png'</span><span class="p">));</span>
<span class="nx">main</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">instance</span><span class="p">.</span><span class="nx">loadImage</span><span class="p">(</span><span class="s1">'/closed/main/4.png'</span><span class="p">));</span>
<span class="nx">main</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">instance</span><span class="p">.</span><span class="nx">loadImage</span><span class="p">(</span><span class="s1">'/closed/main/5.png'</span><span class="p">));</span>
<span class="nx">main</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">instance</span><span class="p">.</span><span class="nx">loadImage</span><span class="p">(</span><span class="s1">'/closed/main/6.png'</span><span class="p">));</span>
<span class="nx">main</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">instance</span><span class="p">.</span><span class="nx">loadImage</span><span class="p">(</span><span class="s1">'/closed/main/7.png'</span><span class="p">));</span>
<span class="nx">end</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">instance</span><span class="p">.</span><span class="nx">loadImage</span><span class="p">(</span><span class="s1">'/closed/end/1.png'</span><span class="p">));</span>
<span class="p">};</span>
<span class="nx">instance</span><span class="p">.</span><span class="nx">draw</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">old_scene</span> <span class="o">!=</span> <span class="nx">current_scene</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">old_scene</span> <span class="o">=</span> <span class="nx">current_scene</span><span class="p">;</span>
<span class="nx">count</span> <span class="o">=</span> <span class="mf">0</span><span class="p">;</span>
<span class="p">}</span>
<span class="nx">instance</span><span class="p">.</span><span class="nx">clear</span><span class="p">();</span>
<span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="nb">eval</span><span class="p">(</span><span class="sb">`</span><span class="si">${</span><span class="nx">current_scene</span><span class="si">}</span><span class="sb">`</span><span class="p">)</span>
<span class="nx">instance</span><span class="p">.</span><span class="nx">image</span><span class="p">(</span><span class="nx">c</span><span class="p">[</span><span class="nx">count</span><span class="p">],</span> <span class="mf">0</span><span class="p">,</span> <span class="mf">0</span><span class="p">);</span>
<span class="nx">count</span> <span class="o">+=</span> <span class="mf">1</span>
<span class="nx">count</span> <span class="o">=</span> <span class="nx">count</span> <span class="o">%</span> <span class="nx">c</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span>
<span class="p">};</span>
<span class="p">};</span>
<span class="kd">let</span> <span class="nx">myp5</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">p5</span><span class="p">(</span><span class="nx">setup</span><span class="p">,</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">'canvas-container'</span><span class="p">));</span>
<span class="nx">Tone</span><span class="p">.</span><span class="nx">Master</span><span class="p">.</span><span class="nx">volume</span><span class="p">.</span><span class="nx">value</span> <span class="o">=</span> <span class="o">-</span><span class="mf">30</span>
<span class="nx">dials</span><span class="p">[</span><span class="mf">2</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">](</span><span class="mf">1</span><span class="p">)</span>
<span class="nx">mem</span><span class="p">[</span><span class="s2">"master_filter"</span><span class="p">]</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Tone</span><span class="p">.</span><span class="nx">Filter</span><span class="p">(</span><span class="mf">10000</span><span class="p">,</span> <span class="s1">'lowpass'</span><span class="p">,</span> <span class="o">-</span><span class="mf">96</span><span class="p">);</span>
<span class="nx">mem</span><span class="p">[</span><span class="s2">"master_stereo"</span><span class="p">]</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Tone</span><span class="p">.</span><span class="nx">StereoWidener</span><span class="p">({</span><span class="nx">width</span><span class="o">:</span> <span class="mf">0.50</span><span class="p">});</span>
<span class="nx">dials</span><span class="p">[</span><span class="mf">2</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">].</span><span class="nx">onChange</span><span class="p">(</span><span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">val</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">e</span><span class="p">[</span><span class="s2">"data"</span><span class="p">].</span><span class="nx">value</span><span class="p">);</span>
<span class="kd">var</span> <span class="nx">cutoff_guard</span> <span class="o">=</span> <span class="nx">guard</span><span class="p">([</span><span class="mf">10</span><span class="p">,</span> <span class="mf">20000</span><span class="p">]);</span>
<span class="nx">mem</span><span class="p">[</span><span class="s2">"master_filter"</span><span class="p">].</span><span class="nx">frequency</span><span class="p">.</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">cutoff_guard</span><span class="p">(</span><span class="nx">val</span> <span class="o">*</span> <span class="mf">10000</span><span class="p">);</span>
<span class="p">})</span>
<span class="nx">dials</span><span class="p">[</span><span class="mf">3</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">](</span><span class="mf">0</span><span class="p">)</span>
<span class="nx">dials</span><span class="p">[</span><span class="mf">3</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">].</span><span class="nx">onChange</span><span class="p">(</span><span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">val</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">e</span><span class="p">[</span><span class="s2">"data"</span><span class="p">].</span><span class="nx">value</span><span class="p">);</span>
<span class="kd">var</span> <span class="nx">volume_guard1</span> <span class="o">=</span> <span class="nx">guard</span><span class="p">([</span><span class="mf">0</span><span class="p">,</span><span class="mf">1</span><span class="p">])</span>
<span class="nx">audio</span><span class="p">.</span><span class="nx">master</span><span class="p">.</span><span class="k">in</span><span class="p">.</span><span class="nx">gain</span><span class="p">.</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">volume_guard1</span><span class="p">(</span><span class="nx">val</span> <span class="o">/</span> <span class="mf">10</span><span class="p">);</span>
<span class="p">})</span>
<span class="nx">mem</span><span class="p">.</span><span class="nx">master</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Tone</span><span class="p">.</span><span class="nx">Channel</span><span class="p">({</span><span class="nx">channelCount</span><span class="o">:</span> <span class="mf">2</span><span class="p">,</span> <span class="nx">volume</span><span class="o">:</span> <span class="o">-</span><span class="mf">10</span><span class="p">}).</span><span class="nx">chain</span><span class="p">(</span> <span class="nx">mem</span><span class="p">[</span><span class="s2">"master_filter"</span><span class="p">],</span> <span class="nx">mem</span><span class="p">[</span><span class="s2">"master_stereo"</span><span class="p">],</span> <span class="nx">Tone</span><span class="p">.</span><span class="nx">Destination</span><span class="p">);</span>
<span class="nx">Sample</span><span class="p">(</span><span class="s2">"k"</span><span class="p">,</span> <span class="mf">0</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="o">-</span><span class="mf">5</span><span class="p">);</span>
<span class="nx">Sample</span><span class="p">(</span><span class="s2">"sn1"</span><span class="p">,</span><span class="mf">1</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="mf">0</span><span class="p">);</span>
<span class="nx">Sample</span><span class="p">(</span><span class="s2">"h"</span><span class="p">,</span><span class="mf">2</span><span class="p">,</span> <span class="mf">5000</span><span class="p">,</span> <span class="o">-</span><span class="mf">35</span><span class="p">);</span>
<span class="nx">Sample</span><span class="p">(</span><span class="s2">"m"</span><span class="p">,</span><span class="mf">3</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="o">-</span><span class="mf">15</span><span class="p">);</span>
<span class="nx">Sample</span><span class="p">(</span><span class="s2">"f"</span><span class="p">,</span><span class="mf">4</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="o">-</span><span class="mf">15</span><span class="p">);</span>
<span class="nx">name</span> <span class="o">=</span> <span class="s2">"s"</span>
<span class="nx">filter</span> <span class="o">=</span> <span class="mf">2000</span>
<span class="nx">volume</span> <span class="o">=</span> <span class="o">-</span><span class="mf">15</span>
<span class="nx">mem</span><span class="p">[</span><span class="nx">name</span> <span class="o">+</span> <span class="s2">"_filter"</span><span class="p">]</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Tone</span><span class="p">.</span><span class="nx">Filter</span><span class="p">(</span><span class="nx">filter</span><span class="p">,</span> <span class="s1">'lowpass'</span><span class="p">,</span> <span class="o">-</span><span class="mf">96</span><span class="p">);</span>
<span class="nx">mem</span><span class="p">[</span><span class="nx">name</span> <span class="o">+</span> <span class="s2">"_delay"</span><span class="p">]</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Tone</span><span class="p">.</span><span class="nx">FeedbackDelay</span><span class="p">(</span><span class="s2">"4n"</span><span class="p">,</span> <span class="mf">0.4</span><span class="p">);</span>
<span class="nx">mem</span><span class="p">[</span><span class="nx">name</span> <span class="o">+</span> <span class="s2">"_channel"</span><span class="p">]</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Tone</span><span class="p">.</span><span class="nx">Channel</span><span class="p">({</span><span class="nx">channelCount</span><span class="o">:</span> <span class="mf">2</span><span class="p">,</span> <span class="nx">volume</span><span class="o">:</span> <span class="nx">volume</span><span class="p">,</span> <span class="nx">pan</span><span class="o">:</span> <span class="o">-</span><span class="mf">0.25</span><span class="p">}).</span><span class="nx">chain</span><span class="p">(</span><span class="nx">mem</span><span class="p">[</span><span class="nx">name</span> <span class="o">+</span> <span class="s2">"_filter"</span><span class="p">],</span> <span class="nx">mem</span><span class="p">[</span><span class="nx">name</span> <span class="o">+</span> <span class="s2">"_delay"</span><span class="p">],</span> <span class="nx">mem</span><span class="p">.</span><span class="nx">master</span><span class="p">)</span>
<span class="nx">samples</span><span class="p">[</span><span class="mf">5</span><span class="p">].</span><span class="nx">connect</span><span class="p">(</span><span class="nx">mem</span><span class="p">[</span><span class="nx">name</span> <span class="o">+</span> <span class="s2">"_channel"</span><span class="p">]);</span>
<span class="nx">hit_map</span><span class="p">[</span><span class="nx">name</span><span class="p">]</span> <span class="o">=</span> <span class="mf">5</span><span class="p">;</span>
<span class="nx">Sample</span><span class="p">(</span><span class="s2">"manager"</span><span class="p">,</span><span class="mf">6</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="o">-</span><span class="mf">5</span><span class="p">);</span>
<span class="nx">Sample</span><span class="p">(</span><span class="s2">"order"</span><span class="p">,</span><span class="mf">7</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="o">-</span><span class="mf">15</span><span class="p">);</span>
<span class="nx">Sample</span><span class="p">(</span><span class="s2">"cr"</span><span class="p">,</span><span class="mf">8</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="o">-</span><span class="mf">15</span><span class="p">);</span>
<span class="nx">Sample</span><span class="p">(</span><span class="s2">"piano"</span><span class="p">,</span><span class="mf">9</span><span class="p">,</span> <span class="mf">400</span><span class="p">,</span> <span class="o">-</span><span class="mf">5</span><span class="p">);</span>
<span class="nx">Sample</span><span class="p">(</span><span class="s2">"sitar"</span><span class="p">,</span><span class="mf">10</span><span class="p">,</span> <span class="mf">5000</span><span class="p">,</span> <span class="o">-</span><span class="mf">15</span><span class="p">);</span>
<span class="kd">const</span> <span class="nx">audio</span> <span class="o">=</span> <span class="nx">Audio</span><span class="p">();</span>
<span class="kd">const</span> <span class="nx">three</span> <span class="o">=</span> <span class="nx">ThreeOhUnit</span><span class="p">(</span><span class="nx">audio</span><span class="p">,</span> <span class="s2">"sawtooth"</span><span class="p">,</span> <span class="p">{</span>
<span class="s2">"cutoff"</span><span class="o">:</span> <span class="mf">78</span><span class="p">,</span>
<span class="s2">"resonance"</span><span class="o">:</span> <span class="mf">15</span><span class="p">,</span>
<span class="s2">"envMod"</span><span class="o">:</span> <span class="mf">4000</span><span class="p">,</span>
<span class="s2">"decay"</span><span class="o">:</span> <span class="mf">0.5</span>
<span class="p">}</span>
<span class="p">)</span>
<span class="nx">audio</span><span class="p">.</span><span class="nx">master</span><span class="p">.</span><span class="k">in</span><span class="p">.</span><span class="nx">gain</span><span class="p">.</span><span class="nx">value</span> <span class="o">=</span> <span class="mf">0</span><span class="p">;</span>
<span class="nx">mem</span><span class="p">[</span><span class="s2">"three"</span><span class="p">]</span> <span class="o">=</span> <span class="nx">three</span>
<span class="c1">// cutoff [30, 700], 400</span>
<span class="c1">// resonance: [1, 30], 15</span>
<span class="c1">// envMod: [0, 8000], 4000</span>
<span class="c1">// decay: [0.1, 0.9], 0.5</span>
<span class="nx">dials</span><span class="p">[</span><span class="mf">1</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">](</span><span class="mf">0.07825</span><span class="p">)</span>
<span class="nx">dials</span><span class="p">[</span><span class="mf">1</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">].</span><span class="nx">onChange</span><span class="p">(</span><span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">val</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">e</span><span class="p">[</span><span class="s2">"data"</span><span class="p">].</span><span class="nx">value</span><span class="p">);</span>
<span class="nx">cutoff_guard</span> <span class="o">=</span> <span class="nx">guard</span><span class="p">([</span><span class="mf">30</span><span class="p">,</span> <span class="mf">700</span><span class="p">]);</span>
<span class="nx">three</span><span class="p">.</span><span class="nx">params</span><span class="p">.</span><span class="nx">cutoff</span><span class="p">.</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">cutoff_guard</span><span class="p">(</span><span class="nx">val</span> <span class="o">*</span> <span class="mf">1000</span><span class="p">);</span>
<span class="p">})</span>
<span class="nx">mem</span><span class="p">.</span><span class="nx">k1</span> <span class="o">=</span> <span class="nx">knob</span><span class="p">({</span><span class="nx">ramp</span> <span class="o">:</span> <span class="p">[</span><span class="mf">0.525</span><span class="p">,</span> <span class="mf">0.8</span><span class="p">,</span> <span class="mf">0.4</span><span class="p">,</span> <span class="mf">0.25</span><span class="p">,</span> <span class="mf">0.75</span><span class="p">,</span> <span class="mf">0.25</span><span class="p">],</span> <span class="nx">step</span><span class="o">:</span> <span class="mf">0.005</span><span class="p">,</span> <span class="s2">"number"</span><span class="o">:</span> <span class="nx">dials</span><span class="p">[</span><span class="mf">1</span><span class="p">][</span><span class="s2">"cell"</span><span class="p">]</span> <span class="p">});</span>
<span class="nx">always</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="kd">let</span> <span class="nx">cutoff_guard</span> <span class="o">=</span> <span class="nx">guard</span><span class="p">([</span><span class="mf">30</span><span class="p">,</span> <span class="mf">900</span><span class="p">]);</span>
<span class="nx">three</span><span class="p">.</span><span class="nx">params</span><span class="p">.</span><span class="nx">cutoff</span><span class="p">.</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">cutoff_guard</span><span class="p">(</span><span class="nx">mem</span><span class="p">.</span><span class="nx">k1</span><span class="p">.</span><span class="nx">move</span><span class="p">()</span> <span class="o">*</span> <span class="mf">1000</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="kd">function</span> <span class="nx">tweak</span><span class="p">()</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">snare_count</span> <span class="o">=</span> <span class="nx">cellx</span><span class="p">(</span><span class="mf">0</span><span class="p">);</span>
<span class="nx">snare_count</span><span class="p">.</span><span class="nx">onChange</span><span class="p">(</span><span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">val</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">e</span><span class="p">[</span><span class="s2">"data"</span><span class="p">].</span><span class="nx">value</span><span class="p">);</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">val</span> <span class="o">==</span> <span class="mf">22</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">current_scene</span> <span class="o">=</span> <span class="s2">"fin"</span><span class="p">;</span>
<span class="nx">p1</span><span class="p">(</span><span class="mf">8</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="mf">12.25</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">})</span>
<span class="nx">Mousetrap</span><span class="p">.</span><span class="nx">bind</span><span class="p">([</span><span class="s1">'f2'</span><span class="p">],</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">snare_count</span><span class="p">(</span><span class="nx">snare_count</span><span class="p">()</span> <span class="o">+</span> <span class="mf">1</span><span class="p">)</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">snare_count</span><span class="p">()</span> <span class="o"><=</span> <span class="mf">20</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">0</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="s2">"24n"</span><span class="p">,</span> <span class="kc">null</span> <span class="p">);</span>
<span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">8</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="s2">"2n"</span> <span class="p">);</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">10</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">,</span> <span class="s2">"A2"</span><span class="p">,</span> <span class="mf">1</span><span class="p">);</span>
<span class="p">},</span> <span class="nx">delta</span> <span class="o">*</span> <span class="mf">2</span><span class="p">)</span>
<span class="p">},</span> <span class="nx">delta</span> <span class="o">*</span> <span class="mf">1.5</span><span class="p">)</span>
<span class="p">}</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">})</span>
<span class="p">}</span>
<span class="nx">transition</span> <span class="o">=</span> <span class="nx">once</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">bars</span> <span class="o"><=</span> <span class="mf">2</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">current_scene</span> <span class="o">=</span> <span class="s2">"intro"</span><span class="p">;</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="c1">// mem["three"].step("off");</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">bars</span> <span class="o">==</span> <span class="mf">3</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">eval_guard</span> <span class="o">?</span> <span class="nx">cue</span><span class="p">(</span><span class="s2">"Start intro"</span><span class="p">)</span> <span class="o">:</span> <span class="s2">""</span><span class="p">;</span>
<span class="nx">current_scene</span> <span class="o">=</span> <span class="s2">"intro"</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">bars</span> <span class="o">==</span> <span class="mf">5</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">eval_guard</span> <span class="o">?</span> <span class="nx">cue</span><span class="p">(</span><span class="s2">"Start drums"</span><span class="p">)</span> <span class="o">:</span> <span class="s2">""</span><span class="p">;</span>
<span class="nx">current_scene</span> <span class="o">=</span> <span class="s2">"main"</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">bars</span> <span class="o">==</span> <span class="mf">12</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">eval_guard</span> <span class="o">?</span> <span class="nx">cue</span><span class="p">(</span><span class="s2">"Add bass"</span><span class="p">)</span><span class="o">:</span> <span class="s2">""</span><span class="p">;</span>
<span class="nx">current_scene</span> <span class="o">=</span> <span class="s2">"bass"</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">bars</span> <span class="o">==</span> <span class="mf">32</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">eval_guard</span> <span class="o">?</span><span class="nx">cue</span><span class="p">(</span><span class="s2">"Reverse "</span><span class="p">)</span><span class="o">:</span> <span class="s2">""</span><span class="p">;</span>
<span class="nx">current_scene</span> <span class="o">=</span> <span class="s2">"bass"</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">bars</span> <span class="o">==</span> <span class="mf">42</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">eval_guard</span> <span class="o">?</span> <span class="nx">cue</span><span class="p">(</span><span class="s2">"End "</span><span class="p">)</span><span class="o">:</span> <span class="s2">""</span>
<span class="nx">current_scene</span> <span class="o">=</span> <span class="s2">"end"</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">bars</span> <span class="o">==</span> <span class="mf">48</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">eval_guard</span> <span class="o">?</span> <span class="nx">cue</span><span class="p">(</span><span class="s2">"Solo "</span><span class="p">)</span><span class="o">:</span> <span class="s2">""</span>
<span class="nx">current_scene</span> <span class="o">=</span> <span class="s2">"solo"</span><span class="p">;</span>
<span class="p">}</span>
<span class="nx">transition</span> <span class="o">=</span> <span class="nx">tweak</span><span class="p">;</span>
<span class="p">}</span>
<span class="nx">patterns</span> <span class="o">=</span> <span class="nb">eval</span><span class="p">(</span><span class="sb">`</span><span class="si">${</span><span class="nx">current_scene</span><span class="si">}</span><span class="sb">`</span><span class="p">);</span>
<span class="nx">always</span><span class="p">();</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">1</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">count</span> <span class="o">==</span> <span class="mf">0</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">cue</span><span class="p">(</span><span class="s2">"Sample"</span><span class="p">)</span>
<span class="nx">p1</span><span class="p">(</span><span class="mf">7</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="mf">12.25</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">isHit</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">current_scene</span> <span class="o">==</span> <span class="s2">"intro"</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">1</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">3</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="s2">"1n"</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">current_scene</span> <span class="o">==</span> <span class="s2">"fin"</span><span class="p">)</span> <span class="p">{</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">current_scene</span> <span class="o">==</span> <span class="s2">"solo"</span><span class="p">)</span> <span class="p">{</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">current_scene</span> <span class="o">==</span> <span class="s2">"end"</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">1</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">0</span><span class="p">,</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"volume"</span><span class="p">],</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"pitch"</span><span class="p">],</span> <span class="s2">"24n"</span><span class="p">,</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"delay"</span><span class="p">]</span> <span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">2</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">1</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">3</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">2</span><span class="p">)</span>
<span class="p">}</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">current_scene</span> <span class="o">==</span> <span class="s2">"main"</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">1</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">0</span><span class="p">,</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"volume"</span><span class="p">],</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"pitch"</span><span class="p">],</span> <span class="s2">"24n"</span><span class="p">,</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"delay"</span><span class="p">]</span> <span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">2</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">1</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">3</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">2</span><span class="p">)</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">4</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">3</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="s2">"1n"</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">5</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"pitch"</span><span class="p">])</span> <span class="p">{</span>
<span class="c1">// mem["three"].step({"glide": true, "accent": false, "note": meta[tick]["pitch"]});</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="c1">// mem["three"].step("off");</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">6</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">5</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"pitch"</span><span class="p">],</span> <span class="s2">"1n"</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">current_scene</span> <span class="o">==</span> <span class="s2">"bass"</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">1</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">0</span><span class="p">,</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"volume"</span><span class="p">],</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"pitch"</span><span class="p">],</span> <span class="s2">"24n"</span><span class="p">,</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"delay"</span><span class="p">]</span> <span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">2</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">1</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">3</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">2</span><span class="p">)</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">4</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">p</span><span class="p">(</span><span class="mf">3</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="kc">null</span><span class="p">,</span> <span class="s2">"1n"</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">5</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"pitch"</span><span class="p">])</span> <span class="p">{</span>
<span class="nx">mem</span><span class="p">[</span><span class="s2">"three"</span><span class="p">].</span><span class="nx">step</span><span class="p">({</span><span class="s2">"glide"</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="s2">"accent"</span><span class="o">:</span> <span class="kc">false</span><span class="p">,</span> <span class="s2">"note"</span><span class="o">:</span> <span class="nx">meta</span><span class="p">[</span><span class="nx">tick</span><span class="p">][</span><span class="s2">"pitch"</span><span class="p">]});</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="nx">mem</span><span class="p">[</span><span class="s2">"three"</span><span class="p">].</span><span class="nx">step</span><span class="p">(</span><span class="s2">"off"</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">track_no</span> <span class="o">==</span> <span class="mf">6</span><span class="p">)</span> <span class="p">{</span>
<span class="c1">// p(5, 0.15, meta[tick]["pitch"], 1);</span>
<span class="c1">// p(9, 1, meta[tick]["pitch"], 1);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">}</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class='prev-next-bottom'>
<a class='left-prev' id="prev-link" href="source-code.html" title="previous page">Source Code and License</a>
<a class='right-next' id="next-link" href="samples.html" title="next page">Samples</a>
</div>
</div>
</div>
<footer class="footer mt-5 mt-md-0">
<div class="container">
<p>
By Xyzzy Apps<br/>
© Copyright (c) Xyzzy Apps, 2021.<br/>
</p>
</div>
</footer>
</main>
</div>
</div>
<script src="_static/js/index.1c5a1a01449ed65a7b51.js"></script>
</body>
</html>