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.
| Code Block |
|---|
int[] valueArray; valueArray = new int[10]; println(valueArray.length); for(int i=0; i < valueArray.length; i++) { valueArray[i] = i * 2; } println(valueArray); |
...
| Code Block |
|---|
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 numberListcan do with lists, but not arrays 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.
...
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.
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
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;
}; |
...
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.
...