processing-website/examples/Basics/Data/Variables/liveSketch.js at 3028ae6f14ee4f48aa2de181cbc2077f1049fae7 · processing/processing-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
/**
 * Variables.
 *
 * Variables are used for storing values. In this example, change
 * the values of variables to affect the composition.
 */

function runLiveSketch(s) {
  s.setup = () => {
    s.createCanvas(640, 360);
    s.background(0);
    s.stroke(153);
    s.strokeWeight(4);
    s.strokeCap(s.SQUARE);

    var a = 50;
    var b = 120;
    var c = 180;

    s.line(a, b, a + c, b);
    s.line(a, b + 10, a + c, b + 10);
    s.line(a, b + 20, a + c, b + 20);
    s.line(a, b + 30, a + c, b + 30);

    a = a + c;
    b = s.height - b;

    s.line(a, b, a + c, b);
    s.line(a, b + 10, a + c, b + 10);
    s.line(a, b + 20, a + c, b + 20);
    s.line(a, b + 30, a + c, b + 30);

    a = a + c;
    b = s.height - b;

    s.line(a, b, a + c, b);
    s.line(a, b + 10, a + c, b + 10);
    s.line(a, b + 20, a + c, b + 20);
    s.line(a, b + 30, a + c, b + 30);
    s.noLoop();
  };
}