Create Image.

Create Image.

The createImage() function provides a fresh buffer of pixels to play with. This example creates an image gradient.


PImage img;

void setup() {
  size(640, 360);  
  img = createImage(230, 230, ARGB);
  for(int i = 0; i < img.pixels.length; i++) {
    float a = map(i, 0, img.pixels.length, 255, 0);
    img.pixels[i] = color(0, 153, 204, a); 
  }
}

void draw() {
  background(0);
  image(img, 90, 80);
  image(img, mouseX-img.width/2, mouseY-img.height/2);
}

Functions Used

size()

Defines the dimension of the display window width and height in units of pixels

Learn More
map()

Re-maps a number from one range to another

Learn More
setup()

The setup() function is run once, when the program starts

Learn More
color()

Creates colors for storing in variables of the color datatype

Learn More
draw()

Called directly after setup(), the draw() function continuously executes the lines of code contained inside its block until the program is stopped or noLoop() is called

Learn More
for

Controls a sequence of repetitions

Learn More
createImage()

Creates a new PImage (the datatype for storing images)

Learn More
image()

The image() function draws an image to the display window

Learn More
background()

The background() function sets the color used for the background of the Processing window

Learn More