Mixing
How to find the coordinates of a raycaster intersection point on an object in a-frame?
I have an entity with the geometry set as plane primitive. How can I know the coordinates of the point on which I clicked (on the entity) using the raycaster/cursor component?
The best would be to the know the coordinates in the system in which the vertices of the geometry were defined at the intersection point.
aframe
edited Oct 20 '17 at 20:10
ngokevin
9,11611558
asked Oct 27 '16 at 20:54
shaabhishekshaabhishek
284
add a comment |
I have an entity with the geometry set as plane primitive. How can I know the coordinates of the point on which I clicked (on the entity) using the raycaster/cursor component?
The best would be to the know the coordinates in the system in which the vertices of the geometry were defined at the intersection point.
aframe
edited Oct 20 '17 at 20:10
ngokevin
9,11611558
asked Oct 27 '16 at 20:54
shaabhishekshaabhishek
284
add a comment |
I have an entity with the geometry set as plane primitive. How can I know the coordinates of the point on which I clicked (on the entity) using the raycaster/cursor component?
The best would be to the know the coordinates in the system in which the vertices of the geometry were defined at the intersection point.
aframe
edited Oct 20 '17 at 20:10
ngokevin
9,11611558
asked Oct 27 '16 at 20:54
shaabhishekshaabhishek
284
I have an entity with the geometry set as plane primitive. How can I know the coordinates of the point on which I clicked (on the entity) using the raycaster/cursor component?
The best would be to the know the coordinates in the system in which the vertices of the geometry were defined at the intersection point.
aframe
aframe
edited Oct 20 '17 at 20:10
ngokevin
9,11611558
asked Oct 27 '16 at 20:54
shaabhishekshaabhishek
284
edited Oct 20 '17 at 20:10
ngokevin
9,11611558
asked Oct 27 '16 at 20:54
shaabhishekshaabhishek
284
edited Oct 20 '17 at 20:10
ngokevin
9,11611558
edited Oct 20 '17 at 20:10
ngokevin
9,11611558
edited Oct 20 '17 at 20:10
ngokevin
9,11611558
9,11611558
asked Oct 27 '16 at 20:54
shaabhishekshaabhishek
284
asked Oct 27 '16 at 20:54
shaabhishekshaabhishek
284
asked Oct 27 '16 at 20:54
shaabhishekshaabhishek
284
284
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Check the click event detail for intersection data.
el.addEventListener('click', function (evt) {
console.log(evt.detail.intersection);
});
This object will contain (https://threejs.org/docs/#api/en/core/Raycaster):
[ { distance, point, face, faceIndex, indices, object }, ... ]
So you can use point to see where you clicked.
edited Nov 22 '18 at 9:23
Ghislain Proulx
1006
answered Oct 27 '16 at 21:02
ngokevinngokevin
9,11611558
My event.detail only has cursorEl and target. I'm using fuse to trigger a click, does that change anything?
– shaabhishek
Oct 27 '16 at 21:27
My bad, I was working with v0.3.2, realised it works with latest dev build.
– shaabhishek
Oct 27 '16 at 22:15
add a comment |
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%2f40294039%2fhow-to-find-the-coordinates-of-a-raycaster-intersection-point-on-an-object-in-a%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Check the click event detail for intersection data.
el.addEventListener('click', function (evt) {
console.log(evt.detail.intersection);
});
This object will contain (https://threejs.org/docs/#api/en/core/Raycaster):
[ { distance, point, face, faceIndex, indices, object }, ... ]
So you can use point to see where you clicked.
edited Nov 22 '18 at 9:23
Ghislain Proulx
1006
answered Oct 27 '16 at 21:02
ngokevinngokevin
9,11611558
My event.detail only has cursorEl and target. I'm using fuse to trigger a click, does that change anything?
– shaabhishek
Oct 27 '16 at 21:27
My bad, I was working with v0.3.2, realised it works with latest dev build.
– shaabhishek
Oct 27 '16 at 22:15
add a comment |
Check the click event detail for intersection data.
el.addEventListener('click', function (evt) {
console.log(evt.detail.intersection);
});
This object will contain (https://threejs.org/docs/#api/en/core/Raycaster):
[ { distance, point, face, faceIndex, indices, object }, ... ]
So you can use point to see where you clicked.
edited Nov 22 '18 at 9:23
Ghislain Proulx
1006
answered Oct 27 '16 at 21:02
ngokevinngokevin
9,11611558
My event.detail only has cursorEl and target. I'm using fuse to trigger a click, does that change anything?
– shaabhishek
Oct 27 '16 at 21:27
My bad, I was working with v0.3.2, realised it works with latest dev build.
– shaabhishek
Oct 27 '16 at 22:15
add a comment |
Check the click event detail for intersection data.
el.addEventListener('click', function (evt) {
console.log(evt.detail.intersection);
});
This object will contain (https://threejs.org/docs/#api/en/core/Raycaster):
[ { distance, point, face, faceIndex, indices, object }, ... ]
So you can use point to see where you clicked.
edited Nov 22 '18 at 9:23
Ghislain Proulx
1006
answered Oct 27 '16 at 21:02
ngokevinngokevin
9,11611558
Check the click event detail for intersection data.
el.addEventListener('click', function (evt) {
console.log(evt.detail.intersection);
});
This object will contain (https://threejs.org/docs/#api/en/core/Raycaster):
[ { distance, point, face, faceIndex, indices, object }, ... ]
So you can use point to see where you clicked.
edited Nov 22 '18 at 9:23
Ghislain Proulx
1006
answered Oct 27 '16 at 21:02
ngokevinngokevin
9,11611558
edited Nov 22 '18 at 9:23
Ghislain Proulx
1006
edited Nov 22 '18 at 9:23
Ghislain Proulx
1006
edited Nov 22 '18 at 9:23
Ghislain Proulx
1006
1006
answered Oct 27 '16 at 21:02
ngokevinngokevin
9,11611558
answered Oct 27 '16 at 21:02
ngokevinngokevin
9,11611558
answered Oct 27 '16 at 21:02
ngokevinngokevin
9,11611558
9,11611558
My event.detail only has cursorEl and target. I'm using fuse to trigger a click, does that change anything?
– shaabhishek
Oct 27 '16 at 21:27
My bad, I was working with v0.3.2, realised it works with latest dev build.
– shaabhishek
Oct 27 '16 at 22:15
add a comment |
My event.detail only has cursorEl and target. I'm using fuse to trigger a click, does that change anything?
– shaabhishek
Oct 27 '16 at 21:27
My bad, I was working with v0.3.2, realised it works with latest dev build.
– shaabhishek
Oct 27 '16 at 22:15
My event.detail only has cursorEl and target. I'm using fuse to trigger a click, does that change anything?
– shaabhishek
Oct 27 '16 at 21:27
My event.detail only has cursorEl and target. I'm using fuse to trigger a click, does that change anything?
– shaabhishek
Oct 27 '16 at 21:27
My bad, I was working with v0.3.2, realised it works with latest dev build.
– shaabhishek
Oct 27 '16 at 22:15
My bad, I was working with v0.3.2, realised it works with latest dev build.
– shaabhishek
Oct 27 '16 at 22:15
add a comment |
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%2f40294039%2fhow-to-find-the-coordinates-of-a-raycaster-intersection-point-on-an-object-in-a%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
