U0202 Position eines Punktes

Aufgabenstellung

Positionieren Sie einen Punkt so, dass folgende Anmutungen entstehen (die Größe des Punktes bleibt gleich):

leicht
schwer
schwebend
lastend
froh
traurig
bewegt
statisch
unruhig
ruhig
nah
fern

Dokumentieren sie ihr Ergebnis in MKDocs.

Ergebnis

Result

Reflektion

...

Processing Code

int circleWidth = 5;
int circleIncrement = 5;

PFont f;
int fontSize = 18;

void setup(){    
    fullScreen(3);
    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){
        circle(mouseX, mouseY, circleWidth);
    }

}

void drawCanvas(){
    // Calculate spaces between canvases
    int numCan = 6;
    int numRow = 2;
    int dx = width / (numCan + 1);
    int dy = height / 4;

    int ca = width / 3 * 2 / numCan;

    String[] concepts = {"leicht", "schwer", "schwebend", "lastend", "froh", "traurig", "bewegt", "statisch", "unruhig", "ruhig", "nah", "fern"};
    int cp = 0;

    String[] taskTitle = {"Position eines Punktes", "Position of a Point"};
    String[] taskDesc = {"Positionieren Sie einen Punkt so, dass folgende Anmutungen entstehen (die Größe des Punktes bleibt gleich):"};

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


    for (int j = 1; j <= numRow ; j++){
        for (int i = 1; i <= numCan; i++){
        int tx = dx * i - (ca/2);
        int ty = dy * j + ca;
        fill(255);
        rect(tx, ty , ca, ca);
        fill(80);
        text(concepts[cp], tx, ty + ca + fontSize*1.2);
        cp++;
        }
    }    
}

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

AI

Wie sieht eine generative Text2Image AI die Lösungsmöglichkeiten? In diesem Fall habe ich ein Stable Diffusion Modell gefragt. Im Folgenden werden Prompt, Parameter und Output dokumentiert.