У меня странная проблема с рамкой в Samsung Gear VR (в Chrome через приложение Cordova).
Обычно все в порядке, пока я не загружаю стерео видео с помощью стерео компонента
Здесь видео в порядке, однако курсор и любые другие 3D-элементы в сцене показывают двойнойв гарнитуре VR.
На этом снимке экрана видно, что курсор, текст и кнопка паузы не совпадают с человеком позади, то есть курсор справа находится на его рубашке.Отчасти это происходит из-за стереоэффекта, но при отсутствии стереоэффекта курсор и другие 3D-элементы выстраиваются в линию и остаются четкими в гарнитуре.Благодаря стереоэффекту все они удваиваются в гарнитуре.
Курсор находится здесь
{/* 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>
Эта проблема не возникает, если вы смотрите в сторону или назад,только если смотреть на 3D-видео. То есть, если вы поворачиваетесь в сторону и смотрите на край, курсор выравнивается.