Tagged with #metronome - Processing 2.x and 3.x Forum

A metronome code I'm working on, sort of

Sparklesmcspeedstar — Thu, 26 Oct 2017 15:52:01 +0000

float radius = (min(width, height)/2)*0.22;

// it's supposed to determine what the length of the hand is
void setup(){
    size(480,480);
    stroke(55);
    strokeWeight (4);
}

//run-of-the-mill setup
void draw(){
    background (255);
    stroke(0);
    float time = millis()/10;
    float sec= map(time,0,1000,0,TWO_PI)-HALF_PI;
    float cx = width/2;
    float cy = height/2;
    float time2 = millis();
    float direction1 = cx*cos(sec)*radius;
    float direction2 = cy*sin(sec)*radius;
    //variables, cx cy to center the origin
    if(time2%1000==0){
        direction1 *=-1;
        direction2 *=-1;
    }
    // i may have gotten my trigonometry completely wrong, 
    // but this is SUPPOSED to reverse the direction of the
    // moving line every 1 second, but nothing happens. 
    // What do I do wrong?
    line(cx, cy, direction1 , direction2);
}

So what's supposed to happen is that every one second the direction of the moving hand reverses, but nothing happens except for a smoothly running hand going across the screen. What did I do wrong?

Additionally: how do I limit the length of my hand? I think I set it too long but I'm not sure why/how...

How to create a traditional metronome?

Sparklesmcspeedstar — Thu, 26 Oct 2017 01:43:58 +0000

So what I have currently is basically this:

float time = millis()/100;
line(cx,cy,cx+cos(time)(radius0.72),cy+sin(time)(radius0.72));

(repurposed from this clock code) https://processing.org/examples/clock.html

Now, I'm confused on how to 'limit' the motion of the line to a certain arc (like a real metronome).

now what I'm considering is to use an if function to reverse the motion of the 'pendulum' at a certain interval but I have no idea how to even begin to approach that. Or is there an easier function?

Polyrhythmic metronome for Android.

blast664 — Sat, 22 Apr 2017 18:19:57 +0000

I made an App for practicing polyrhythms. Being a drummer myself I find this very useful.

For development I used the Processing IDE, but switched to Android studio half way through. The UI is done with ControlP5.

[https://goo.gl/pufQkc](Polymetronome on Google Play)

Help with metronome

cassiearch — Sat, 23 Apr 2016 15:53:29 +0000

Hi there - I'm not a coder, I just happened to land myself in a coding class in college and I'm super lost for my project. trying to make a metronome that changes according to BPM. Basically there should be a slider and the ellipse should flash according to the value (BPM) that the slider is at. Can anyone fix my code? I've been guessing and checking all morning. Thanks!

var bpm = 120; var minute = 60000; var interval = minute / bpm; var time; var beats = 0; //var Slider; var timer;

var s;

function setup() { createCanvas(300, 300); fill(255, 0, 0); noStroke();

time = millis(); //timer = createP('timer'); setInterval(drawEllipse, 500);

// create slider Slider = createSlider(0, 120) Slider.position(20, 20); }

function drawEllipse(){ //if (millis() - time > interval){ var s = Slider.value(); ellipse(width/2, height/2, 50, 50);

// beats ++; // time = millis(); //setInterval(drawEllipse, 60000/s);

}

//}

function draw() {

background(255);

text(s, 40, 50);

}

Create TAP TEMPO / METRONOME

fiskolini — Sun, 17 Jan 2016 00:37:45 +0000

Hello.

I have a few months of experience with Processing, but I guess that this is an algorithm related question.

So, I have a processing project that plays sounds when the user press some PAD on MIDI or even KEYBOARD and I want to try to play a beap continuously according to BPM.

What I have tried:

import processing.sound.*; SoundFile beap; int bpm = 95; int secs = 1; void setup() { frameRate(60); fullScreen(); beap = new SoundFile(this, "sounds/bip.mp3"); } void draw(){ secs++; beap.play(); }

But, this of course plays beap continuously. Anybody can help me?

NOTE: changing frameRate(); does not help because it'll mess with rendering graphics.

Thanks