Difference between revisions of "Array"

From Design Computation
Jump to: navigation, search
Line 7: Line 7:
  
 
In this example, an array named "coswave" is created and filled with the cosine values. This data is displayed three separate ways on the screen.  
 
In this example, an array named "coswave" is created and filled with the cosine values. This data is displayed three separate ways on the screen.  
=[https://processing.org/ Application (Processing)]=
 
  
 
<syntaxhighlight lang="java" line='line'>
 
<syntaxhighlight lang="java" line='line'>
Line 44: Line 43:
 
}
 
}
 
</syntaxhighlight>
 
</syntaxhighlight>
==Output==
+
 
  
 
[[File:Array-graphics.png | 500px]]
 
[[File:Array-graphics.png | 500px]]
  
=Cross-References=
+
=Souce=
=Recommended Reading=
 
 
[https://processing.org/reference processing.org]
 
[https://processing.org/reference processing.org]

Revision as of 18:11, 18 December 2018


An array is a list of data. Each piece of data in an array is identified by an index number representing its position in the array. Arrays are zero based, which means that the first element in the array is [0], the second element is [1], and so on.

In this example, an array named "coswave" is created and filled with the cosine values. This data is displayed three separate ways on the screen.

 1 float[] coswave; 
 2 void setup() {
 3   size(640, 360);
 4   coswave = new float[width];
 5   for (int i = 0; i < width; i++) {
 6     float amount = map(i, 0, width, 0, PI);
 7     coswave[i] = abs(cos(amount));
 8   }
 9   background(255);
10   noLoop();
11 }
12 //Comment goes here
13 void draw() {
14   int y1 = 0;
15   int y2 = height/3;
16   for (int i = 0; i < width; i++) {
17     stroke(coswave[i]*255);
18     line(i, y1, i, y2);
19   }
20   y1 = y2;
21   y2 = y1 + y1;
22   for (int i = 0; i < width; i++) {
23     stroke(coswave[i]*255 / 4);
24     line(i, y1, i, y2);
25   }
26   y1 = y2;
27   y2 = height;
28   for (int i = 0; i < width; i++) {
29     stroke(255 - coswave[i]*255);
30     line(i, y1, i, y2);
31   }
32 }


Array-graphics.png

Souce

processing.org