DIR : /home/kozerus/public_html/jkwii/js/jsdoit/noizilator_aud/index.html
/home/kozerus/public_html/jkwii/js/jsdoit/noizilator_aud
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Noizilator - js do it</title>
<meta name="Description" content="" />
<meta name="Keywords" content="" />
<link rel="stylesheet" type="text/css" media="screen,print" href="style.css" />
</head>
<body>
<!-- generated by: jsdo.it - http://jsdo.it/akm2/pp2g -->
<!-- Copyright akm2 - http://jsdo.it/akm2 -->
<!-- Licensed under MIT License - http://www.opensource.org/licenses/mit-license.php -->
<div id="container">
<canvas id="c"></canvas>
<div id="info" class="hide"></div>
<!--
Settings window
-->
<div id="settings-window">
<ul id="tab">
<li class="synth active"><a href="javascript:void(0)">NOISE SYNTH</a></li><!--
--><li class="drum"><a href="javascript:void(0)">DRUM</a></li>
</ul>
<div id="synth-settings" class="settings active">
<dl>
<dt><label>WAVE1</label></dt>
<dd>
<select name="wave1">
<option value="sin">SIN</option>
<option value="tri">TRI</option>
<option value="saw">SAW</option>
<option value="fami">FAMI</option>
<option value="pulse">PULSE</option>
</select>
</dd>
</dl>
<dl>
<dt><label>WAVE2</label></dt>
<dd>
<select name="wave2">
<option value="sin">SIN</option>
<option value="tri">TRI</option>
<option value="saw">SAW</option>
<option value="fami">FAMI</option>
<option value="pulse">PULSE</option>
<option value="">-</option>
</select>
</dd>
</dl>
<dl>
<dt><label for="freq">ROOT</label></dt>
<dd><input type="text" id="freq" name="freq" value=""> <span class="ex">EX: 440, C3</span></dd>
</dl>
<dl>
<dt><label for="attack">ATTACK</label></dt>
<dd><input type="number" id="attack" name="attack" step="1" min="0" value=""> ms</dd>
</dl>
<dl>
<dt><label for="decay">DECAY</label></dt>
<dd><input type="number" id="decay" name="decay" step="1" min="0" value=""> ms</dd>
</dl>
<dl id="efx">
<dt>EFFECT</dt>
<dd>
<ul>
<li><label for="dist">DIST</label><br/><input type="checkbox" id="dist" name="dist" value="1"></li><!--
--><li><label for="chorus">CHORUS</label><br/><input type="checkbox" id="chorus" name="chorus" value="1"></li><!--
--><li><label for="delay">DERAY</label><br/><input type="checkbox" id="delay" name="delay" value="1"></li>
</ul>
</dd>
</dl>
<dl id="pattern" class="pattern">
<dt><label>PATTERN</label></dt>
<dd class="ptn">
<span>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
</span><!--
--><span>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
</span><!--
--><span>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
</span><!--
--><span>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
<input type="checkbox" value="1" checked>
</span>
</dd>
</dl>
</div>
<div id="drum-settings" class="settings">
<dl class="type">
<dt><label>TYPE</label></dt>
<dd>
<select name="drum-type">
<option value="hihat">HIHAT</option>
<option value="snare">SNARE</option>
<option value="bass">BASS</option>
</select>
</dd>
</dl>
<dl class="pattern">
<dt><label>PATTERN 1</label></dt>
<dd>
<span>
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
</span>
<span>
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
</span>
</dd>
</dl>
<dl class="pattern">
<dt><label>PATTERN 2</label></dt>
<dd>
<span>
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
</span>
<span>
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
</span>
</dd>
</dl>
<dl class="pattern">
<dt><label>PATTERN 3</label></dt>
<dd>
<span>
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
</span>
<span>
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
</span>
</dd>
</dl>
<dl class="pattern">
<dt><label>PATTERN 4</label></dt>
<dd>
<span>
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
</span>
<span>
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
<input type="checkbox" value="1">
</span>
</dd>
</dl>
</div>
<div id="btn-cnt">
<a href="javascript:void(0)" id="delete" class="button">DELETE</a>
<a href="javascript:void(0)" id="cancel" class="button">CANCEL</a>
<a href="javascript:void(0)" id="ok" class="button">OK</a>
</div>
</div>
<!--
UI
-->
<div id="ui">
<div id="handle"><img src="http://jsrun.it/assets/u/G/c/c/uGccR.png" alt="" /></div>
<div id="ui-inner">
<div id="play">
<a href="javascript:void(0)" class="button inactive">► / <span class="pause">ll</span></a>
</div>
<div id="tracks">
<p>TRACKS</p>
<ul>
<li><a href="javascript:void(0)" class="button empty active">1</a></li>
<li><a href="javascript:void(0)" class="button empty">2</a></li>
<li><a href="javascript:void(0)" class="button empty">3</a></li>
<li><a href="javascript:void(0)" class="button empty">4</a></li>
<li><a href="javascript:void(0)" class="button empty">5</a></li>
<li><a href="javascript:void(0)" class="button empty">6</a></li>
<li><a href="javascript:void(0)" class="button empty">7</a></li>
<li><a href="javascript:void(0)" class="button empty">8</a></li>
</ul>
</div>
<div id="del">
<p>DEL TRACK</p>
<ul>
<li><a href="javascript:void(0)" id="del-current-btn" class="button empty">CURRENT</a></li>
<li><a href="javascript:void(0)" id="del-all-btn" class="button empty">ALL</a></li>
</ul>
</div>
</div>
<!-- /#ui --></div>
</div>
<script type="text/javascript" src="http://jsdo.it/lib/jquery-1.8.0/js"></script>
<script type="text/javascript" src="http://jsdo.it/akm2/timber.js-12.09.21/js"></script>
<script type="text/javascript" src="http://jsdo.it/akm2/2e21/js"></script>
<script type="text/javascript" src="http://jsdo.it/lib/jquery.ui-1.8.22/js"></script>
<script type="text/javascript" src="index.js"></script>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer