Double Click and More...

in Processing with Other Languages • 1 year ago

I'm trying to make a Processing script work on a web page, but I can't use the Java deployer (like it does when you export an applet) so I have to use the Processing Code just as Javascript, inside a canvas. The only problem (huuuge problem) is that most of the code is not working anymore, like the double click and much more...I just made the whole applet on my own, I even implemented a popupmenu without importing any library (bc it won't work on a web page if I import java libraries) and even if it works on Processing IDE, it barely works on a web page.

Just to make an example a line like this:

mouseEvent.getClickCount()== 2

doesn't work (and I know the reason why)...I'll probably ask you for more help bc I'm losing my mind, it's like rewriting everything with a different logic or something..

Replies(9)

g4bri3l

Re: Double Click and More...

1 year ago

Well, maybe it's not the best solution, I'm sure someone can do that better, it's just a hint or an idea to implement the double click or triple click or aything you want =D

int n;
int m;
int i=0;
void setup(){
size(200,200);
}
void draw(){
}
void mousePressed(){
if(i==0){
m = millis();
}
if(mouseButton==LEFT){
i++;
if(i==2){ n = millis();
}
}
}
void mouseReleased(){
if(i==2 && n-m < 1000){
println("Double HIT!");
i=0;
}else if(i>1){
i=0;
}

nardove

Re: Double Click and More...

1 year ago

If you use Processingjs you can mix and match with Javascript code, and them you may be able to use

ondblclick = function () { alert('Double Clicked!') }

notahuman..

Re: Double Click and More...

9 months ago

Hi everyone,

Does anyone find some tip to do it in Processing without using millis() or ProcessingJs?

I already checked here but it doesn't work. Thanks!

benja

Re: Double Click and More...

9 months ago

both versions from the linked site work for me.
(the first only does, when there is a draw-function)
If it does not work for you, please post your code.

notahuman..

Re: Double Click and More...

9 months ago

void setup()
{
size(200,200);
background(255);
}
void draw()
{
stroke(0);
}
void mousePressed()
{
if (mouseButton == LEFT) //1 click mouse button left - works
{
rect(10, 10, 10, 10);
}
else if (mouseEvent.getClickCount()==2)
/*2 clicks mouse button left - this doesn't draw the ellipse when I click twice*/
{
ellipse(50,20,20,20);
}
else if (mouseButton == RIGHT) //1 click mouse button right - works
{
rect(100, 100, 20, 20);
}
}

@benja: are u using Processing 1.5.1?

PhiLho

Re: Double Click and More...

9 months ago

Your code can work only if you double-click with the right mouse button! (because of the else on the LEFT one...)

benja

Re: Double Click and More...

9 months ago

Hi,

yes i testet on 1.5.1

The problem with your code is only logical, you only check for double-clicks when there was no left mouse-click.
So it can't detect left double-clicks.
Your code actually works when you double-click the right mouse-button.

to achieve what you want, you change your function to something like this:

void mousePressed()
{
if (mouseButton == LEFT) // left button
{
    if (mouseEvent.getClickCount()==2) { // double-click
      println("double-click");
    }
    else {
      println("left-click");
    }
}
else if (mouseButton == RIGHT) // right button
{
    println("right");
}
}