Play two sounds on mouseOver venn diagram

kidkreative

I am looking to create a sketch where a different sound plays depending on mouse location in a venn diagram. At it's simplest, one sound plays within the circle closest to A and another plays within the circle closest to B. Both sounds play where the two circles overlap.

Ultimately I would like to have a different sound playing for every overlapping section of the diagram.

I am new to processing and would appreciate any help you guys can give.

TfGuy44

So... what? You want us to write it all for you, from scratch?

Maybe you could clue us in on what you have working already.

Do you have a sketch that can play sound?

Can you draw circles?

Do you know how mousePressed() and mouseX and mouseY work?

Ever used dist()?

Post the code of what you have working already. Otherwise we're stuck with nothing to work on, and no clue what parts you have working and don't.

kidkreative

Hi, thanks for getting back to me. So, this is what I have so far. I can get the sound to play for both, and when I overlap the circles both sounds play.

At the moment I'm trying to figure out how to make the trigger area fit the circle better (at the moment it seems to be a square). After that I need to figure out how to create the same effect but with concentric circles. :-S

import ddf.minim.*;

class Doorbell {
  
  float x;
  float y;
  float r;
  
  AudioSnippet dingdong; 
  
  Doorbell (float x_, float y_, float r_, String filename) {
    x = x_;
    y = y_;
    r = r_;
    
    dingdong = minim.loadSnippet(filename);
  }
  
  void ring() {
    if (!dingdong.isPlaying()) {
      dingdong.rewind(); 
      dingdong.play();
    }
  }

  boolean contains(float mx, float my) {
    if (dist(mx,my,x,y) < r) {
      return true;
    } else {
      return false;
    }
  }
  void display(float mx, float my) {
    if (contains(mx,my)) {
      fill(255,0,252);
    } else {
      fill(255,78,0);
    }
    ellipse(x,y,r,r);
  }
  void close() {

    dingdong.close(); 
  }
}

Doorbell doorbell1;
Doorbell doorbell2;
Minim minim;

void setup() {
  size(800,600);
  background(0);

  minim = new Minim(this);
  
  doorbell1 = new Doorbell(200,200,200, "bass.mp3");
  doorbell2 = new Doorbell(300,200,200, "tap.mp3");
  smooth();

  
  doorbell1.display(mouseX,mouseY);
  doorbell2.display(mouseX,mouseY);
}

void draw() {
  
  if (doorbell1.contains(mouseX,mouseY)) {
    doorbell1.ring();
  }
  
    if (doorbell2.contains(mouseX,mouseY)) {
    doorbell2.ring();
  }
  
}

  public void stop() {
  doorbell1.close();
  doorbell2.close(); 
  super.stop();
}

kidkreative

Any help? Looking to make sure the hover area fits the circle.

TfGuy44

color bg = color(0);
int cx = 220;
int cy = 220;
int[] r = { 
  50, 100, 150, 200
};
color[] c = { 
  color(255, 0, 0), color(255, 255, 0), color(0, 255, 0), color(0, 0, 255)
};
color[] k = { 
  color(128, 0, 0), color(128, 128, 0), color(0, 128, 0), color(0, 0, 128)
};

void setup() {
  size(440, 440);
  strokeWeight(3);
}

void draw() {
  background(bg);
  translate(cx, cy);
  noFill();
  bg = color(0);
  for ( int i = 3; i >= 0; i--) {
    stroke(c[i]);
    ellipse(0, 0, 2*r[i], 2*r[i]);
    if ( dist(mouseX, mouseY, cx,cy) < r[i] ) {
      bg = k[i];
    }
  }
}

kidkreative

Thanks TfGuy44.

This is super helpful and is what I am trying to achieve. However, I have spent about two hours staring at this and I cannot figure out how to combine it with the sound I had in my first sketch. My lack of experience with this is super frustrating.

As far as I can see, the advantage of the the 'doorbell' class I used in my first sketch is that I have the ability to overlap each doorbell to make two or more sounds play. Is this possible with the code you provided? How do I combine this with minim? Argh. Thanks for being patient.