My name is Sebastian and I’m currently working on a class project with three other students. We are making a collaborative visual space where users can create online collages in “plot” spaces near other users.

We are very thankful for your demo app and have been hacking away at it for the past few weeks (you can check our Google Code repository in the website link).

Currently, we are placing buttons for layer rotate, layer up, and layer down on the actual images themselves.

Within the Square function, I’m having some trouble comprehending the math in this.Rotate.

I know there are four points in every Square, so I’m thus trying to add a fifth point named rotateLocation (where the button will be):

this.a = a;
…
this.newX = this.c.x – (buttonSize * 3) – (buttonPadding * 3);
this.rotateLocation = new Vector( this.newX, this.c.y);

But graphically, this is not showing up directly to the left of point c, but actually to the left and below point c.

Could you provide me some basic overview of how this section of the code works, or point me to a link of reference?

Thanks,
Seb

The one thing I don’t like is how sometimes the screen highlights (in blue), just like it would if you were highlighting text on a page. This happens sometimes on a lot of drag and drop features.

Is there anyway to turn this off?