Wozu ist die setup() und draw() funktion in Javascript da?

Ich schreibe morgen eine Arbeit dadrüber und check einf nix, sri ._.

whgoffline

16.01.2024, 17:35

Du meinst vielleicht p5.js...?

chriderechte

Fragesteller

16.01.2024, 17:41

yup ._.

3 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren, JavaScript, Programmiersprache

16.01.2024, 18:07

Beides sind Funktionen, die in p5.js Verwendung finden.

Die setup-Funktion wird zu Programmstart einmal aufgerufen. Typischerweise erstellt man in ihr die Zeichenfläche und legt ihren Startzustand fest.

Die draw-Funktion hingegen wird immer wieder aufgerufen (bis das Programm endet). In ihr wird üblicherweise der Zustand der Zeichenfläche verändert.

Von Experte Dultus, UserMod Light bestätigt

Sören Stabenow

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Softwareentwickler / IT-Prozessmanager

16.01.2024, 18:13

Guten Abend chriderechte,

wie ich sehe geht es hier um p5 Library und nicht direkt um Javascript.
Dennoch kann ich dir kurz diese beiden Methoden erklären. Im Anschluss verlinke ich beide Dokumentationen auch nochmal.

setup():

Die setup Methode am Anfang des Programs aufgerufen. Sie dient quasi dazu, einige Anfangsvariablen zu setzen, wie z.B. den Hintergrund, Größe, Bilder, Schriftarten etc.

Man beachte, dass diese Methode nur ein einziges mal aufgerufen werden darf und alle Variablen, welche innerhalb der Methode deklariert werden, sind nicht in anderen Methoden verwendbar.

reference | setup() (p5js.org)

draw():

Diese Methode wird direkt nach dem Setup aufgerufen und führt ununterbrochen den Code innerhalb der Methode aus, bis das Program gestoppt wird, oder die Methode noLoop() aufgerufen wird.

Wichtig: Diese Methode wird automatisch aufgerufen und sollte nicht manuell aufgerufen werden.

Nachdem noLoop() aufgerufen wurde, kann der Code innerhalb von draw() erneut einmalig mit redraw(), oder wieder ununterbrochen mit loop() ausgeführt werden.

Wie oft draw() in der Sekunde ausgeführt werden soll, wird mit der Methode frameRate() gesteuert.

Weitere Informationen findest du in der Dokumentation.

reference | draw() (p5js.org)

Hier findest du noch eine Auflistung aller Methoden: reference (p5js.org)

Viel Glück in der Arbeit Morgen!

Woher ich das weiß:Studium / Ausbildung – Fachinformatiker /Anwendungsentwicklung

Weardflex

16.01.2024, 17:59

Beides sollte eigentlich im Namen stehen.

Woher ich das weiß:Studium / Ausbildung – Lerne seit ungefähr 4 Jahren (it)

Ähnliche Fragen

Wie ranke ich mein Blog?

Hey, ich habe ein Blog programmiert mit Javascript, HTML, Css bin nun so gut wie fertige schreibe derzeit meine blog Artikel will zum start 10-20 haben, aber wenn die Seite online ist, ist die frage die ich mir stelle wie ranke ich die Beiträge? Hab auf Youtube nix dazu gefunden.

...zur Frage

An die Programmierer?

Wie lange würdet ihr eurer Meinung nach brauchen um so eine Seite wie Zalando zu programmieren und mit welchen Programmiersprachen?

...zur Frage

Kann man in einem if- Statement mehr als 2 Bedingungen reinpacken?

Kann man in einem if Statement mehrere Bedingungen reinpacken wie hier:

if(Temperatur>Raumtemperatur+5 && Schalter1==HIGH && Schalter2==HIGH){
blinken; }

Vielen lieben dank für die Antwort im Voraus.

...zur Frage

Javascript Funktion *auch* bei onload ausführen?

Hallo liebe Community,

wenn ich schreibe:

window.onload = function(){
  element.onclick = element.onchange = function(){ alert("Funktion aufgerufen"); }
  /* Anderer Code */
}

Dann wird die Funktion sowohl bei onlick als auch bei onchange ausgeführt.

Ich möchte, dass sie beim Aufrufen der Elternfunktion und bei onchange ausgeführt wird, also folgendes, ohne die Funktion zweimal zu schreiben:

 window.onload = function(){
  alert("Funktion aufgerufen");
  element.onchange = function(){ alert("Funktion aufgerufen"); }
  /* Anderer Code */
}

Wie kann ich das umsetzen?

...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

Hilfe bei javascript Aufgabe?

Ich brauche hilfe bei einer Javascript aufgabe:

https://www.jshero.net/koans/regexgroup.html

Schreibe eine Funktion

test

, die feststellt, ob ein String ein doppeltes Wort enthält. Ein Wort soll aus mindestens einem Buchstaben bestehen. Zugrunde liegt das englische Alphabet. Klein- und Großschreibung soll keine Rolle spielen.

Ansätze habe ich leider nicht.

...zur Frage

Welcher MacBook ist zum Coden und Programmieren gut geeignet?

Moin,

ich wollte einmal fragen, welcher von den beiden MacBooks gut bzw. besser zum Coden und Programmieren ist. Ich wollte aufrüsten und einmal ausprobieren, hatte davor einen Gaming-Laptop, den ich verkauft habe.

Also welchen empfiehlt ihr? Vielleicht hat jemand von euch schon Erfahrung mit dem Coden programmieren auf einem MacBook.

...zur Frage

Gibt es Deutschsprachige Programmiersprachen?

Ich meine nicht so was wie Scratch sondern eher wie Python, JavaScript,...

...zur Frage

[NodeJS] - Shared Vars und Module - Könnte mir das jemand kurz erklären?

Also. Ich schreibe gerade an einem kleinen Twitch-Bot, welcher inzwischen nicht mehr klein ist. Ich möchte einige Javascript-Funktionen gern "auslagern" (Grundlegende Funktionen, Hilfsfunktionen usw.) Jedoch nutzen diese global gesetzte Konstanten. Beispiel:

var seed = 0x93FC28B9;

function alterSeed() {
  seed=(seed<<1)&0xFFFFFFFF;
}

Wie krieg ich das jetzt hin, die alterSeed-Funktion in eine separate module-datei auszulagern, wobei immernoch die seed-variable verändert werden würde?

Quasi so:

help.js

module.export = {
  alterSeed: () => {
    <root>.seed=(<root>.seed<<1)&0xFFFFFFFF;
  }
}

main.js

const help = require("./help");
var seed = 1234;
help.alterSeed();

(Wobei <root> die mir unbekannte kern-zugriffs-variable darstellen würde)

Hierbei möchte ich NICHT auf Übergabe von Parametern setzen, da dies nur eine Beispiel-Funktion ist, der eigentliche Code inzwischen mit über 3000 Zeilen durchaus unübersichtlicher und komplexer ist. ...

Kann mir da jemand tipps geben, helfen, was erklären usw?

Dankö :)

...zur Frage

wieso kommt dieser fehler bei einem javascript code?

code:

  let abc = {
    ver[0]: 1,
    ver[1]: 2,
    ver[2]: 3,
    ver[3]: 4,
    ver[4]: 5,
    ver[5]: 6,
    ver[6]: 7,
    ver[7]: 8,
    ver[8]: 9,
    ver[9]: 0
}

python code:

abc = {ver[0]: 1, ver[1]: 2, ver[2]:3, ver[3]:4, ver[4]:5, ver[5]:6, ver[6]:7,ver[7]:8, ver[8]: 9,ver[9]: 0}

ich habe ihn mit chatgpt in javascript umgewandelt aber Uncaught SyntaxError: missing : after property id

...zur Frage

wie kann ich in javasccript auf einen array in einem array zugreifen?

wie kann ich in javasccript auf einen array in einem array zugreifen?

Hier ein Beispielcode:

let myArray = [[1,2],[1,2],[1,2]];

Wie kann ich jetzt auf einen Wert davon zugreifen?

ich selbst habe es folgendermaßen versucht:

// auf den wert [0] in myArray[0] zugreifen:
console.log(myArray[0][0]);

dieser code hat jedoch nicht funktioniert und in der console "undefinied" angezeigt.

Wie kann ich dann auf den Wert zugreifen?

Vielen Dank im Voraus für alle Antworten. :-)

...zur Frage

Javascript: Log-Datei lokal anlegen und erweitern?

Ich lasse einen Script in der Entwicklerkonsole laufen und schreibe mit console.log("Bla") immer wieder Informationen.

Jetzt möchte ich diese Infos automatisch in eine Logdatei auf meine Festplatte speichern - zB auf c:\meineLogs\js-log.txt

Die Datei wird also einmalig angelegt und soll bei jedem console.log dann (mit einer eigenen Funktion) erweitert werden (Append).

Ich nutze den Chrome-Browser auf Windows10.

Was muss ich in JS schreiben?

...zur Frage

Scratch Flappy Bird Higscore?

Hallo,

ich erstelle gerade ein Flappy Bird Spiel, nur leider weiss ich nicht wie ich so ein Highscore + Score Anzeige bekomme:

Also ich glaube man braucht auch eine "Cloud-Variable" dafür und dazu möchte ich sagen, dass ich darauf Zugriff habe!

Wäre sehr nett, wenn mir jemand mir sagen könnte wie man sowas macht!

Das ist derzeitig mein Game Over Menü:

...zur Frage

UNITY PROJEKTE SPEICERN?

Wo kann ich meine ganzen Unity Projekte Speichern Sicher und in großen Mengen und könnte ich die Unity Projekte villeicht auch kleiner Exportieren in APK Datei und wieder theoretisch in Unity Öffnen

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen