2. int cols = 20 ;
3. int rows = 30;
4. float[][] size = new float[cols][rows];
5. float[][] trans = new float[cols][rows];
6. 
   
7. void setup() {
8.   size(400,800);
9. 
   
10.   smooth();
11.   background(0);
12.   for(int i =1; i<cols; i++){
13.     for(int j =1; j<rows; j++){
14.   size[i][j] = random(2,15);
15.   trans[i][j] = random(20,255);
16.     }
17.   }
18.   noStroke();
19. }
20. 
    
21. void draw() {
22. 
    
23.   background(0);
24.   fill(255,0,0);
25.   for(int i =0; i<cols;  i++){
26.     for(int j =0; j<rows; j++){
27.   fill(255,0,0,trans[i][j]);
28.   ellipse(i*(width/cols),j*(height/rows+1),size[i][j],size[i][j]);
29.     }
30.   }
31. shift();
32. }
33. 
    
34. void shift(){
35. 
    
36.   //copy the rows
37.   for( int i =0; i<cols; i++){
38.     for(int j =rows-1; j>0; j--){
39.   trans[i][j] = trans[i][j-1];   
40.   size[i][j] = size[i][j-1];   
41.  
42.     }
43.   }
44.   //fill the first row with new random data
45.    for(int i =0; i<cols; i++){
46.      size[i][0] = random(2,15);
47.     trans[i][0] = random(20,255);
48.    }
49. }

2. R r;
3. void setup (){
4.    r = new R(0.1);
5.   smooth();
6.   size (600,400);
7.   fill (#F50056);
8. rect (0,0,width,height);
9. }
10. 
    
11. void draw (){
12. //background (0);   
13. r.display();
14. }
15. 
    
16. class R{  
17. float t =0;
18. float ty =1;
19. float y = noise (ty);
20. float x = noise (t);
21. 
    
22. R(float t_){  
23. t = t_ ;
24. }
25. 
    
26. void display (){
27. 
    
28. ty = ty + 0.015;
29. x = map (x,0,1,0,width);
30. y = map (y,0,1,0,height);
31. fill (255);
32. noStroke ();
33. ellipse ( x,y,2,2);
34. 
    
35. }}

2. // shift array values
3.   for ( int i  = 0 ; i < xpos.length-1 ; i++){
4.   xpos [i] = xpos[i+1];
5. }

// declare arrays, which have a length of 4
int [] xpos = new int [4];
ok... we make 4 elements in a lis, with an index of 0,1,2 and 3

void setup (){
size (600,600);
smooth ();
// initialize, we give each of them a starting value of 0
for ( int i = 0; i < xpos.length ; i++){
xpos[i] = 0 ;
}}

void draw (){
background (255);
// shift array values
for ( int i = 0 ; i < xpos.length-1 ; i++){
xpos [i] = xpos[i+1];
}

so we are saying, to the whole list minus one ( index 3 in this case ), we would do ''i++ ''

which means: lets add one. So what would that look like ? :

0,1,2 then these plus one ?

1,2... and then what , i cant go further is length minus one... what i'm i  doing wrong ?

2. // declare arrays
3. int [] xpos = new int [50];
4. int [] ypos = new int [50];
5. void setup (){
6. size (600,600);  
7. smooth ();
8. 
   
9. // initialize
10. for ( int i = 0; i < xpos.length ; i++){
11. xpos[i] = 0 ;
12. ypos[i] = 0 ;
13. }
14. }
15. void draw (){
16.   background (255);
17. // shift array values
18.   for ( int i  = 0 ; i < xpos.length-1 ; i++){
19.   xpos [i] = xpos[i+1];
20.   ypos [i] = ypos[i+1];
21. }
22. // new location
23.   xpos[xpos.length-1] = mouseX;
24.   ypos[ypos.length-1] = mouseY;
25. // draw everything
26. for ( int i = 0 ; i < xpos.length ; i++ ){
27.   noStroke ();
28.   fill ( 255-i*5);
29.   ellipse ( xpos[i],ypos[i],i,i);
30. }
31. }

2. RectGravity myRectGravity;
3. 
   
4. void setup(){
5. size (200,200);
6. smooth ();
7. myRectGravity = new RectGravity(); 
8. }
9. 
   
10. void draw(){
11.     myRectGravity.display();
12. 
    
13. }
14. 
    
15. class RectGravity{
16.                      //Data
17.          float x;
18.         float y ;
19.     float speed ;
20.   float gravity ;
21.                      //Constructor
22.    RectGravity(){ 
23.          x = 100;
24.            y = 0;
25.        speed = 0;
26.    gravity = 0.1; 
27.   }
28.                      // Function
29. 
    
30. void display(){
31. fill (0);
32. noStroke ();
33. rectMode (CENTER);
34. rect (x,y,10,10);
35. 
    
36. y = y + speed ;
37. speed = speed + gravity;
38. 
    
39. if ( y < height){
40. speed = speed * -0.95;}
41. }
42.   
43. }

2. int cols = 10;
3. int rows = 10;
4. 
   
5. void setup () {
6.   size ( 600, 600);
7.   background ( 0);
8.   smooth ();
9. }
10. 
    
11. void draw () {
12. 
    
13.   for ( int i=1; i<cols; i++) {
14.     for ( int j=1; j<rows; j++) {
15.       fill ( 255);
16.       ellipse ( i*(width/cols), j*(height/rows), 30, 30);
17.     }
18.   }
19. }

2. SpotLine mySpotL;
3. 
   
4. void setup  () {
5. 
   
6.   size ( 600, 900);
7.   smooth ();
8. 
   
9.   mySpotL  = new SpotLine();
10. }
11. 
    
12. 
    
13. 
    
14. 
    
15. void draw () {
16.   background (0);
17. 
    
18. 
    
19.   mySpotL.display ();
20. }
22. Class SpotLine {
23. // global vars
24. 
    
25. float x = 0,
26. float y = 0,
27. 
    
28. // constructor
29. 
    
30. SpotLine (){
31. 
    
32. 
    
33. }
34. 
    
35. 
    
36. 
    
37. 
    
38. 
    
39. 
    
40. // Functions
41. 
    
42. void display (){
43. 
    
44. for ( int i = width/30 ; i<width ; i+=width/30 ){
45.   ellipse ( i , 20 , 30,30 );
46. 
    
47. 
    
48. 
    
49. }
50. 
    
51. 
    
52. 
    
53. 
    
54. 
    
55. 
    
56. 
    
57. 
    
58. 
    
59. }