//   createCanvas(100, 100);

// }

​

// function draw() {

​

//   stroke(255, 0, 0);

//   point(1, 1);

//   for (x = 0; x < 100; x++) {

//     for (y = 0; y < 100; y++) {

//       point(x, y);

//     }

//   }

// }

​

// let gb = 0; 

let myImage;

​

function setup() {

  createCanvas (100,100);

  pixelDensity(1);

//   myImage.loadPixels();

  //p5.Image; set the image size same as canvas 

  myImage = createImage(width,height)

//   console.log(pixels.length);

//   background('red')

}

​

function draw(){

   myImage.loadPixels();

//   for (let y = 0;y<height;y++){

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

//     }

//   }

//   loadPixels ();

//   console.log(pixels.length);

  for (let i = 0; i < myImage.pixels.length; i+=4){

//     let i = p * 4;

    myImage.pixels[i] = 255;

    myImage.pixels[i + 1] = 0;

    myImage.pixels[i + 2] = 0;

//     pixels[i + 1] = 0;

//     pixels[i + 2] = 0;

    myImage.pixels[i + 3] = 255;

  }

  myImage.updatePixels ();

  image(myImage,0,0)

}