May 01 2025

metronome running online (https://editor.p5js.org/)

Παρακάτω θα βρείτε ένα πολύ μικρό κομμάτι έτοιμου κώδικα python που μπορείτε να εφαρμόσετε στη σελιδα https://editor.p5js.org/ .

Αυτό το απλό “μπιπ”, για το οποίο ορίζουμε πόσες φορές θα ακουστεί το λεπτό χρειάζετε λίγες γραμμές προγράμματος, που μπορεί να τις “απολαύσει” ακόμη και κάποιος που δεν γνωρίζει προγραμματισμό.

Διαβάστε τις οδηγίες στις γραμμές που ξεκινούν με // για να “μπείτε” στο νόημα και να προγραμματίσετε τον μετρονόμο.

Μπορείτε απλά να βάλετε το νούμερο της επιθυμητής ταχύτητας!

Ήδη αποκτάτε τις πρώτες σας δεξιότητες πληροφορικού γραμματισμού, έχετε την πρώτη ιδέα πως λειτουργούν τα πράγματα στον ψηφιακό κόσμο και στη μουσική…. βιωματικά!

Αντιγράψτε και επικολήστε το παρακάτω στον επεξεργαστή (editor) που θα βρείτε στην σελίδα https://editor.p5js.org/

Καλή και απολαυστική μάθηση!

// Το νούμερο στην παρακάτω γραμμή είναι η ταχύτητα που θέλετε
let bpm = 120;
let osc, delay;
let tick = false;

//Τα νούμερα στην παρακάτω γραμμή είναι οι διαστάσεις του κουτιού
function setup() {
  createCanvas(400, 200);
  
  // Δημιουργία ήχου "μπιπ"
  osc = new p5.Oscillator('sine');
  osc.freq(800);
  
  // Υπολογισμός καθυστέρησης με βάση τα: 60 δευτερόλεπτα / BPM
  delay = 60 / bpm; 
  
  // Επανάληψη του ήχου ανάλογα με το BPM
  setInterval(playTick, delay * 1000);
}

function draw() {
  // Αλλαγή χρώματος οθόνης σε κάθε χτύπο
  if (tick) {
    background('green');
  } else {
    background('gray');
  }
}

function playTick() {
  osc.start();
  osc.stop(0.05); // το "μπιπ" Παίζει για 0.05 δευτερόλεπτα
  tick = !tick;   // Αντιστροφή για το οπτικό εφέ
}

Details