Hi! How can I select only the object in front when two objects are stacked? I made a very simple code to show what I mean. In this example, I would like to change only the color of the smaller circle. Thanks! let bubble1; let bubble2; function setup() { createCanvas(400, 400); bubble1 = new …

[image] vlafortune: mousePressed Here you need to use if…else if…

Hello, Consider making a custom button for overlapping buttons. Processing example: [image] You may have to modify code to select only areas over the new overlapping buttons. :)

No this is needed in the class except in the constructor

Hello, Try this and it should lead to a solution for you: function mousePressed() { if (bubble1.inside(mouseX, mouseY)) { bubble1.clicked() print("b1"); } if (bubble2.inside(mouseX, mouseY)) { bubble2.clicked() print("b2"); } } :)

Hi! I tried else if in mousePressed. It worked well! Thank you both. But I didn’t understand Chrisir what you meant by: [image] Chrisir: No this is needed in the class except in the constructor Maybe there is a better way than the one I used? Here is my code: let bubble1; let bubble2; le…

[image] vlafortune: But I didn’t understand Chrisir what you meant by: No this is needed in the class except in the constructor my apologies. I meant you use the keyword “this” too often in your class. It is necessary in the constructor, but not in clicked() or show() so for example cl…

[image] Chrisir: It is necessary in the constructor, but not in clicked() or show(). [image] Converting my Processing code to p5.js (ArrayList + others!) Coding Questions That’s not how we define classes’ constructor, methods & fields under JS syntax! You should re…

[image] vlafortune: function mousePressed() { if (bubble3.inside(mouseX, mouseY) && ((bubble2.inside(mouseX, mouseY)) || (bubble1.inside(mouseX, mouseY)))) { bubble3.clicked(); } else if (bubble2.inside(mouseX, mouseY) && (bubble1.inside(mouseX, mouseY))) { bubble2.clicked(); …

Hi! @glv I made changes you suggested. It’s indeed more clean. It allowed me to see where I made typing mistakes. It works fine now @Chrisir I tried to remove this.color in the constructor, but it gave a mistake. I look into it further with @GoToLoop suggested documentation (I’m already a fan of D…

[image] vlafortune: @Chrisir I tried to remove this.color in the constructor, but it gave a mistake. I look into it further as I said, NOT in the constructor, but everywhere else in the class

Hello, [image] vlafortune: if (d < this.r/2) You got it! :)

MousePressed : select only item in front

p5.js Coding Questions

GoToLoop October 28, 2020, 2:31pm 8

Topic		Replies	Views
Feedback on Button maker Coding Questions	5	414	February 12, 2020
At work with the class Coding Questions	4	344	June 18, 2020
ClickThrough_mousePressed() Coding Questions	2	279	February 19, 2022
MouseClick event for an Arc in CP5 Button Libraries	11	541	September 15, 2021
mousePressed() with several objects Coding Questions	2	958	September 25, 2019

MousePressed : select only item in front

Related topics