Камера не перемещается вместе с шаблоном аватара и курсором в сцене «Сетевой А-кадр». ⇐ Javascript

[Anonymous]

Я реализую сетевую сцену с аватаром в проекте реагирования, используя инфраструктуру Networked A-frame. Камера не двигается и находится в центре сцены, но аватар и курсор движутся вместе. В чем может быть проблема?
Иерархия реализована следующим образом: корневой контейнер-риг служит основным объектом позиционирования, внутри которого находится сетевой объект игрока, содержащий элементы камеры и визуального аватара. Объект камеры включает в себя элементы управления движением и осмотром, а также тот факт, что он является дочерним элементом игрока. Визуальное представление (шаблон аватара: поле и текст) существует на том же уровне, что и камера, внутри объекта игрока, что должно позволять им двигаться вместе как единое целое, но это не так.
Вот создание шаблона аватара (template-setup.js):

Код: Выделить всё

export const createAvatarTemplate = () => {
if (document.getElementById('avatar-template')) return;

const templateHTML = `






`;

const template = document.createElement('div');
template.innerHTML = templateHTML;
document.body.insertBefore(template.firstElementChild, document.body.firstChild);
};

createAvatarTemplate();

Код сетевой сцены (NetworkedScene.jsx):

Код: Выделить всё

const Cursor = memo(() => (

));

Cursor.displayName = 'Cursor';

const Camera = memo(() => (



));

Camera.displayName = 'Camera';

const Player = memo(() => (




));

Player.displayName = 'Player';

const VRScene = memo(({ sceneRef, username, roomName }) => (














));

VRScene.displayName = 'VRScene';

И мне нужно определить шаблон аватара таким образом, поскольку между React и NAF возникает конфликт.
Как только я попытаюсь связать их вместе, рисунок аватара исчезает или что-то перемещается:

[*]Аватар и курсор, а камера останавливается.
[*]Камера и курсор, и аватар исчезает.


Подробнее здесь: https://stackoverflow.com/questions/793 ... ed-a-frame