//pixel and map it

​

function setup() {

  createCanvas(400, 400);

   background(127);

  pixelDensity(1);

}

​

function draw() {

  let yoff=0;

  loadPixels();

  //nested loop to make it 2d

 for(let x=0; x<width;x++){

   let xoff =0;

   for(let y=0; y<width; y++){

​

     // let index =(x+y *width) *4; //working with an array this is the picel eq

 let n= noise(xoff,yoff)*255;

//      // let n= random(255);

//      pixels[index + 0] = n;

//      pixels[index + 1] = n;

//      pixels[index + 2] = n;

//      pixels[index + 3] = 255; //alpha maxed out

  //       instead of the index we can use the set https://p5js.org/reference/p5/set/

     set(x,y,n);

      xoff += inc; 

   }

      yoff += inc; 

 }

  updatePixels(); //to make sure the pixcels are updated after the loop 

}