[SOLVED] 90 degree vector

Help & Support
1

I am having troubles creating a 90 degree vector from a point. Here is my current attempt, showing the vectors parallel to the ground plane:

image
image1322×522 83.9 KB

I am struggling to achieve a 90 degree between vectors a and b. Basically, I need blue and yellow vectors be parallel to each other, both at 90 degree to a. My current code:

left = new pc.Vec3(-0.5, 0.4, 0);
right = new pc.Vec3(0.5, 0.4, 0);
        
var dir1 = right.clone().sub(left);
var dir2 = left.clone().sub(right);
        
var leftSide = new pc.Vec3().cross(dir2, pc.Vec3.UP);
leftSide.y = left.y;
        
var rightSide = new pc.Vec3().cross(dir1, pc.Vec3.DOWN);
rightSide.y = right.y;
2

How are you rendering the blue and yellow lines?

3

I removed yellow for now, to isolate the issue:

// just adding to array
array.push(left);
array.push(right);
array.push(leftSide);

// then in update method rendering by
this.app.renderLine(array[0], array[1], this.blue, this.yellow);
this.app.renderLine(array[0], array[2], this.blue);
4

Got it, thank you @yaustar, your question made me think of the problem from another perspective :slight_smile:

The converging point of blue and yellow vectors was only an intermediate result. To get the final vectors, I had to add it to the left and right vectors:

image
image1448×463 46.7 KB

Final code:

var left = new pc.Vec3(-0.5, 0.4, 0);
var right = new pc.Vec3(0.5, 0.4, 0);
        
var dir1 = right.clone().sub(left);
var dir2 = left.clone().sub(right);
        
var leftSide = new pc.Vec3().cross(dir2, pc.Vec3.UP);
leftSide.add(left);
        
var rightSide = new pc.Vec3().cross(dir1, pc.Vec3.DOWN);
rightSide.add(right);
1 Like