You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
167 lines
4.8 KiB
167 lines
4.8 KiB
<html>
|
|
<head>
|
|
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
|
|
<script type="text/javascript">
|
|
google.load("visualization", "1", {packages:["corechart"]});
|
|
google.setOnLoadCallback(drawChart);
|
|
function drawChart() {
|
|
|
|
var options = {
|
|
title: 'Wave form qr=60'
|
|
};
|
|
|
|
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
|
|
//chart.draw(data, options);
|
|
function redraw() {
|
|
var params = [];
|
|
for (var i = 0; i < 8; i++) {
|
|
params.push(parseInt(document.getElementById("param" + i).value));
|
|
}
|
|
var nsamp = parseInt(document.getElementById("nsamp").value);
|
|
var rawdata = envdata(params, nsamp);
|
|
var data = google.visualization.arrayToDataTable(rawdata);
|
|
chart.draw(data, {title: 'Envelope'});
|
|
}
|
|
for (var i = 0; i < 8; i++) {
|
|
document.getElementById("param" + i).addEventListener("change", redraw);
|
|
}
|
|
document.getElementById("nsamp").addEventListener("change", redraw);
|
|
redraw();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
Level 1: <input id="param0" type="text" value="99">
|
|
Rate 1: <input id="param4" type="text" value="80"><br/>
|
|
Level 2: <input id="param1" type="text" value="80">
|
|
Rate 2: <input id="param5" type="text" value="80"><br/>
|
|
Level 3: <input id="param2" type="text" value="99">
|
|
Rate 3: <input id="param6" type="text" value="70"><br/>
|
|
Level 4: <input id="param3" type="text" value="0">
|
|
Rate 4: <input id="param7" type="text" value="80"><br/>
|
|
Number of samples: <input id="nsamp" type="text" value="4000"><br/>
|
|
<div id="chart_div" style="width: 900px; height: 500px;"></div>
|
|
</body>
|
|
<script>
|
|
|
|
var envmask = [[0, 1, 0, 1, 0, 1, 0, 1],
|
|
[0, 1, 0, 1, 0, 1, 1, 1],
|
|
[0, 1, 1, 1, 0, 1, 1, 1],
|
|
[0, 1, 1, 1, 1, 1, 1, 1]];
|
|
|
|
var outputlevel = [0, 5, 9, 13, 17, 20, 23, 25, 27, 29, 31, 33, 35, 37, 39,
|
|
41, 42, 43, 45, 46, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61,
|
|
62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80,
|
|
81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99,
|
|
100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 112, 113, 114,
|
|
115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125, 126, 127];
|
|
|
|
function envenable(i, qr) {
|
|
var shift = (qr >> 2) - 11;
|
|
if (shift < 0) {
|
|
var sm = (1 << -shift) - 1;
|
|
if ((i & sm) != sm) return false;
|
|
i >>= -shift;
|
|
}
|
|
return envmask[qr & 3][i & 7] != 0;
|
|
}
|
|
|
|
function attackstep(lev, i, qr) {
|
|
var shift = (qr >> 2) - 11;
|
|
if (!envenable(i, qr)) return lev;
|
|
var slope = 17 - (lev >> 8);
|
|
lev += slope << Math.max(shift, 0);
|
|
return lev;
|
|
}
|
|
|
|
function decaystep(lev, i, qr) {
|
|
var shift = (qr >> 2) - 11;
|
|
if (!envenable(i, qr)) return lev;
|
|
lev -= 1 << Math.max(shift, 0);
|
|
return lev;
|
|
}
|
|
|
|
function Env(params) {
|
|
this.params = params;
|
|
this.level = 0;
|
|
this.ix = 0;
|
|
this.i = 0;
|
|
this.down = true;
|
|
this.advance(0);
|
|
}
|
|
|
|
Env.prototype.getsample = function() {
|
|
if (envenable(this.i, this.qr) && (this.ix < 3 || (this.ix < 4 && !this.down))) {
|
|
if (this.rising) {
|
|
var lev = attackstep(this.level, this.i, this.qr);
|
|
console.log(lev);
|
|
if (lev >= this.targetlevel) {
|
|
lev = this.targetlevel;
|
|
this.advance(this.ix + 1);
|
|
}
|
|
this.level = lev;
|
|
} else {
|
|
var lev = decaystep(this.level, this.i, this.qr);
|
|
if (lev <= this.targetlevel) {
|
|
lev = this.targetlevel;
|
|
this.advance(this.ix + 1);
|
|
}
|
|
this.level = lev;
|
|
}
|
|
}
|
|
this.i++;
|
|
return this.level;
|
|
}
|
|
|
|
Env.prototype.advance = function(newix) {
|
|
this.ix = newix;
|
|
if (this.ix < 4) {
|
|
var newlevel = this.params[this.ix];
|
|
var scaledlevel = Math.max(0, (outputlevel[newlevel] << 5) - 224);
|
|
this.targetlevel = scaledlevel;
|
|
this.rising = (this.targetlevel - this.level) > 0;
|
|
var rate_scaling = 0;
|
|
this.qr = Math.min(63, rate_scaling + ((this.params[this.ix + 4] * 41) >> 6));
|
|
}
|
|
//console.log("advance ix="+this.ix+", qr="+this.qr+", target="+this.targetlevel+", rising="+this.rising);
|
|
}
|
|
|
|
Env.prototype.keyup = function() {
|
|
this.down = false;
|
|
this.advance(3);
|
|
}
|
|
|
|
function attackdata(qr) {
|
|
var result = [['samp', 'env']];
|
|
var i = 0;
|
|
var count = 0;
|
|
var lev = 1716;
|
|
while (true) {
|
|
result.push([i, lev]);
|
|
lev = attackstep(lev, i, qr);
|
|
lev = Math.min(lev, 15 << 8);
|
|
if (lev >= 15 << 8) {
|
|
count++;
|
|
if (count > 100) break;
|
|
}
|
|
i++;
|
|
}
|
|
return result;
|
|
}
|
|
|
|
function envdata(params, nsamp) {
|
|
console.log(nsamp);
|
|
var result = [['samp', 'env']];
|
|
var env = new Env(params);
|
|
for (var i = 0; i < nsamp; i++) {
|
|
if (i == 3 * nsamp / 4) {
|
|
env.keyup();
|
|
}
|
|
result.push([i, env.getsample()]);
|
|
}
|
|
return result;
|
|
}
|
|
|
|
|
|
</script>
|
|
</html>
|
|
|