Comments (3)
The highlight mesh and the mesh being selected must have the same transformations for scale, rotation, and position otherwise they will not line up.
from three-mesh-bvh.
Hey @gkjohnson, As per what I got from your previous reply, I have set
highlightMesh = new THREE.Mesh()
highlightMesh.geometry = mesh.geometry.clone();
highlightMesh.position = mesh.position.clone();
highlightMesh.rotation = mesh.rotation.clone();
highlightMesh.scale = mesh.scale.clone();
highlightMesh.geometry.drawRange.count = 0;
highlightMesh.material = new THREE.MeshBasicMaterial({
opacity: 0.05,
transparent: true,
depthWrite: false,
});
highlightMesh.material.color.set(0xff9800).convertSRGBToLinear();
highlightMesh.renderOrder = 1;
group.add(highlightMesh);
highlightWireframeMesh = new THREE.Mesh();
highlightWireframeMesh.geometry = highlightMesh.geometry;
highlightWireframeMesh.position = mesh.position.clone();
highlightWireframeMesh.rotation = mesh.rotation.clone();
highlightWireframeMesh.scale = mesh.scale.clone();
highlightWireframeMesh.material = new THREE.MeshBasicMaterial({
opacity: 0.25,
transparent: true,
wireframe: true,
depthWrite: false,
});
highlightWireframeMesh.material.color.copy(highlightMesh.material.color);
highlightWireframeMesh.renderOrder = 2;
group.add(highlightWireframeMesh);
After setting this, I'm not getting the appropriate results. Can you please tell me if this is the correct way to set the position, rotation, and scale, or is there something else I'm missing?
from three-mesh-bvh.
highlightWireframeMesh.position = mesh.position.clone(); highlightWireframeMesh.rotation = mesh.rotation.clone(); highlightWireframeMesh.scale = mesh.scale.clone();
This is not a valid way to modify the position, rotation, or scale of an object in three.js. You need to use the copy
function to copy data from the target vectors and rotations.
If you need help understanding the fundamentals of how to manipulate transforms on three.js objects I recommend reading through the three.js docs and asking at the forum
from three-mesh-bvh.
Related Issues (20)
- StaticGeometryGenerator: Simplify by using Mesh.getVertexPosition
- Help wanted. HOT 5
- StaticGeometryGenerator: Auto reset if geometry changes are detected
- StaticGeometryGenerator: Make handling of attributes more robust
- StaticGeometryGenerator: Support multimaterial meshes
- Does `MeshBVH.serialize` generate data for saving in `.bvh` file format? HOT 1
- Provide a CompoundMeshBVH class
- You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file HOT 1
- BVH Workers: sometimes the onProgress value is > 1 or never reaches 1
- Different results when intersect identical triangles. HOT 2
- Check the methods that use 'arrayToBox'.
- Add near and far check in intersectRay HOT 2
- Import error with NextJS HOT 3
- InstancedMesh example HOT 1
- Compute bounds tree after adding mesh to group/scene? HOT 4
- This error will occur when creating bvh using the geometry of a relatively large file. HOT 5
- Add it to the tampermonkey
- Does the three-mesh-bvh library have any methods to distinguish between the cases where two meshes are just touching and when they are embedded within each other? HOT 3
- a syntex error in index.js when import from 'three-mesh-bvh' HOT 1
- ./node_modules/three-mesh-bvh/src/index.js Module parse failed: Unexpected token (12:9) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from three-mesh-bvh.