function mousePressed(){
    pg.fill(255, 0, 0);
    pg.ellipse(mouseX, mouseY, 20, 20);

    sendmouse(mouseX,mouseY);
}

I'm trying to get the same behavior on a mobile device with touch but I am not seeing the changes as expected on mobile. Here is my function. What am I doing wrong?

function touchStarted() {
  pg.fill(255, 0, 0);
  pg.ellipse(mouseX, mouseY, 20, 20);
  sendmouse(mouseX,mouseY);

  return false;
}

In my setup() I have

pg = createGraphics(578, 400);

Everything works as expected on the Desktop: I click any of the fields in "Leave Comment" and I can type.

But I can't click the field on my mobile phone. The fields can't get focus when I touch them.

Ideas?

As a side note: Is the variable touchIsDowndeprecated?

I'm working on the examples of the book: MAKE: Getting Started with p5.js .

I've come across with a few questions regarding the book, and Examples 5-20, 5-21 Touch functions in the book;

Q1. First of all, is there anywhere to post, discussions going on, issues addressed about the book other than the forum here?

Q2. Found out function 'touchIsDown' ('touchIsStarted' in code examples https://github.com/lmccart/gswp5.js-code)is no longer available, but updated to 'touchStarted' according to the Reference. Is it right?

Q3. No particular instructions how to try these touch function examples given in the book. Can anyone suggest how or where to look at?

Here are the codes of Example 5-20 and 5-21;

:::5-20:::

function setup() {
  createCanvas(240, 120);
}

function draw() {
   background(204);
   line(20, 20, 220, 100);
   if (touchIsDown) {
     line(220, 20, 20, 100);
   }
 }

:::5-21:::

function setup() {
  createCanvas(480, 120);
  fill(0, 102);
  smooth();
  noStroke();
}

function draw() {
  ellipse(touchX, touchY, 15, 15);
}

thx!

I use in my programm touchEnded(), touchMoved() and touchStarted(), but touchEnded() makes problems. I tried to make a easier code example, but its the same. :/ I get this error (TypeError: evt is undefined) in this simple example:

function touchMoved() { console.log("moved"); return false; } function touchStarted() { console.log("started"); return false; } function touchEnded() { console.log("ended"); return false; }

If I touch and release directly, than I get all the console log entries. But if I moved while touching and stop it, then I never get the console log with "ended". Why?

Thank you! Eispfote

I am developing a sketch for a multitouch touch screen.

I don't understand how to use the variable touches[]. Could someone give me an example? Is it created automatically when touching the screen? Do I have to fill it manually with touchX, touchY? How do you access its elements and its elements coordinates?

My sketch (at the moment emulated with mouse + keypress) has two classes (Blop and Being). Every time a user touches the screen, a blop is generated. Blops are generated in the array created in a Being. This goes on until the user takes off all their fingers from the screen. At that point the first being with its associated blops gets a life of its own, and a new being is created, and stored in an array in the main sketch. I am not sure where I should insert the touches[] variable. Should it replace one of my existing array? (Happy to post the code if needs be, but I think it's more a question of understanding what touches[] is and how it integrates in my architecture)

Thanks!