I cannot make the camera focus on Object in three.js
I tried camera.lookAt and it still is loked on the origin(0.0)
How to change shape in three.js angular
I am new to three.js with no prior experience. I am able to show geometric shape. I would like to allow the user with means to modify the starting shape of the primitives, by for example moving some type of control points, or some other approach and enable a function of “split” that would cut the existing geometry in two separate objects. If possible, each of the resulting objects should form a closed volume. To avoid problematic cases, you can assume the surface fully intersects the volume during the “split” function, even if the displayed model does not. I have tried a lot of things but I am not able to modify and split,it the shape. My code is given below:
Why is the bounding box my code generates always at the origin, and not rendering at the cursor position when mouse is down?
I am trying to create a bounding box zoom, over a three js render, where the user can drag a box and then the camera will zoom on the bounded area. However, the box is not generating correctly.
` public dragZoom(value: boolean): void {
const geometry = new THREE.PlaneGeometry(1, 1);
const material = new THREE.MeshBasicMaterial({
color: 0x808080,
opacity: 0.1,
transparent: true,
});