Threejs object with multiple material doesn't work with RayCasting
I have created a 3d object using blender and exported it as .obj file.
I am trying to load that .obj file using OBJloader in threejs. That is a single object with multiple material in it. It is loaded without any issues.
I am trying to track which material the user has clicked in a 3d object. I am using raycasting for this. Since raycasting works only at object level, I am not able to get which specific material user has clicked.
three.js 3d
edited Jan 19 at 10:06
James Z
11.1k71935
asked Jan 19 at 6:43
user1771029user1771029
1114
add a comment |
I have created a 3d object using blender and exported it as .obj file.
I am trying to load that .obj file using OBJloader in threejs. That is a single object with multiple material in it. It is loaded without any issues.
I am trying to track which material the user has clicked in a 3d object. I am using raycasting for this. Since raycasting works only at object level, I am not able to get which specific material user has clicked.
three.js 3d
edited Jan 19 at 10:06
James Z
11.1k71935
asked Jan 19 at 6:43
user1771029user1771029
1114
4
I've made a PR to make this task easier: github.com/mrdoob/three.js/pull/15613. If it gets merged, you can evaluateintersection.face.materialIndexand then retrieve the correct material from your materials array.
– Mugen87
Jan 19 at 11:10
add a comment |
I have created a 3d object using blender and exported it as .obj file.
I am trying to load that .obj file using OBJloader in threejs. That is a single object with multiple material in it. It is loaded without any issues.
I am trying to track which material the user has clicked in a 3d object. I am using raycasting for this. Since raycasting works only at object level, I am not able to get which specific material user has clicked.
three.js 3d
edited Jan 19 at 10:06
James Z
11.1k71935
asked Jan 19 at 6:43
user1771029user1771029
1114
I have created a 3d object using blender and exported it as .obj file.
I am trying to load that .obj file using OBJloader in threejs. That is a single object with multiple material in it. It is loaded without any issues.
I am trying to track which material the user has clicked in a 3d object. I am using raycasting for this. Since raycasting works only at object level, I am not able to get which specific material user has clicked.
three.js 3d
three.js 3d
edited Jan 19 at 10:06
James Z
11.1k71935
asked Jan 19 at 6:43
user1771029user1771029
1114
edited Jan 19 at 10:06
James Z
11.1k71935
asked Jan 19 at 6:43
user1771029user1771029
1114
edited Jan 19 at 10:06
James Z
11.1k71935
edited Jan 19 at 10:06
James Z
11.1k71935
edited Jan 19 at 10:06
James Z
11.1k71935
11.1k71935
asked Jan 19 at 6:43
user1771029user1771029
1114
asked Jan 19 at 6:43
user1771029user1771029
1114
asked Jan 19 at 6:43
user1771029user1771029
1114
1114
4
I've made a PR to make this task easier: github.com/mrdoob/three.js/pull/15613. If it gets merged, you can evaluateintersection.face.materialIndexand then retrieve the correct material from your materials array.
– Mugen87
Jan 19 at 11:10
add a comment |
4
I've made a PR to make this task easier: github.com/mrdoob/three.js/pull/15613. If it gets merged, you can evaluateintersection.face.materialIndexand then retrieve the correct material from your materials array.
– Mugen87
Jan 19 at 11:10
4
4
I've made a PR to make this task easier: github.com/mrdoob/three.js/pull/15613. If it gets merged, you can evaluate
intersection.face.materialIndex and then retrieve the correct material from your materials array.– Mugen87
Jan 19 at 11:10
I've made a PR to make this task easier: github.com/mrdoob/three.js/pull/15613. If it gets merged, you can evaluate
intersection.face.materialIndex and then retrieve the correct material from your materials array.– Mugen87
Jan 19 at 11:10
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54264723%2fthreejs-object-with-multiple-material-doesnt-work-with-raycasting%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54264723%2fthreejs-object-with-multiple-material-doesnt-work-with-raycasting%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
4
I've made a PR to make this task easier: github.com/mrdoob/three.js/pull/15613. If it gets merged, you can evaluate
intersection.face.materialIndexand then retrieve the correct material from your materials array.– Mugen87
Jan 19 at 11:10