chore: format
This commit is contained in:
parent
165fb6134c
commit
94646d36fc
GPG key ID:
111C00916C1641E5
2 changed files with 82 additions and 96 deletions
161
globals.js
161
globals.js
|
|
@ -39,110 +39,109 @@ let notePressedCount = 0;
|
|||
let notePressedCountHistory = [];
|
||||
|
||||
WebMidi.enable(function (err) { //check if WebMidi.js is enabled
|
||||
if (err) {
|
||||
console.log("WebMidi could not be enabled.", err);
|
||||
} else {
|
||||
console.log("WebMidi enabled!");
|
||||
}
|
||||
if (err) {
|
||||
console.log("WebMidi could not be enabled.", err);
|
||||
} else {
|
||||
console.log("WebMidi enabled!");
|
||||
}
|
||||
|
||||
//name our visible MIDI input and output ports
|
||||
console.log("---");
|
||||
console.log("Inputs Ports: ");
|
||||
for (i = 0; i < WebMidi.inputs.length; i++) {
|
||||
console.log(i + ": " + WebMidi.inputs[i].name);
|
||||
}
|
||||
//name our visible MIDI input and output ports
|
||||
console.log("---");
|
||||
console.log("Inputs Ports: ");
|
||||
for (i = 0; i < WebMidi.inputs.length; i++) {
|
||||
console.log(i + ": " + WebMidi.inputs[i].name);
|
||||
}
|
||||
|
||||
console.log("---");
|
||||
console.log("Output Ports: ");
|
||||
for (i = 0; i < WebMidi.outputs.length; i++) {
|
||||
console.log(i + ": " + WebMidi.outputs[i].name);
|
||||
}
|
||||
midiSelectSlider = select("#slider");
|
||||
midiSelectSlider.attribute("max", WebMidi.inputs.length - 1);
|
||||
midiSelectSlider.input(inputChanged);
|
||||
midiIn = WebMidi.inputs[midiSelectSlider.value()]
|
||||
inputChanged();
|
||||
console.log("---");
|
||||
console.log("Output Ports: ");
|
||||
for (i = 0; i < WebMidi.outputs.length; i++) {
|
||||
console.log(i + ": " + WebMidi.outputs[i].name);
|
||||
}
|
||||
midiSelectSlider = select("#slider");
|
||||
midiSelectSlider.attribute("max", WebMidi.inputs.length - 1);
|
||||
midiSelectSlider.input(inputChanged);
|
||||
midiIn = WebMidi.inputs[midiSelectSlider.value()]
|
||||
inputChanged();
|
||||
});
|
||||
|
||||
function inputChanged() {
|
||||
isKeyOn.fill(0);
|
||||
controllerChange(64, 0);
|
||||
controllerChange(67, 0);
|
||||
isKeyOn.fill(0);
|
||||
controllerChange(64, 0);
|
||||
controllerChange(67, 0);
|
||||
|
||||
midiIn.removeListener();
|
||||
midiIn = WebMidi.inputs[midiSelectSlider.value()];
|
||||
midiIn.addListener('noteon', "all", function (e) {
|
||||
console.log("Received 'noteon' message (" + e.note.number + ", " + e.velocity + ").");
|
||||
noteOn(e.note.number, e.velocity);
|
||||
});
|
||||
midiIn.addListener('noteoff', "all", function (e) {
|
||||
console.log("Received 'noteoff' message (" + e.note.number + ", " + e.velocity + ").");
|
||||
noteOff(e.note.number, e.velocity);
|
||||
})
|
||||
midiIn.addListener('controlchange', 'all', function(e) {
|
||||
console.log("Received control change message:", e.controller.number, e.value);
|
||||
controllerChange(e.controller.number, e.value)
|
||||
});
|
||||
console.log(midiIn.name);
|
||||
select("#device").html(midiIn.name);
|
||||
midiIn.removeListener();
|
||||
midiIn = WebMidi.inputs[midiSelectSlider.value()];
|
||||
midiIn.addListener('noteon', "all", function (e) {
|
||||
console.log("Received 'noteon' message (" + e.note.number + ", " + e.velocity + ").");
|
||||
noteOn(e.note.number, e.velocity);
|
||||
});
|
||||
midiIn.addListener('noteoff', "all", function (e) {
|
||||
console.log("Received 'noteoff' message (" + e.note.number + ", " + e.velocity + ").");
|
||||
noteOff(e.note.number, e.velocity);
|
||||
})
|
||||
midiIn.addListener('controlchange', 'all', function(e) {
|
||||
console.log("Received control change message:", e.controller.number, e.value);
|
||||
controllerChange(e.controller.number, e.value)
|
||||
});
|
||||
console.log(midiIn.name);
|
||||
select("#device").html(midiIn.name);
|
||||
};
|
||||
|
||||
function noteOn(pitch, velocity) {
|
||||
totalNotesPlayed++;
|
||||
notesThisFrame++;
|
||||
totalIntensityScore += velocity;
|
||||
|
||||
// piano visualizer
|
||||
isKeyOn[pitch] = velocity;
|
||||
if (nowPedaling) {
|
||||
isPedaled[pitch] = velocity;
|
||||
}
|
||||
totalNotesPlayed++;
|
||||
notesThisFrame++;
|
||||
totalIntensityScore += velocity;
|
||||
|
||||
// piano visualizer
|
||||
isKeyOn[pitch] = velocity;
|
||||
if (nowPedaling) {
|
||||
isPedaled[pitch] = velocity;
|
||||
}
|
||||
}
|
||||
|
||||
function noteOff(pitch, velocity) {
|
||||
isKeyOn[pitch] = 0;
|
||||
function noteOff(pitch, _velocity) {
|
||||
isKeyOn[pitch] = 0;
|
||||
}
|
||||
|
||||
function controllerChange(number, value) {
|
||||
// Receive a controllerChange
|
||||
if (number == 64) {
|
||||
cc64now = value;
|
||||
// Receive a controllerChange
|
||||
if (number == 64) {
|
||||
cc64now = value;
|
||||
|
||||
if (value >= 64) {
|
||||
nowPedaling = true;
|
||||
for (let i = 0; i < 128; i++) {
|
||||
// copy key on to pedal
|
||||
isPedaled[i] = isKeyOn[i];
|
||||
}
|
||||
} else if (value < 64) {
|
||||
nowPedaling = false;
|
||||
for (let i = 0; i < 128; i++) {
|
||||
// reset isPedaled
|
||||
isPedaled[i] = 0;
|
||||
}
|
||||
}
|
||||
if (value >= 64) {
|
||||
nowPedaling = true;
|
||||
for (let i = 0; i < 128; i++) {
|
||||
// copy key on to pedal
|
||||
isPedaled[i] = isKeyOn[i];
|
||||
}
|
||||
} else if (value < 64) {
|
||||
nowPedaling = false;
|
||||
for (let i = 0; i < 128; i++) {
|
||||
// reset isPedaled
|
||||
isPedaled[i] = 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (number == 67) {
|
||||
cc67now = value;
|
||||
|
||||
}
|
||||
if (number == 67) {
|
||||
cc67now = value;
|
||||
}
|
||||
}
|
||||
|
||||
function toggleRainbowMode(cb) {
|
||||
rainbowMode = cb.checked;
|
||||
if (rainbowMode)
|
||||
select('#colorpicker').attribute('disabled', true)
|
||||
else
|
||||
select('#colorpicker').removeAttribute('disabled')
|
||||
rainbowMode = cb.checked;
|
||||
if (rainbowMode)
|
||||
select('#colorpicker').attribute('disabled', true)
|
||||
else
|
||||
select('#colorpicker').removeAttribute('disabled')
|
||||
}
|
||||
|
||||
function toggleVelocityMode(cb) {
|
||||
velocityMode = cb.checked;
|
||||
velocityMode = cb.checked;
|
||||
}
|
||||
|
||||
function changeColor() {
|
||||
keyOnColor = color(select('#colorpicker').value());
|
||||
let darkenedColor = keyOnColor.levels.map(x => floor(x * .7));
|
||||
pedaledColor = color(`rgb(${darkenedColor[0]}, ${darkenedColor[1]}, ${darkenedColor[2]})`);
|
||||
}
|
||||
keyOnColor = color(select('#colorpicker').value());
|
||||
let darkenedColor = keyOnColor.levels.map(x => floor(x * .7));
|
||||
pedaledColor = color(`rgb(${darkenedColor[0]}, ${darkenedColor[1]}, ${darkenedColor[2]})`);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,11 @@
|
|||
function setup() {
|
||||
createCanvas(1098, 118).parent('piano-visualizer');
|
||||
colorMode(HSB, 360, 100, 100, 100);
|
||||
keyOnColor = color(326, 100, 100, 100); // <---- 編輯這裡換「按下時」的顏色！[HSB Color Mode]
|
||||
keyOnColor = color(326, 100, 100, 100); // <---- 編輯這裡換「按下時」的顏色！[HSB Color Mode]
|
||||
pedaledColor = color(326, 100, 70, 100); // <---- 編輯這裡換「踏板踩住」的顏色！[HSB Color Mode]
|
||||
smooth(2);
|
||||
frameRate(60);
|
||||
initKeys();
|
||||
|
||||
}
|
||||
|
||||
function draw() {
|
||||
|
|
@ -14,9 +13,6 @@ function draw() {
|
|||
pushHistories();
|
||||
drawWhiteKeys();
|
||||
drawBlackKeys();
|
||||
// drawPedalLines();
|
||||
// drawNotes();
|
||||
|
||||
drawTexts();
|
||||
}
|
||||
|
||||
|
|
@ -93,12 +89,6 @@ function drawBlackKeys() {
|
|||
if (isBlack[i % 12] > 0) {
|
||||
// it's a black key
|
||||
if (velocityMode) {
|
||||
// let m = max(isKeyOn[i], isPedaled[i]) * .9 + .1;
|
||||
// if ((isKeyOn[i] || isPedaled[i]) && !rainbowMode) {
|
||||
// let darkenedColor = keyOnColor.levels.map(x => floor(x * m));
|
||||
// fill(`rgb(${darkenedColor[0]}, ${darkenedColor[1]}, ${darkenedColor[2]})`); // keypressed
|
||||
// } else if ((isKeyOn[i] || isPedaled[i]) && rainbowMode) {
|
||||
// fill(map(i, 21, 108, 0, 1080) % 360, 100, 100 * m, 100); // rainbowMode
|
||||
let m = max(isKeyOn[i], isPedaled[i]) * .9 + .1;
|
||||
if ((isKeyOn[i] || isPedaled[i]) && !rainbowMode) {
|
||||
let whitenedColor = keyOnColor.levels.map(x => floor(x * m + 255 * (1 - m)));
|
||||
|
|
@ -179,8 +169,6 @@ function pushHistories() {
|
|||
notesThisFrame = 0;
|
||||
legatoHistory.push(isKeyOn.reduce((accumulator, currentValue) => accumulator + !!currentValue, 0));
|
||||
legatoHistory.shift();
|
||||
|
||||
|
||||
}
|
||||
|
||||
function convertNumberToBars(number) {
|
||||
|
|
@ -236,7 +224,6 @@ function getPressedKeys(returnString = true) {
|
|||
} else {
|
||||
return pressedKeys;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function truncateString(str, maxLength = 40) {
|
||||
|
|
@ -280,7 +267,7 @@ function mouseClicked() {
|
|||
}
|
||||
|
||||
if (mouseX > 441 && mouseX < 841) {
|
||||
flatNames = !flatNames; // toggle flat
|
||||
flatNames = !flatNames; // toggle flat
|
||||
}
|
||||
}
|
||||
console.log(mouseX, mouseY);
|
||||
|
|
|
|||
Loading…
Reference in a new issue