p５jsからprocessingへのコードの移植について

open processingでpatatap的なものを作りましたが、midiの信号を受け取るためにprocessingに移植しないといけないのですが、open processingで書いたスクリプトがprocesssingで機能しません、具体的にどのような変更を加えると動きますか。

var x = 0;
var y = 0;
let sample = [];
let bgcolor;
let animation = [];
let num;

function preload(){
sample[0] = loadSound('13_ATH_Snare.wav');
sample[1] = loadSound('Decibel_Vol_2_-_Open_Hat_08.wav');
sample[2] = loadSound('FL_TS_Crash_02.wav');
sample[3] = loadSound('Snare_1.wav');
sample[4] = loadSound('Snare_06.wav');
sample[5] = loadSound('1Snare.wav');
sample[6] = loadSound('Clap_Snappy.wav');
sample[7] = loadSound('Synth_Single_Hit_11_F.wav');
sample[8] = loadSound('TapedUpProphet_Fmaj7_hit.wav');
sample[9] = loadSound('Synth_Single_Hit_42_Eb.wav');
sample[10] = loadSound('VGP_VC1_Hit.wav');
sample[11] = loadSound('Synth_Hit_14.wav');
sample[12] = loadSound('Synth_Hit_09.wav');
sample[13] = loadSound('WAFHVE_Kick_That_Shit_Solo_Hard3.wav');
sample[14] = loadSound('WAFHVE_Hit_Me_Layered_Hard.wav');
sample[15] = loadSound('WAVSE_Hit_The_Crowd_LAYERED_Soft_128bpm.wav');
}

function setup(){
createCanvas(windowWidth,windowHeight);
}

function draw(){
background(0);
if (animation.length > 0) {
for (let i = 0; i < animation.length; i++){
animation[i].draw();
}
}
}

class Anim_s{
constructor(){
this.width = 0;
this.speed = 100;
}
draw(){
noStroke();
fill(random(255),0,0);
rectMode(CORNER);
rect(0,0,this.width,height);
this.width += this.speed;
}
}
class Anim_d{
constructor(){
this.rotate = 0;
this.speed = 50;
}
draw(){
push();
fill(255,255,0);
noStroke();
translate(width / 2,height /2);
rotate(radians(this.rotate));
rectMode(CENTER);
rect(0,0,250,250);
pop();
this.rotate += this.speed;
}
}
class Anim_f{
constructor(){
this.bgColor = 255;
this.speed = -2;
}
draw(){
noStroke();
fill(this.bgColor);
rect(0,0,width,height);
this.bgColor += this.speed;
}
}
class Anim_z{
constructor(){
this.height = 0;
this.speed = 60;
}
draw(){
noStroke();
fill(random(100),random(150),random(200));
rectMode(CORNER);
rect(0,0,width,this.height);
this.height += this.speed;
}
}
class Anim_x{
constructor(){
this.rotate = 0;
this.size = 0
this.speed = 5;
}
draw(){
fill(0,255,225);
noStroke();
push();
translate(width / 2,height / 2);
rotate(random(this.rotate));
ellipse(180,180,80,80);
this.rotate += this.speed;
pop();
}
}
class Anim_c{
constructor(){
this.rotate = 0;
this.size = 0;
this.speed = 150;
}
draw(){
fill(random(200),random(200),100);
noStroke();
push();
translate(width / 2,height / 2);
rotate(radians(this.rotate));
ellipse(-90,0,180,50);
this.rotate += this.speed;
pop();
}
}
class Anim_v{
constructor(){
this.size = 0;
this.speed = 10;
var x = 0;
}
draw(){
fill(0,105,125);
noStroke();
rectMode
rect(x,x,this.size,this.size);
this.size += this.speed;
x += this.speed;
}
}
class Anim_h{
constructor(){
this.bgColor = 255;
this.speed = -2;
}
draw(){
noStroke();
fill(this.bgColor);
rect(0,0,width,height);
this.bgColor += this.speed;
}
}
class Anim_j{
constructor(){
this.rotate = 0;
this.speed = 10;
this.size = 0;
}
draw(){
noStroke();
fill(random(255),random(125),125);
push();
translate(width / 2,height /2);
rotate(radians(this.rotate));
rect(0,0,this.size,this.size);
rectMode(CENTER);
this.rotate += this.speed;
this.size += this.speed;
pop();
}
}
class Anim_k{
constructor(){
this.width = 0;
this.speed = 80;
}
draw(){
noStroke();
fill(200,120,100);
rectMode(CORNER);
rect(0,0,this.width,height);
this.width += this.speed;
}
}
class Anim_l{
constructor(){
this.rotate = 0;
this.speed = 150;
}
draw(){
fill(70,65,180);
noStroke();
push();
translate(width / 2,height / 2);
rotate(radians(this.rotate));
triangle(0,-180,180,180,-180,180);
this.rotate += this.speed;
this.size += this.speed;
pop();
}
}
class Anim_u{
constructor(){
this.size = 0;
this.speed = 50;
}
draw(){
noStroke();
fill(200,50,50);
rectMode(CORNER);
rect(0,0,this.size,this.size);
this.size += this.speed;
}
}
class Anim_i{
constructor(){
this.size = 0;
this.rotate = 0;
this.speed = 30;
}
draw(){
fill(100,70,80);
noStroke();
push();
translate(width / 2,height / 2);
rotate(radians(this.rotate));
rectMode(CENTER);
rect(0,0,this.size,this.size);
pop();
this.rotate += this.speed;
this.size += this.speed;
}
}
class Anim_o{
constructor(){
this.rotate = 0;
this.speed = 150;
this.size = 0;
}
draw(){
fill(0,255,0);
noStroke();
push();
translate(width / 2,height / 2);
rotate(radians(this.rotate));
triangle(175,-180,5,175,-175,175);
this.rotate += this.speed;
this.size += this.speed;
pop();
}
}
class Anim_p{
constructor(){
this.rotate = 0;
this.size = 0;
this.speed = 70;
}
draw(){
background(0);
noStroke();
push();
translate(width / 2,height / 2);
rotate(random(this.rotate));
rect(0,0,this.size,this.size);
this.size += this.speed;
this.rotate += this.speed;
pop();
}
}