mic = new p5.AudioIn();
mic.start();
fft = new p5.FFT();
fft.setInput(mic);

new p5.AudioIn(); ,new p5.FFT(); -> p5.AudioIn(); p5.FFT();,
and -> pFive.AudioIn(); pFive.FFT(); and -> new Five.AudioIn(); , new pFive.FFT();

but all code didn’t work :(

raywo, i tried your suggestion
initially, your module(gameoflife) is well doing
and i fixed your code.

this is fixed code MMM-GameOfLife.js

  var mic, fft;

  pFive.setup = function() {
    pFive.createCanvas(710,400);
    pFive.noFill();

    mic = new p5.AudioIn();
    mic.start();
    fft = new p5.FFT();
    fft.setInput(mic);
  };

and

but it didn’t work well. So i just write createCanvas and pFive.background (255) then white 710 400 size window is display well in mirror but full code is not work. i think

    mic = new p5.AudioIn();
    mic.start();
    fft = new p5.FFT();
    fft.setInput(mic);

code is not appropriate… please fix my code !

getScripts: function() {
    return [
      "https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/p5.js"
    ];
  },

Keep in mind that p5.js runs in the client. That’s why you need it in your module’s js file.

The easiest way to incorporate your sound frequency code would be to insert it in the makeSketch function.

makeSketch: function(conf) {
  return function(pFive) {
    YOUR CODE HERE
  }
}

Your code will have a setup and a draw function. These need to be prefixed with pFive. Just look at my code to get the idea.

My insert code of p5.js is (https://p5js.org/examples/sound-frequency-spectrum.html)

and your code, maybe “https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/p5.js” is adding a p5.js library(right?)

next, i think function : makeSketch is main code of p5.js.
but i have no idea , how can i added ‘sound-frequency-spectrum’ code. it is little bit complicate for me…

is it okay just change [ pFive.setup = function(), pFive.draw = function()]?