Processing: Wie kann ich Text ausblenden lassen, ohne dass ich den gesamten Screen löschen muss?

Hallo,

das Ziel ist es, im oberen Bereich alle x Sekunden einen Punkt erscheinen zu lassen. Im unteren Bereich soll ein kurzer Text stehen.

Alle x Sekunden soll dieser verschwinden und ein neuer kurzer Text erscheinen. usw. usw.. 😊

Weiß jemand, wie man Texte überschreiben kann, ohne dass der gesamte Screen gelöscht werden muss?

Vielen Dank!

Code:

PImage img;
int punkt;
int savedTime;
int totalTime = 1;
String s;

void setup() {
  textSize(50);
  fullScreen();
  s = "alle 6 Sekunden erscheint ein Punkt";
  img = loadImage("schwarz.png");
  punkt = 12;
  imageMode(CENTER);
  noStroke();
  background(255);
  savedTime = millis();
}

void draw() {
  text(s,600,970,2560,1440);
  fill(50);
  int passedTime = millis() - savedTime;

  if (passedTime > totalTime) {
    int x = int(random(img.width));
    int y = int(random(img.height/1.5));
    color pix = img.get(x, y);
    fill(pix);
    ellipse(x, y, punkt,punkt);
    savedTime = millis();
  }
}

3 Antworten

DerEinsiedler

04.04.2018, 18:01

Entweder arbeitest Du mit eigenen Controls zum Textanzeigen, dann musst Du nur den Text ändern oder das Control verschwinden lassen. Wenn Du das auf einer Zeichenfläche "malst", dann musst Du wohl "drübermalen" mit einem gefüllten Rechteck oder dergleichen.

auanika

Fragesteller

04.04.2018, 18:44

Was sind controlls und wie kann man die dann verschwinden lassen? Hab noch nicht sooo viel in processing gemacht

Daniel3009

04.04.2018, 18:19

gar nicht

Außerdem machst du was falsch, wenn du nicht alles pro frame neu zeichnest

DerEinsiedler

04.04.2018, 18:45

bla... natürlich zeichnest du normal nicht alles neu

Daniel3009

04.04.2018, 19:28

@DerEinsiedler

Ok... für jede Realisierung von bewegenden Objekten/Text zeichnest du alles neu

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, programmieren

04.04.2018, 19:07

Zeichne erst den alten Text nochmal (mit der Hintergrundfarbe) und dann den neuen. Oder überdecke stattdessen mit einem weißen Rechteck, wenn die Überdeckung grob ausfallen darf.

regex9

04.04.2018, 20:38

PS.: Ich habe mir gerade deinen Code nochmal genauer angeschaut und würde dir daraufhin ein paar Empfehlungen geben, wie du diesen verbessern kannst:

Halte deinen Code stringent. Setze Leerzeichen gleich, halte dich an ein Sprachschema (mixe nicht deutsche und englische Sprache)
Setze Leerzeichen zwischen die einzelnen Parameter / Argumente / Operatoren.
Benenne deine Variablen besser. Eine Mindestvariante wäre statt pix - pixel und statt img - image. Aber selbst dann ist es m.E. noch nicht wirklich aussagekräftig, wofür die Variable nun eigentlich da ist.

Wenn du dich an diese Punkte hältst, kannst du deinen Quellcode übersichtlicher und lesbarer gestalten. Für weitere Fragen hier würde ich dich darum bitten, dir die Zeit zu nehmen, den Code ebenso lesbar zu formatieren. Der GF-Editor bietet einen entsprechenden Code-Tag dazu an, der das Syntax Highlighting automatisch umsetzt.

Hi,

ich habe ein Problem bei folgendem Code:

float farbtonR, farbtonG, farbtonB;
float durchmesser;
float Zeit;
float x;
float geschwindigkeit;
float xKugel;
int background = 0;
int hoehe = 0;

void setup() {
  size(500, 500);
  background(background);
  neueKugel();
}

void draw() {
  komplett();
}

void neueKugel() {
  farbtonR = random(255);
  farbtonG = random(255);
  farbtonB = random(255);
  x = random(501);
  durchmesser = random(20, 26);
  geschwindigkeit = random(20);
  xKugel = x - durchmesser / 2;
  fill(farbtonR, farbtonG, farbtonB);
  ellipse(x, hoehe, durchmesser, durchmesser);
}

void gleicheKugel() {
  fill(farbtonR, farbtonG, farbtonB);
  ellipse(x, hoehe, durchmesser, durchmesser);
}

void komplett() {
  fill(background);
  rect(xKugel, 0, durchmesser, 500);
  delay((int)geschwindigkeit);
  hoehe++;
  gleicheKugel();
}

Mein Ziel ist es, viele Kugeln zu zufälligen Zeitpunkten von oben nach unten zu schicken. Nun habe ich zwar eine, habe aber keine Ahnung, wie ich parallel zu dieser noch andere einfügen kann.

MfG Fabi

[Anmerkung: Kontaktanfrage entfernt]

...zur Frage

Processing: "Schachbrett" blinken lassen?

Hallo, ich habe in Processing folgenden Code geschrieben und nun stehe ich vor der Aufgabe, dass per Klick auf ENTER alle Rechtecke bunt blinken sollen und bei erneutem Klick auf ENTER das Blinken wieder aufhört.

Leider habe ich schon ewig herumprobiert, aber nichts klappt. Wie geht das?

Code:

int farbe1 = 255;
int farbe2 = 0;
float feldbreite;
float feldhoehe;
float feldanzahl = 8;

void setup() {
  size(500, 500);
  feldbreite = width / feldanzahl;
  feldhoehe = height / feldanzahl;
}

void draw() {
  for (int zeile = 0; zeile <= feldanzahl; zeile = zeile + 1) {
    int farbaenderung = 1;

    if (zeile % 2 == 0) {
      farbaenderung = -1;
    }

    for (int spalte = 0; spalte <= feldanzahl; spalte = spalte + 1) {
      farbaenderung = -farbaenderung;

      if (farbaenderung > 0) {
        fill(farbe1);
      }
      else {
        fill(farbe2);
      }

      rect(feldbreitezeile, feldhoehespalte, feldbreite, feldhoehe);
      noStroke();
    }
  }
}

...zur Frage

Processing Objekte ausschneiden?

Hallo meine sehr geehrten Herren/innen! Ich hoffe Sie hatten einen angenehmen Tag… doch wie wir alle wissen soll man den Tag nicht vor dem Abend loben. Deswegen wollte ich fragen, ob jemand weiß, wie man Objekte voneinander differenzieren kann. Ich habe eine Variation an Himmelskörpern modelliert und bin bei dem Mond auf das Problem gestoßen, dass die Körper (wenn ich einen anderen Hintergrund nehme) nicht die gewünschte Form annehmen. Die frage ist jetzt, ob es irgendwie möglich ist zwei Körper auszuschneiden oder einen Körper transparent für den Hintergrund zu machen. Ich hoffe Ihr habt einen schönen Tag und könnt mir helfen, da bei mir mittlerweile Hopfen und Malz verloren ist!

Anbei der Processing Code:

<void setup () {

size (1920,1080);

background(255);

}

public void cloud(int a, int b, int c) {

noStroke();

fill(#F5F0F0);

ellipse(a,b,c,c);

ellipse(a-0.6c,b+0.15c,c,c);

ellipse(a-1.2c,b+0.5c,c,c);

ellipse(a+0.6c,b+0.15c,c,c);

ellipse(a+1.2c,b+0.5c,c,c);

rect(a-1.2c,b+0.4c,2.4c,0.6c);

}

public void moon(int a, int b, int c,int f){

//Mond

noStroke();

fill(#F5EEAF);

ellipse (a, b,c, c);

fill (f);

ellipse (a+0.4c, b,c1.1, c*1.1);

}

public void sun(int x, int y, int w, int h, int w1, int h1, int x1, int y1){

// Sonne

noStroke();

fill (255,255,0);

ellipse (x, y,w, h);

//Sonnenstrahlen

rect (x-w10.5, y-y1, w1, -h1);

rect(x-w10.5, y+y1, w1, h1);

rect (x-x1,y-w10.5,-h1,w1);

rect (x+x1,y-w10.5,h1,w1);

translate(x,y);

rotate(PI/4);

rect (0.5w1, -h-0.25h1, w1, h1);

rect (0.5w1, 0.5h+0.25h1, w1, h1);

rotate(PI/4);

rect (0.5w1, -h-0.25h1, w1, h1);

rect (0.5w1, 0.5h+0.25h1, w1, h1);

rotate(PI/4);

rotate(PI);

translate(-x,-y);

}

void draw(){

sun(700,250,200,200,5,100,115,115);

moon(1000,400,300, 0);

cloud(500,600,250);

...zur Frage

Wie kann ich JavaScript-Code in Processing-Code umschreiben?

Hallo,

also ist es möglich, einen Java-Code in einen Processing-Code umzuschreiben oder besser gesagt, könnte jemand helfen? Ich bin noch sehr am Anfang, habe aber einen Code gefunden, der mir sehr gut gefällt und mit dem ich gerne ein bisschen herumprobieren würde. Nur funktioniert er eben in Processing nicht und mit Java kenne ich mich noch weniger aus, darum würde ich ihn gerne umschreiben.

So sieht das Ganze aus:

let shapes = [];
let colors = ["#ffc857", "#e9724c", "#c5283d", "#481d24", "#255f85", "#a5bccc"];

function setup() {
  createCanvas(1000, 800);
  rectMode(CENTER);
  translate(width / 2, height / 2);
  scale(1.4);
  rotate(random(PI));
  translate(-width / 2, -height / 2);
  background(random(colors));
  let seg = int(random(25, 45));
  let w = width / seg;

  for (let i = 0; i < seg; i++) {
    for (let j = 0; j < seg; j++) {
      let x = i * w;
      let y = j * w;

      if ((i + j) % 2 == 0) {
        shapes.push(createVector(x + w / 2, y + w / 2, w * 2.01));
      }
    }
  }

  shuffle(shapes, true)
  noStroke();

  for (let s of shapes) {
    let rnd = int(random(4));
    shuffle(colors, true);
    push();
    translate(s.x, s.y);
    fill(random(colors));

    if (rnd == 0)
      circle(0, 0, s.z);
    else if (rnd == 1)
      square(0, 0, s.z);
    else if (rnd == 2) {
      let n = int(random(1, 5));
      
      for (let i = 0; i < n; i++) {
        let ss = map(i, 0, n, s.z, 0);
        fill(colors[i]);
        circle(0, 0, ss);
      }
    }
    else if (rnd == 3) {
      let n = int(random(1, 10));

      for (let i = 0; i < n; i++) {
        let ss = map(i, 0, n, s.z, 0);
        fill(colors[i % colors.length]);
        square(0, 0, ss);
      }
    }

    pop();
  }
}

function draw() {
}

...zur Frage

Regen in Processing erstellen?

Hi zusammen, 👋🏻

Ich möchte gerne, dass aus dem oberen Bildschirmrand kleine Kügelchen herunterfallen. Diese sollen jedes Mal eine andere Position auf der X-Achse haben.

Ich habe es mal so probiert

float a= random (25,775);

int i=0;

void setup(){

Blablabla

}

void draw(){

background

ellipse (a,i,50,50);

}

Jetzt ist es so, dass das Kügelchen immer an der gleichen Position herunterfällt, an der das Programm sie vorhin festgelegt hat.

Man müsste diesen Random Wert also immer zurücksetzen.

Wie kann man das bewerkstelligen?

Danke im Voraus Mit freundlichen Grüßen

...zur Frage

Arduino Sketch Zeitschaltung?

Kann man das irgendwie noch sinnvoller und genauer schreiben auch ohne externe Uhr? 7 Stunden an und 17 Stunden aus. Mehr muss es nicht können. Muss auf einem Attiny85 laufen.

int Mosfet=0;
int Status=1;
int unsigned long bisherausZeit;
int unsigned long bisheranZeit;

void setup() {
pinMode(Mosfet, OUTPUT); digitalWrite(Mosfet, HIGH); bisherausZeit=millis(); }

void Licht(){ 

if ((millis() - bisherausZeit >= 25200000) && Status == 1){
bisheranZeit=millis();
digitalWrite(Mosfet, LOW);
Status=0; }

if ((millis() - bisheranZeit >= 61200000) && Status == 0){ bisherausZeit=millis(); digitalWrite(Mosfet, HIGH); Status=1; 
 }
} 
void loop() { 
Licht();
}

...zur Frage

Kann mir das jemand erklären?

Arduino-Code und Erläuterungen für den Zähneputz-Timer

[code]

const int ledPins[ ] = {7, 8, 9, 10, 11, 12};

const int buttonPin = 2;

long myTimer = -200000;

void setup( ) {

for (int i = 0; i < 6; i++) {

pinMode(ledPins[ i ], OUTPUT);

}

pinMode(buttonPin, INPUT_PULLUP);

Serial.begin(9600);

for (int i = 0; i < 6; i++) {

digitalWrite(ledPins[ i ], LOW);

}

void loop( ) {

if (digitalRead(buttonPin) == LOW) {

myTimer = millis( );

}

if (millis( ) - myTimer < ( 30000) ) { // 30 Sekunden

digitalWrite(ledPins[ 0 ], ((millis( ) - myTimer) % 1000) > 500);

} else if (millis( ) - myTimer < ( 60000) ) { // 60 Sekunden

digitalWrite(ledPins[ 1 ], ((millis( ) - myTimer) % 1000) > 500);

} else if (millis( ) - myTimer < ( 90000) ) { // 90 Sekunden

digitalWrite(ledPins[ 2 ], ((millis( ) - myTimer) % 1000) > 500);

} else if (millis( ) - myTimer < ( 120000) ) { // 120 Sekunden

digitalWrite(ledPins[ 3 ], ((millis( ) - myTimer) % 1000) > 500);

} else if (millis( ) - myTimer < ( 150000) ) { // 150 Sekunden

digitalWrite(ledPins[ 4 ], ((millis( ) - myTimer) % 1000) > 500);

} else if (millis( ) - myTimer < ( 180000) ) { // 180 Sekunden

digitalWrite(ledPins[ 5 ], ( (millis( ) - myTimer) % 1000) > 500);

} else if (millis( ) - myTimer < ( 190000) ) { // nach 180 Sekunden

for (int i = 0; i < 6; i++) {

digitalWrite(ledPins[ i ], ( (millis( ) - myTimer) % 1000) < 500);

}

} else {

for (int i = 0; i < 6; i++) {

digitalWrite(ledPins[ i ], LOW);

}

delay( 10 );

}

[/code]

...zur Frage

Kann mir jemand diesen Ausschnitt Queltext von Arduino erklären?