Plotting lines

Haus vom Nikolaus/Envelope

 Haus vom Nikolaus

● Draw in one line

Haus vom Nikolaus
Haus vom Nikolaus

m
au

vo
s

Ni-

is
t

-
ko
das
das

laus
 Haus vom Nikolaus
politically incorrect version ;-)

gt
ka

ie
nn

kr
kei-

di
es

n
ne
nicht
wer

Mann
 Drawing

25,75

0,50 50,50

0,0 50,0
 Drawing

25,75

0,50 50,50

0,0 50,0
 Drawing

line(0, 0, 0, 50); 25,75

line(0, 50, 50, 0);

line(50, 0, 50, 50);
0,50 50,50
line(50, 50, 25, 75);
line(25, 75, 0, 50);
line(0, 50, 50, 50);
line(50, 50, 0, 0);
line(0, 0, 50, 0); 0,0 50,0
X Y
Drawing
0 0
0 50
25,75
50 0
50 50
0,50 50,50
25 75
0 50
50 50
0 0
0,0 50,0
50 0
X Y
Drawing
0 0
0 50
25,75
50 0
50 50 4
0,50 50,50
25 75
1 3
0 50
50 50
0 0 0 2
0,0 50,0
50 0
X Y
Drawing
0 0 0
0 50 1
25,75
50 0 2
50 50 3 4
0,50 50,50
25 75 4
1 3
0 50 1
50 50 3
0 0 0 0 2
0,0 50,0
50 0 2
 Drawing

line(0, 0, 0, 50);
line(0, 50, 50, 0);
line(50, 0, 50, 50);
line(50, 50, 25, 75);
line(25, 75, 0, 50);
line(0, 50, 50, 50);
line(50, 50, 0, 0);
line(0, 0, 50, 0);
 Values
int value0 = 0;
int value1 = 0;
int value2 = 50;
int value3 = 50;
int value4 = 25;

● Wouldn't it be nice to be able to write

ints values = 0, 0, 50, 50, 25 ;
 Values
● Wouldn't it be nice to be able to write
ints values = 0, 0, 50, 50, 25 ;

● Part 1
ints values = { 0, 0, 50, 50, 25 };
 Values
● Wouldn't it be nice to be able to write
ints values = 0, 0, 50, 50, 25 ;

● Part 1
ints values = { 0, 0, 50, 50, 25 };

● Part 2
int[] values = { 0, 0, 50, 50, 25 };
 Array
● Holds a collection of elements

● Variable size
 Variable(s) vs Array
● Variable(s)
int value0 = 0; 0

int value1 = 0; 0

int value1 = 50; 0

● Array
int[] values= { 0, 0, 50, 50, 25 };
0 0 50 50 25
 Array
● Array
int[] values= { 0, 0, 50, 50, 25 };

0 0 50 50 25
 Array
● Array
int[] values= { 0, 0, 50, 50, 25 };

0 0 50 50 25

0 1 2 3 4

values[0] values[2]
values[1] values[3] values[4]
 Plotting
int[] values= { 0, 0, 50, 50, 25 };
size(300,300); 25,75

line(???, 0, ???, 50);

0,50 50,50
line(???, 50, ??? , 0);
line(???, 0, ???, 50);

0,0 50,0
 Plotting
int[] values= { 0, 0, 50, 50, 25 };
size(300,300); values[1]
25,75

values[0]

line(???, 0, ???, 50);

0,50 50,50
line(???, 50, ??? , 0);
line(???, 0, ???, 50);

0,0 50,0
 Plotting
int[] values= { 0, 0, 50, 50, 25 };
int[] yValues= { 0, 50, 0, 50, 75 }; 25,75

size(300,300);

0,50 50,50
line(values[0], yValues[0], values[1], 50);
line(values[1], 50, values[2] , 0);
line(values[2], 0, values[3], 50);

0,0 50,0
 Plotting
int[] values= { 0, 0, 50, 50, 25 };
size(300,300);

line(0, values[0], 50, values[1]);

line(50, values[1], 100, values[2]);
line(100, values[2], 150, values[3]);
Iteration mit for Schleife

int i;
for ( i = 0; i <= 100; i = i+5) {
println(i*i);
}
Iteration mit for Schleife

int i;
int[] values= { 0, 0, 50, 50, 25 };

for ( i = ???; i <= ???; i = i+1) {

println(???);
}
Iteration mit for Schleife

int i;
int[] values= { 0, 0, 50, 50, 25 };

for ( i = 0; i <= ???; i = i+1) {

println(???);
}
Iteration mit for Schleife

int i;
int[] values= { 0, 0, 50, 50, 25 };

for ( i = 0; i <= values.length-1; i = i+1) {

println(???);
}
Iteration mit for Schleife

int i;
int[] values= { 0, 0, 50, 50, 25 };

for ( i = 0; i <= values.length-1; i = i+1) {

println(values[i]);
}
 Plotting
int[] values= { 0, 0, 50, 50, 25 };
size(300,300);
for ( i = 0; i <= values.length-1; i = i+1) {
println(values[i]);
}
line(0, values[0], 50, values[1]);
line(50, values[1], 100, values[2]);
line(100, values[2], 150, values[3]);
 Plotting
int[] values= { 0, 10, 20, 50, 25 };
size(300,300);
for ( i = 0; i <= values.length-1; i = i+1) {
println(values[i]);
line(0, values[???], 50, values[???]);
}
// line(0, values[0], 50, values[1]);
// line(50, values[1], 100, values[2]);
// line(100, values[2], 150, values[3]);
 Plotting
int[] values= { 0, 10, 20, 50, 25 };
size(300,300);
for ( i = 0; i <= values.length-1; i = i+1) {
println(values[i]);
line(0, values[???], 50, values[???]);
}
// line(0, values[0], 50, values[1]);
// line(50, values[1], 100, values[2]);
// line(100, values[2], 150, values[3]);
 Plotting
int[] values= { 0, 10, 20, 50, 25 };
size(300,300);
for ( i = 0; i <= values.length-1; i = i+1) {
println(values[i]);
line(0, values[i], 50, values[i]);
}
// line(0, values[0], 50, values[1]);
// line(50, values[1], 100, values[2]);
// line(100, values[2], 150, values[3]);
 Plotting
int[] values= { 0, 10, 20, 50, 25 };
size(300,300);
for ( i = 0; i <= values.length-1; i = i+1) {
println(values[i]);
line(0, values[i], 50, values[i+1]);
}
// line(0, values[0], 50, values[1]);
// line(50, values[1], 100, values[2]);
// line(100, values[2], 150, values[3]);
 Plotting
int[] values= { 0, 10, 20, 50, 25 };
size(300,300);
for ( i = 0; i < values.length-1; i = i+1) {
println(values[i]);
line(0, values[i], 50, values[i+1]);
}
// line(0, values[0], 50, values[1]);
// line(50, values[1], 100, values[2]);
// line(100, values[2], 150, values[3]);
 Plotting
int[] values= { 5, 90, 120, 60 };
int[] xValues = { 10, 30, 50, 70 };
size(300,300);
for ( i = 0; i < values.length-1; i = i+1) {
line(i*50, values[i], (i+1)*50, values[i+1]);
}
 Array
● Declaration
int[] data;
 Array
● Declaration
int[] data;
● Initialisierung

int[] data = { 0, 2, 4, 6, 8, 10, 12, 14, 16, 18}

 Array
● Declaration
int[] data;
● Initialisierung
● statisch
int[] data = { 0, 2, 4, 6, 8, 10, 12, 14, 16, 18}
 Array
● Declaration
int[] data;
● Initialisierung
● statisch
int[] data = { 0, 2, 4, 6, 8, 10, 12, 14, 16, 18}

● dynamisch
int [] data;
data = new int[10];