Как подключить приложение React к приложению aframe VR

У меня есть приложение React, в котором пользователь настраивает VR-часть приложения, созданного с помощью рамка.

После того, как выбор и настройка выполнены в части React, часть VR a-frame должна быть показана с определенной конфигурацией.

Как лучше всего соединить эти две части?

Я уже знаю о aframe-react, но не уверен, сильно ли это снижает производительность приложения.

Я создал приложения VR с a-frame и React, используя пакет aframe-react. Производительность не была проблемой, поэтому я предлагаю вам просто попробовать и начать оптимизацию, когда это необходимо. Также прочтите эту несколько связанную статью о преждевременной оптимизации: cdb.reacttraining.com/…

klaasman 04.05.2018 13:15
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
381
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ага, есть A-Frame React.

Или вы можете использовать необработанный DOM / A-Frame и передавать все данные в виде строк, что нормально, как и HTML.

Производительность является проблемой, если вы маршрутизируете всю логику через React, если вы можете строго разделить уровень React и уровень A-Frame, должно быть хорошо.

привет Кевин, на странице github aframe-react вы не рекомендуете использовать aframe-react. Будет ли поддержка aframe-react в будущем? Если вы используете альтернативные подходы, упомянутые вами, есть ли какие-либо примеры кодов, к которым мы можем обратиться, чтобы узнать, какие подходы рекомендуются для использования с React? В настоящее время я решаю, какой подход использовать для создания панорамного изображения 360. Если вы используете response-vr, похоже, что мой vr должен быть автономным сайтом. Решение Ya позволяет мне создавать приложение с полным стеком, однако меня беспокоит, что если я использую aframe-react для сборки, инструменты не будут поддерживаться в будущем Спасибо :)

Hendry Lim 01.04.2018 10:54

Да, я бы вообще не стал использовать React ни для чего VR. aframe-react может уменьшиться, так как я сам им не пользуюсь, но он уже готов (это очень тонкий мост). Вы можете просто использовать A-Frame отдельно, он отлично работает. Я использовал шаблоны React / Vue в таких вещах, как npmjs.com/package/aframe-state-component

ngokevin 02.04.2018 22:06

Спасибо Кевину за разъяснения. Ценить

Hendry Lim 03.04.2018 02:38

Привет, Кевин, используя компонент состояния кадра, его нельзя использовать с реакцией, верно? Это должен быть vanilla html n js? Если можно использовать с React, есть ли какой-нибудь шаблонный код, на который я могу сослаться? Извинения, я посмотрел на d link, которую я отправил, но, похоже, не могу понять, как интегрировать его с реакцией или vue

Hendry Lim 03.04.2018 03:03

Между прочим, это пустая трата времени, если реакция кадра истощается. Я искал в Интернете информацию о виртуальной реальности, и должен сказать, что это отличный инструмент. React vr необходимо использовать отдельно, и его нельзя интегрировать с React для создания полнофункционального приложения, которое может реагировать на фрейм. К сожалению, мои навыки программирования не на высоком уровне, в противном случае я мог бы присоединиться к вам, ребята, в их поддержании. Если вы когда-нибудь будете искать кого-то в своей команде, чтобы помочь поддерживать (обратите внимание, что я не на таком высоком уровне, как вы, ребята), я открою :)

Hendry Lim 03.04.2018 03:07

Это может показаться приятным из мира веб-разработчиков, но это антипаттерн для VR. Дело не в том, что мы не можем его поддерживать, а в том, что использовать React для приложений VR - плохая идея. Это увеличивает накладные расходы на производительность, сложность, и разработчики обычно неправильно с этим справляются (помещая критическую логику 3D / VR на уровень React). Я упоминал, что компонент состояния принимает шаблоны из React / Vue, а не интегрируется с ними. Но этот компонент может работать с aframe-response, да, но в этом нет особого смысла.

ngokevin 03.04.2018 04:17

Ик Кевин. Спасибо за совет

Hendry Lim 19.04.2018 17:37

Другие вопросы по теме