I am just beginning with processing and a bit lost. I'd appreciate any help with the below. Thanks.

I want to load an image into Processing and loop through each pixel in the image to retrieve the colour of that specific pixel coordinate. Using this information I then want to display each pixel colour to fill the screen, one after the other so it is basically just a succession of individual colours from the original image being displayed on screen as the end result.

I've managed to look at some of the examples for working with pixels and images, but I cannot work out how to achieve this and where to start with the code.

Thank you for any advice.

As blindfish said.
You might want to change the frameRate so user can see each frame, and you can just use background() with the color you got from pixels[] to achieve your goal.

You will need to move through the pixels and set the background colour on different draw cycles or the background colours won't be displayed.

Something like this should achieve what you are after:

Code:

PImage pic; 
int i = 0, j= 0;

void setup()
{
 size(400,400); //size
 pic = loadImage("image.jpg"); 
}

void draw()
{
  //at end of row move to first pixel of next row 
  if (i == width)
   {
     i = 0;
     j++;
   }
 
   //at end of picture go back to start
   if (j == height)
     j=0;
   
   //Set background to current pixel colour
   background(pic.get(i,j));
   
   //Move to next pixel 
   i++; 
}
 

Another way to do it:
Code:

PImage pic;
int count = 0;

void setup(){
 size(400,400); //size
 pic = loadImage("D:/Dev/PhiLhoSoft/images/TestImageS.jpg");
 pic.loadPixels();
 image(pic, 0, 0);
 frameRate(10);
}

void draw(){
 color cp = pic.pixels[count++];
 count %= pic.pixels.length; // Reset to 0 at end of image
 background(cp);
} 

See % (modulo)
Basically, it resets the counter to zero when exceeding the given value.

%= like += or *= and other <operator>= performs the operation between the left part and the right part then assign the result to the left variable.