177 lines
8.2 KiB
HTML
177 lines
8.2 KiB
HTML
|
|
<!-- simu right part : NozoidsUI Block -->
|
|
|
|
<div id ="nozoidUI" class="nozoidbuttons" style = "display: none;justify-items: center;">
|
|
|
|
<!-- Nozoids UI : names and leds -->
|
|
<div>
|
|
<webaudio-knob id="nozoid/o2/led" src="knobs/leds.png" height="17" width="17" diameter="17" min="0" max="6" value="0" sprites="6"></webaudio-knob>
|
|
<webaudio-switch id="nozoid/o2" value="0" height="27" width="75" tooltip="Switch-B" src="knobs/o2.png"></webaudio-switch>
|
|
</div>
|
|
<div>
|
|
<webaudio-knob id="nozoid/m3/led" src="knobs/leds.png" height="17" width="17" diameter="17" min="0" max="6" value="0" sprites="6"></webaudio-knob>
|
|
<webaudio-switch id="nozoid/m3" value="0" height="27" width="75" tooltip="Switch-B" src="knobs/m3.png"></webaudio-switch>
|
|
</div>
|
|
|
|
<!-- OCS-2 UI -->
|
|
<div style="border-color: #445;border-style:groove;border-width:1px;">
|
|
|
|
<webaudio-switch id="nozoid/down/o2 25" value="0" height="27" width="75" tooltip="Switch-B" src="knobs/slower.png"></webaudio-switch>
|
|
<webaudio-switch id="nozoid/up/o2 25" value="0" height="27" width="75" tooltip="Switch-B" src="knobs/faster.png"></webaudio-switch>
|
|
<span class="lasertext">Sound curve for X</span>
|
|
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="nozoid/X/o2 0">STOP</option>
|
|
<option value="nozoid/X/o2 1">VCO1</option>
|
|
<option value="nozoid/X/o2 2">VCO2</option>
|
|
<option value="nozoid/X/o2 3">LFO1</option>
|
|
<option value="nozoid/X/o2 4">LFO2</option>
|
|
<option value="nozoid/X/o2 5">LFO3</option>
|
|
<option value="nozoid/X/o2 6">CV/GEN</option>
|
|
<option value="nozoid/X/o2 7">ADSR</option>
|
|
<option value="nozoid/X/o2 8">LIGHT</option>
|
|
<option value="nozoid/X/o2 9">LINE IN</option>
|
|
<option value="nozoid/X/o2 10">MIDI</option>
|
|
<option value="nozoid/X/o2 11">CV1</option>
|
|
<option value="nozoid/X/o2 12">CV2</option>
|
|
<option value="nozoid/X/o2 13">CV3</option>
|
|
<option value="nozoid/X/o2 17">1 Out</option>
|
|
<option value="nozoid/X/o2 18">2 Out</option>
|
|
<option value="nozoid/X/o2 20">VCF</option>
|
|
<option value="nozoid/X/o2 21">MIX</option>
|
|
<option value="nozoid/X/o2 22">VCA</option>
|
|
</select>
|
|
<span class="lasertext">Sound curve for Y</span>
|
|
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="nozoid/Y/o2 0">STOP</option>
|
|
<option value="nozoid/Y/o2 1">VCO1</option>
|
|
<option value="nozoid/Y/o2 2">VCO2</option>
|
|
<option value="nozoid/Y/o2 3">LFO1</option>
|
|
<option value="nozoid/Y/o2 4">LFO2</option>
|
|
<option value="nozoid/Y/o2 5">LFO3</option>
|
|
<option value="nozoid/Y/o2 6">CV/GEN</option>
|
|
<option value="nozoid/Y/o2 7">ADSR</option>
|
|
<option value="nozoid/Y/o2 8">LIGHT</option>
|
|
<option value="nozoid/Y/o2 9">LINE IN</option>
|
|
<option value="nozoid/Y/o2 10">MIDI</option>
|
|
<option value="nozoid/Y/o2 11">CV1</option>
|
|
<option value="nozoid/Y/o2 12">CV2</option>
|
|
<option value="nozoid/Y/o2 13">CV3</option>
|
|
<option value="nozoid/Y/o2 17">1 Out</option>
|
|
<option value="nozoid/Y/o2 18">2 Out</option>
|
|
<option value="nozoid/Y/o2 20">VCF</option>
|
|
<option value="nozoid/Y/o2 21">MIX</option>
|
|
<option value="nozoid/Y/o2 22">VCA</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- MMO-3 UI -->
|
|
<div style="border-color: #445;border-style:groove;border-width:1px;">
|
|
<webaudio-switch id="nozoid/down/m3 25" value="0" height="27" width="75" tooltip="Switch-B" src="knobs/slower.png"></webaudio-switch>
|
|
<webaudio-switch id="nozoid/up/m3 25" value="0" height="27" width="75" tooltip="Switch-B" src="knobs/faster.png"></webaudio-switch>
|
|
|
|
<span class="lasertext">Sound curve for X</span>
|
|
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="nozoid/X/m3 0">Stop</option>
|
|
<option value="nozoid/X/m3 1">OSC1</option>
|
|
<option value="nozoid/X/m3 2">OSC2</option>
|
|
<option value="nozoid/X/m3 3">OSC3</option>
|
|
<option value="nozoid/X/m3 4">LFO1</option>
|
|
<option value="nozoid/X/m3 5">LFO2</option>
|
|
<option value="nozoid/X/m3 6">LFO3</option>
|
|
<option value="nozoid/X/m3 7">ADSR</option>
|
|
<option value="nozoid/X/m3 8">CV</option>
|
|
<option value="nozoid/X/m3 9">Line IN</option>
|
|
<option value="nozoid/X/m3 10">Jstck</option>
|
|
<option value="nozoid/X/m3 11">INL</option>
|
|
<option value="nozoid/X/m3 12">INR</option>
|
|
</select>
|
|
<span class="lasertext">Sound curve for Y</span>
|
|
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="nozoid/Y/m3 0">Stop</option>
|
|
<option value="nozoid/Y/m3 1">OSC1</option>
|
|
<option value="nozoid/Y/m3 2">OSC2</option>
|
|
<option value="nozoid/Y/m3 3">OSC3</option>
|
|
<option value="nozoid/Y/m3 4">LFO1</option>
|
|
<option value="nozoid/Y/m3 5">LFO2</option>
|
|
<option value="nozoid/Y/m3 6">LFO3</option>
|
|
<option value="nozoid/Y/m3 7">ADSR</option>
|
|
<option value="nozoid/Y/m3 8">CV</option>
|
|
<option value="nozoid/Y/m3 9">Line IN</option>
|
|
<option value="nozoid/Y/m3 10">Jstck</option>
|
|
<option value="nozoid/Y/m3 11">INL</option>
|
|
<option value="nozoid/X/m3 12">INR</option>
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<!-- Curve choice -->
|
|
<div>
|
|
<span class="lasertext">CurveNumber : </span>
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="nozoid/curve 0">0</option>
|
|
<option value="nozoid/curve 1">1</option>
|
|
<option value="nozoid/curve 2">2</option>
|
|
<option value="nozoid/curve 3">3</option>
|
|
</select>
|
|
|
|
<!-- Color choice -->
|
|
<!-- 0 black / 1 green / 2 cyan / 3 pink / 4 yellow / 5 red / 6 white (in nozoids.py) -->
|
|
|
|
<span class="lasertext">CurveColor :</span>
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="nozoid/color 5">Red</option>
|
|
<option value="nozoid/color 1">Green</option>
|
|
<option value="nozoid/color 2">Blue</option>
|
|
<option value="nozoid/color 4">Yellow</option>
|
|
<option value="nozoid/color 3">Pink</option>
|
|
<option value="nozoid/color 6">White</option>
|
|
</select>
|
|
|
|
|
|
<!-- Laser choice -->
|
|
|
|
<span class="lasertext">DrawingLaser :</span>
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="nozoid/laser 0">0</option>
|
|
<option value="nozoid/laser 1">1</option>
|
|
<option value="nozoid/laser 2">2</option>
|
|
<option value="nozoid/laser 3">3</option>
|
|
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<!-- Automodulation X and Y choice -->
|
|
<div>
|
|
<span class="lasertext" >Automod : X</span>
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="nozoid/auto/X/0">0</option>
|
|
<option value="nozoid/auto/X/1 Out">1 Out</option>
|
|
<option value="nozoid/auto/X/2 Out">2 Out</option>
|
|
<option value="nozoid/auto/X/3 Out">3 Out</option>
|
|
<option value="nozoid/auto/X/OutR">OutR</option>
|
|
<option value="nozoid/auto/X/OutL">OutL</option>
|
|
</select>
|
|
<span class="lasertext">Automod : Y</span>
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="nozoid/auto/Y/0">0</option>
|
|
<option value="nozoid/auto/Y/1 Out">1 Out</option>
|
|
<option value="nozoid/auto/Y/2 Out">2 Out</option>
|
|
<option value="nozoid/auto/Y/3 Out">3 Out</option>
|
|
<option value="nozoid/auto/Y/OutR">OutR</option>
|
|
<option value="nozoid/auto/Y/OutL">OutL</option>
|
|
</select>
|
|
</div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- End of NozoidsUI block -->
|