U0205 Gegensatzpaare

Aufgabenstellung

Visualisieren Sie in zwei nebeneinander liegenden Quadraten jeweils die Eigenschaften leicht und schwer. Ordnen Sie dazu verschiedene Punktetypen an. Es geht darum, eine aufbauende Systematik zu entwickeln, so dass mehrere Gegensatzpaare entstehen. Nutzen Sie eine 4x3 Matrix für insgesamt 12 Varianten des Gegensatzpaares.

Woraus besteht Ihre finale Systematik? Welches Gegensatzpaar gefällt Ihnen am besten/schlechtesten? Dokumentieren sie ihr Ergebnis in MKDocs.

Ergebnis

Reflektion

...

Changes in Interface Controls

In addition to the "positioning" of a dot via mouse positioning and mouse click, dotsize can now be changed in incements using the mousewheel. Here the callback mouseWheel(MouseEvent event) is used. For User-Feedback the dot size is shown in the lower right corner.

Code

int menuDx = 80;

int menuX ;
int menuY ;

int circleWidth = 5;
int circleIncrement = 5;

PFont f;
int fontSize = 18;

void setup(){    
    fullScreen(3);

    menuX = width - menuDx;
    menuY = height - menuDx ;

    noStroke();
    background(#CECECE);

    // Create the font
    printArray(PFont.list());
    f = createFont("MS Reference Sans Serif", fontSize);
    textFont(f);

    fill(255, 255, 255);
    drawCanvas();
}

void draw() {

    if(mousePressed){
        fill(0);
        circle(mouseX, mouseY, circleWidth);
    }
}





void drawCanvas(){
    // Calculate spaces between canvases
    int numCan = 8;
    int numRow = 3;
    int dx = width / (numCan + 1);
    int dy = height / 5;

    int ca = width / 3 * 2 / numCan;

    String[] concepts = {"Streuung", "Ansammlung", "Ausgrenzung", "Hierachie", "Flucht"};
    int cp = 0;

    String[] taskTitle = {"Gegensatzpaare - Leicht & Schwer"};
    String[] taskDesc = {"Visualisieren Sie in zwei nebeneinander liegenden Quadraten jeweils die Eigenschaften leicht und schwer. Ordnen Sie dazu verschiedene Punktetypen an. Es geht darum, eine aufbauende Systematik zu entwickeln, so dass mehrere Gegensatzpaare entstehen:"};

    fill(0);
    textSize(24);
    text(taskTitle[0], dx - (ca/2), ca );
    textSize(fontSize);
    text(taskDesc[0], dx - (ca/2), ca + ca/3, width/3*1, ca*3 );


    for (int j = 1; j <= numRow; j++){
        for (int i = 1; i <= numCan; i++){
        int tx = dx * i - (ca/2) - (i+1)%2 * ca/5;
        int ty = dy * j + ca ;
        fill(255);
        rect(tx, ty , ca, ca);
        }
    }
}

void mouseWheel(MouseEvent event) {
    fill(0, 0, 0);
    circleWidth -= event.getCount() * circleIncrement;

    // Clamp to circleIncrement
    if (circleWidth < circleIncrement) circleWidth = circleIncrement;

    rect(menuX, menuY , menuDx, menuDx);

    fill(255);
    textSize(30);
    text(circleWidth , menuX + menuDx/2, menuY + menuDx/2 );
    println(circleWidth);
}