Υποενότητα 8.2: p5.js Τα Βασικά

Συναρτήσεις setup() και draw()

Το πρώτο πράγμα που θα χρειαστείτε για να ξεκινήσετε την κωδικοποίηση στο p5.js, είναι να κατανοήσετε τις λειτουργίες setup () και draw ().

Η συνάρτηση setup () θα πρέπει να τοποθετηθεί στην αρχή του κώδικα μας. Μπορούμε να έχουμε μόνο μία συνάρτηση setup () και είναι ο τόπος όπου αρχικοποιούμε το περιβάλλον μας. Αυτή η συνάρτηση setup () εκτελείται μόνο μία φορά στην αρχή του προγράμματος.

Μέσα από αυτή τη συνάρτηση, αρχικοποιούμε τις διαστάσεις του καμβά μας. Θα δούμε περισσότερα γι 'αυτό αργότερα, αλλά ουσιαστικά ο καμβάς μας είναι ο τόπος όπου εμφανίζεται ο κώδικας μας

Επίσης, στη setup()  μπορούμε να επιλέξουμε να καθορίσουμε το χρώμα φόντου του καμβά μας.

Παράδειγμα κώδικα με κενό καμβά πράσινου φόντου:

function setup() {
// create canvas
createCanvas(800,500);
// set background color
background('#31bc33');
}

Result of the above code:

Η συνάρτηση draw () θα πρέπει πάντα να τοποθετείται μετά τη συνάρτηση setup () και μπορούμε να έχουμε μόνο μία τέτοια συνάρτηση στον κώδικα μας. Καλείται αυτόματα μέχρι και 60 φορές το δευτερόλεπτο και λειτουργεί παρόμοια με τους βρόχους. Εκτελεί συνεχώς όλα όσα βρίσκονται μέσα στο μπλοκ της.

Όλος ο βασικός μας κώδικας τοποθετείται μέσα σε αυτό το μπλοκ.

  • Δείτε περισσότερα για setup() και draw() 
  • Δείτε περισσότερα για  background()