Aframe double vision on Gear VR with stereo
I have a strange issue on aframe on Samsung Gear VR (in Chrome via a Cordova app).
Generally everything is fine until I load stereo video using the stereo component
Here the video is fine, however the cursor and any other 3D elements in the scene show double in the VR headset.
You can see in this screenshot that the cursor , text and pause button are not in alignment with the man behind, i.e. the the cursor on the right is on his shirt.
That is partly because of the stereo effect, but if there is no stereo effect the cursor and other 3D elements line up and are clear in a headset. With the stereo effect they are all doubled in the headset.
The cursor is here
{/* Camera */}
<Entity rotation={defaultCameraRotation}>
<Entity primitive='a-camera' id='camera' mouse-zoom wasd-controls={wasdControls} stereocam="eye:left">
{
isVrEnabled &&
<Entity position="0 0 -1"
geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.026;"
material={cursorMaterial}
scale={cursorFuseScale}
cursor={cursorAttributes}>
<a-animation {...cursorClickAnimation} />
<a-animation {...cursorFuseAnimation} />
<Entity position="0 0 0"
geometry="primitive: ring; radiusInner: 0.01; radiusOuter: 0.015;"
material="color:white; shader: flat; opacity:0.7;"/>
</Entity>
}
</Entity>
</Entity>
It doesn't have this problem if you look to the side or back, only when facing the 3D video.i.e. if you turn to the side and look at the edge, the cursor lines up.
three.js aframe
asked Nov 21 '18 at 1:01
beekbeek
9831132
add a comment |
I have a strange issue on aframe on Samsung Gear VR (in Chrome via a Cordova app).
Generally everything is fine until I load stereo video using the stereo component
Here the video is fine, however the cursor and any other 3D elements in the scene show double in the VR headset.
You can see in this screenshot that the cursor , text and pause button are not in alignment with the man behind, i.e. the the cursor on the right is on his shirt.
That is partly because of the stereo effect, but if there is no stereo effect the cursor and other 3D elements line up and are clear in a headset. With the stereo effect they are all doubled in the headset.
The cursor is here
{/* Camera */}
<Entity rotation={defaultCameraRotation}>
<Entity primitive='a-camera' id='camera' mouse-zoom wasd-controls={wasdControls} stereocam="eye:left">
{
isVrEnabled &&
<Entity position="0 0 -1"
geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.026;"
material={cursorMaterial}
scale={cursorFuseScale}
cursor={cursorAttributes}>
<a-animation {...cursorClickAnimation} />
<a-animation {...cursorFuseAnimation} />
<Entity position="0 0 0"
geometry="primitive: ring; radiusInner: 0.01; radiusOuter: 0.015;"
material="color:white; shader: flat; opacity:0.7;"/>
</Entity>
}
</Entity>
</Entity>
It doesn't have this problem if you look to the side or back, only when facing the 3D video.i.e. if you turn to the side and look at the edge, the cursor lines up.
three.js aframe
asked Nov 21 '18 at 1:01
beekbeek
9831132
add a comment |
I have a strange issue on aframe on Samsung Gear VR (in Chrome via a Cordova app).
Generally everything is fine until I load stereo video using the stereo component
Here the video is fine, however the cursor and any other 3D elements in the scene show double in the VR headset.
You can see in this screenshot that the cursor , text and pause button are not in alignment with the man behind, i.e. the the cursor on the right is on his shirt.
That is partly because of the stereo effect, but if there is no stereo effect the cursor and other 3D elements line up and are clear in a headset. With the stereo effect they are all doubled in the headset.
The cursor is here
{/* Camera */}
<Entity rotation={defaultCameraRotation}>
<Entity primitive='a-camera' id='camera' mouse-zoom wasd-controls={wasdControls} stereocam="eye:left">
{
isVrEnabled &&
<Entity position="0 0 -1"
geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.026;"
material={cursorMaterial}
scale={cursorFuseScale}
cursor={cursorAttributes}>
<a-animation {...cursorClickAnimation} />
<a-animation {...cursorFuseAnimation} />
<Entity position="0 0 0"
geometry="primitive: ring; radiusInner: 0.01; radiusOuter: 0.015;"
material="color:white; shader: flat; opacity:0.7;"/>
</Entity>
}
</Entity>
</Entity>
It doesn't have this problem if you look to the side or back, only when facing the 3D video.i.e. if you turn to the side and look at the edge, the cursor lines up.
three.js aframe
asked Nov 21 '18 at 1:01
beekbeek
9831132
I have a strange issue on aframe on Samsung Gear VR (in Chrome via a Cordova app).
Generally everything is fine until I load stereo video using the stereo component
Here the video is fine, however the cursor and any other 3D elements in the scene show double in the VR headset.
You can see in this screenshot that the cursor , text and pause button are not in alignment with the man behind, i.e. the the cursor on the right is on his shirt.
That is partly because of the stereo effect, but if there is no stereo effect the cursor and other 3D elements line up and are clear in a headset. With the stereo effect they are all doubled in the headset.
The cursor is here
{/* Camera */}
<Entity rotation={defaultCameraRotation}>
<Entity primitive='a-camera' id='camera' mouse-zoom wasd-controls={wasdControls} stereocam="eye:left">
{
isVrEnabled &&
<Entity position="0 0 -1"
geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.026;"
material={cursorMaterial}
scale={cursorFuseScale}
cursor={cursorAttributes}>
<a-animation {...cursorClickAnimation} />
<a-animation {...cursorFuseAnimation} />
<Entity position="0 0 0"
geometry="primitive: ring; radiusInner: 0.01; radiusOuter: 0.015;"
material="color:white; shader: flat; opacity:0.7;"/>
</Entity>
}
</Entity>
</Entity>
It doesn't have this problem if you look to the side or back, only when facing the 3D video.i.e. if you turn to the side and look at the edge, the cursor lines up.
three.js aframe
three.js aframe
asked Nov 21 '18 at 1:01
beekbeek
9831132
asked Nov 21 '18 at 1:01
beekbeek
9831132
edited Nov 21 '18 at 7:28
beek
asked Nov 21 '18 at 1:01
beekbeek
9831132
asked Nov 21 '18 at 1:01
beekbeek
9831132
asked Nov 21 '18 at 1:01
beekbeek
9831132
9831132
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You need a browser with native WebVR support like Oculus Browser or Samsung Internet. Polyfilled WebVR won’t work well in Gear VR. Unfortunately, It doesn’t seem that Cordova is WebVR compatible.
Chrome ships WebVR but only on daydream-ready phones and does not support GearVR. If you have a Samsung S8 / S9 and a daydream view you can enable WebVR in chrome://flags and stereo alignment should be correct.
answered Nov 21 '18 at 7:31
Diego MarcosDiego Marcos
2,13531016
The stereo component works really well.. shows great 3D video!?
– beek
Nov 21 '18 at 7:44
Cordova runs with Chrome - I've not had a problem with WebVR?
– beek
Nov 21 '18 at 7:45
The video is a sphere far away not affected by perspective. Misalignments, wrong IPD or distortion are less or not noticeable.
– Diego Marcos
Nov 21 '18 at 7:48
Chrome doesn’t support Gear VR. Chrome for Android does have WebVR but disabled by default. As far as I know Cordova also ships with older versions (not latest Chrome)
– Diego Marcos
Nov 21 '18 at 7:50
Ah.. ok. So everything else that is closer needs to have those attributes applied
– beek
Nov 21 '18 at 7:50
|
show 11 more comments
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%2f53403870%2faframe-double-vision-on-gear-vr-with-stereo%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
You need a browser with native WebVR support like Oculus Browser or Samsung Internet. Polyfilled WebVR won’t work well in Gear VR. Unfortunately, It doesn’t seem that Cordova is WebVR compatible.
Chrome ships WebVR but only on daydream-ready phones and does not support GearVR. If you have a Samsung S8 / S9 and a daydream view you can enable WebVR in chrome://flags and stereo alignment should be correct.
answered Nov 21 '18 at 7:31
Diego MarcosDiego Marcos
2,13531016
The stereo component works really well.. shows great 3D video!?
– beek
Nov 21 '18 at 7:44
Cordova runs with Chrome - I've not had a problem with WebVR?
– beek
Nov 21 '18 at 7:45
The video is a sphere far away not affected by perspective. Misalignments, wrong IPD or distortion are less or not noticeable.
– Diego Marcos
Nov 21 '18 at 7:48
Chrome doesn’t support Gear VR. Chrome for Android does have WebVR but disabled by default. As far as I know Cordova also ships with older versions (not latest Chrome)
– Diego Marcos
Nov 21 '18 at 7:50
Ah.. ok. So everything else that is closer needs to have those attributes applied
– beek
Nov 21 '18 at 7:50
|
show 11 more comments
You need a browser with native WebVR support like Oculus Browser or Samsung Internet. Polyfilled WebVR won’t work well in Gear VR. Unfortunately, It doesn’t seem that Cordova is WebVR compatible.
Chrome ships WebVR but only on daydream-ready phones and does not support GearVR. If you have a Samsung S8 / S9 and a daydream view you can enable WebVR in chrome://flags and stereo alignment should be correct.
answered Nov 21 '18 at 7:31
Diego MarcosDiego Marcos
2,13531016
The stereo component works really well.. shows great 3D video!?
– beek
Nov 21 '18 at 7:44
Cordova runs with Chrome - I've not had a problem with WebVR?
– beek
Nov 21 '18 at 7:45
The video is a sphere far away not affected by perspective. Misalignments, wrong IPD or distortion are less or not noticeable.
– Diego Marcos
Nov 21 '18 at 7:48
Chrome doesn’t support Gear VR. Chrome for Android does have WebVR but disabled by default. As far as I know Cordova also ships with older versions (not latest Chrome)
– Diego Marcos
Nov 21 '18 at 7:50
Ah.. ok. So everything else that is closer needs to have those attributes applied
– beek
Nov 21 '18 at 7:50
|
show 11 more comments
You need a browser with native WebVR support like Oculus Browser or Samsung Internet. Polyfilled WebVR won’t work well in Gear VR. Unfortunately, It doesn’t seem that Cordova is WebVR compatible.
Chrome ships WebVR but only on daydream-ready phones and does not support GearVR. If you have a Samsung S8 / S9 and a daydream view you can enable WebVR in chrome://flags and stereo alignment should be correct.
answered Nov 21 '18 at 7:31
Diego MarcosDiego Marcos
2,13531016
You need a browser with native WebVR support like Oculus Browser or Samsung Internet. Polyfilled WebVR won’t work well in Gear VR. Unfortunately, It doesn’t seem that Cordova is WebVR compatible.
Chrome ships WebVR but only on daydream-ready phones and does not support GearVR. If you have a Samsung S8 / S9 and a daydream view you can enable WebVR in chrome://flags and stereo alignment should be correct.
answered Nov 21 '18 at 7:31
Diego MarcosDiego Marcos
2,13531016
edited Nov 21 '18 at 16:48
answered Nov 21 '18 at 7:31
Diego MarcosDiego Marcos
2,13531016
answered Nov 21 '18 at 7:31
Diego MarcosDiego Marcos
2,13531016
answered Nov 21 '18 at 7:31
Diego MarcosDiego Marcos
2,13531016
2,13531016
The stereo component works really well.. shows great 3D video!?
– beek
Nov 21 '18 at 7:44
Cordova runs with Chrome - I've not had a problem with WebVR?
– beek
Nov 21 '18 at 7:45
The video is a sphere far away not affected by perspective. Misalignments, wrong IPD or distortion are less or not noticeable.
– Diego Marcos
Nov 21 '18 at 7:48
Chrome doesn’t support Gear VR. Chrome for Android does have WebVR but disabled by default. As far as I know Cordova also ships with older versions (not latest Chrome)
– Diego Marcos
Nov 21 '18 at 7:50
Ah.. ok. So everything else that is closer needs to have those attributes applied
– beek
Nov 21 '18 at 7:50
|
show 11 more comments
The stereo component works really well.. shows great 3D video!?
– beek
Nov 21 '18 at 7:44
Cordova runs with Chrome - I've not had a problem with WebVR?
– beek
Nov 21 '18 at 7:45
The video is a sphere far away not affected by perspective. Misalignments, wrong IPD or distortion are less or not noticeable.
– Diego Marcos
Nov 21 '18 at 7:48
Chrome doesn’t support Gear VR. Chrome for Android does have WebVR but disabled by default. As far as I know Cordova also ships with older versions (not latest Chrome)
– Diego Marcos
Nov 21 '18 at 7:50
Ah.. ok. So everything else that is closer needs to have those attributes applied
– beek
Nov 21 '18 at 7:50
The stereo component works really well.. shows great 3D video!?
– beek
Nov 21 '18 at 7:44
The stereo component works really well.. shows great 3D video!?
– beek
Nov 21 '18 at 7:44
Cordova runs with Chrome - I've not had a problem with WebVR?
– beek
Nov 21 '18 at 7:45
Cordova runs with Chrome - I've not had a problem with WebVR?
– beek
Nov 21 '18 at 7:45
The video is a sphere far away not affected by perspective. Misalignments, wrong IPD or distortion are less or not noticeable.
– Diego Marcos
Nov 21 '18 at 7:48
The video is a sphere far away not affected by perspective. Misalignments, wrong IPD or distortion are less or not noticeable.
– Diego Marcos
Nov 21 '18 at 7:48
Chrome doesn’t support Gear VR. Chrome for Android does have WebVR but disabled by default. As far as I know Cordova also ships with older versions (not latest Chrome)
– Diego Marcos
Nov 21 '18 at 7:50
Chrome doesn’t support Gear VR. Chrome for Android does have WebVR but disabled by default. As far as I know Cordova also ships with older versions (not latest Chrome)
– Diego Marcos
Nov 21 '18 at 7:50
Ah.. ok. So everything else that is closer needs to have those attributes applied
– beek
Nov 21 '18 at 7:50
Ah.. ok. So everything else that is closer needs to have those attributes applied
– beek
Nov 21 '18 at 7:50
|
show 11 more comments
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%2f53403870%2faframe-double-vision-on-gear-vr-with-stereo%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
