If you're trying to achieve what I think you're trying to achieve, could this recent post be helpful?
(At least I think) you have the advantage of not requiring Processing.js...

Thanks for your answer. It seems to be helpful - couldnt get it work yet.
Will keep on trying.

Ok, i kind of got it working - thats my code:


PShape ps2;
PShape psChild;

float ratio;

void setup() {
  size(1000, 1000);

  ps2 = loadShape("shape.svg");
  ratio = ps2.height/ps2.width;
 
  psChild = ps2.getChild(0);
 
  //shapeMode(CENTER);
  //translate(300,300);
 
  shape(ps2, 0, 0);      //, 500, ratio*500);
 
  int numChildren = psChild.getVertexCount();
  println(numChildren);

  float[] vertices = new float[numChildren];
  for (int j =0; j<numChildren; j++) {
    vertices = psChild.getVertex(j);
    println(vertices);
  }
}

void draw() {
  PVector[] vertis = getVertices(psChild);
  //to check where the vertis are
  for(int i=0; i<vertis.length; i++){
    ellipse(vertis[i].x, vertis[i].y, 2,2);
  }
 
  if(mousePressed && psChild.contains(mouseX-300, mouseY-500)){
    println(frameCount);
    println("in2");
  }
}

PVector[] getVertices(PShape shape) {
  PVector[] vertices = new PVector[shape.getVertexCount()];
  for (int i = 0; i < shape.getVertexCount(); i ++) vertices[i] = new PVector(shape.getVertex(i)[0], shape.getVertex(i)[1]);
  return vertices;
}

this one is working - but as soon as i use translate, shapeMode or give the shape new coordinates
it produces an offset between shape and its vertices.

Any suggestions?

An offset between the shape and its vertices?
I'm sorry, I'm not quite sure what you mean...

Unfortunately, Processing provides no simple shape files to work with... can you post the one that you are using?

Off the top of my head: You probably have to account for the translation when dealing with the vertices...

To test my program I used a very simpel form to eliminate problems caused by it.

its easier to explain the offset with an image:


the points on the top show the vertices

in the middle you see my shape - after i activated shapeMode to CENTER and translated it

and these many dots below show the points where processing says that my mousex & y are within the shape

if(mousePressed && psChild.contains(mouseX-300, mouseY-500)){
    ellipse(mouseX,mouseY, 2, 2);
    println("in2");
  }






The problem is, that the function getVertex takes the vertices before the shape is placed / the translation or scale.
My question is now, if there's a way to get the vertices after its all translated, scaled and placed?

Maybe its all just my lack of programming knowledge - sorry for that...

If you know the translation, then you simply have to modify all of the vertices by that translation...

Thanks for your answer.
I got to this conclusion as well, but its more complicated as i used rotation and scale as well.
Was hoping that there would be an easy way than calculating the new rotated and scaled points.

I used now a different way without needing the vertices of my shapes, but i will keep trying and 'll post my solution then.
(if i get there ;) )

Thanks very much calsign for your help!