Is there a way to adjust the default drawing position in three.js from (0,0,0) at the center of the canvas to the actual start of the canvas?
For an example, check out this code: https://jsfiddle.net/data_x/mwprgnra/8/
I am looking to shift the lines to align with the start of the dashed canvas box (transitioning from 3D coordinates to 2D coordinates). This is necessary for overlaying an SVG canvas on top of a WebGL canvas. To achieve this, both canvases need to follow the same coordinate positions.
Here is a snippet of the code:
camera = new THREE.OrthographicCamera( w / - 2, w / 2, h / 2, h / - 2, 1, 10000 );
camera.position.set(0, 0, 100);
Any advice or assistance on this matter would be greatly appreciated,
Thank you,