Page Comparison

deutsche Version

https://processing.org/tutorials/arrays/

An array is a container that holds a fixed number of values, a bit like a spreadsheet table. With arrays we can store multiple variables of the same type, and access them easily.

int[] valueArray;  
valueArray = new int[10];
println(valueArray.length);
 
for(int i=0; i < valueArray.length; i++) {
   valueArray[i] = i * 2;
 }
println(valueArray);

...

ArrayList<Integer> numberListvalueList;
 
numberListvalueList = new ArrayList<Integer>();
println(numberListvalueList.size());
 
for(int i=0;i < 10;i++) {
   numberListvalueList.add(i * 2);
 }
println(numberListvalueList);
// fancy things we can do with lists, but not arrays numberList
valueList.add(100);
println(numberListvalueList.size());
println(numberListvalueList);
 
numberListvalueList.remove(0);
println(numberListvalueList.size());
println(numberListvalueList);

println(numberListvalueList.get(0));

Unlike arrays, ArrayLists can only be one dimension.

Exercise

...

1:

Use an array or ArrayList to draw animated icons on the screen using the mouse. The arrays can be useful to store the X and Y position of the icons for example.

int[] puffsX = new int[60];
int[] puffsY = new int[60];
 
int currentPuff= 0;
float angle = 0;
void setup() {
  size(600,600);
  noStroke();
}
 
void draw() {
  background(0);
 
  for(int i = 0; i < puffsX.length; i++) {
    DrawPuff(puffsX[i],puffsY[i],i);
  }
  angle+= 0.1;
}
 
void DrawPuff(int x, int y, int index) {
  fill(255);
  float puffSize= (sin(angle+index)*10)+20;
  ellipse(x,y,puffSize,puffSize);
};
 
 
void mouseMoved(){
  currentPuff++;
  if (currentPuff >= puffsX.length) {
    currentPuff = 0;
  }
  puffsX[currentPuff] = mouseX;
  puffsY[currentPuff] = mouseY;
};

Exercise 2:

Create a sketch with a selection of graphics randomly distributed on the screen. Code your example so the mouse can control the position of these random points with a Parallax effect (pseudo 3D). Use the mouse click to change the random distribution of the graphics.