Описание тега react-three-fiber
Вопросы о React-three-fiber, рендерере React для Three.js.
1
ответ
Вершины перемещаются вдоль неправильной оси после вращения
Я перемещаю вершины фигуры при движении мыши, и это работает хорошо. Однако, когда к фигуре применяется вращение, вершины перемещаются вдоль неправильной оси. Созданы коды andbox.io здесь: https://codesandbox.io/embed/gatsby-starter-default-l16ui Дв…
11 июл '19 в 19:20
1
ответ
Как реализовать Three.js внутри Gatsby?
Я установил react-three-fiber и три пакета. Я следую этому руководству, но сомневаюсь, где разместить эту строку: const rootElement = document.getElementById("root"); Кроме того, я начинаю получать эту ошибку: Error: Element type is invalid: expecte…
20 фев '20 в 08:02
0
ответов
Холст исчез после добавления функции таймера
введите описание изображения здесь Попытка разработать игру с использованием react-three-fiber с таймером. Я пытаюсь создать таймер на основе функции реакции. Проблема в том, что после привязки таймера к сцене (игровому процессу) он накладывается на…
05 авг '20 в 11:40
1
ответ
Использование response-router с согласователями, такими как react-three-fiber
Я пытаюсь использовать реактивный маршрутизатор с реактивным трехкомпонентным волокном. Проблема в том<Switch> компоненты теряют свой контекст при добавлении внутрь реактивного трех волокон <Canvas>элемент. Чтобы исправить это, я могу об…
22 окт '19 в 15:47
1
ответ
Как добавить пользовательские материалы для 3D-объектов (.mtl) поверх пользовательских 3D-объектов (.obj)?
Я пытаюсь визуализировать 3D-объект с помощью react-three-fiber. Мне удалось импортировать пользовательский 3D-объект, но я не могу применить пользовательский материал к объекту. Любая помощь могла бы быть полезна. Ниже приведен код, который я пробо…
02 ноя '19 в 00:02
2
ответа
bufferGeometry setFromPoints с помощью react-three-fiber
Учитывая toLinePath функция: const toLinePath = (arrayOfPoints, color = 0x000000) => { const path = new THREE.Path(); const firstPoint = arrayOfPoints[0]; path.moveTo(firstPoint.x, firstPoint.y, firstPoint.z); arrayOfPoints.forEach(point => pa…
19 сен '19 в 13:42
1
ответ
Ошибка загрузки> module.exports = require ("three / examples / jsm / loaders / GLTFLoader") в Nextjs
Я использую react-three-fiber,three а также nextjs для отображения некоторых птиц, что является распространенным примером в threejs! Вот мой индексный файлnextjs приложение: import React, { useRef, useState, useEffect } from 'react'; import * as THR…
25 янв '20 в 22:07
1
ответ
Компонент PointCloud создает пользовательские данные fetch() [response-three-fiber]
На основе фрагмента исходного r3f-примера, найденного в PointCloud.js Протестированный мной, этот исходный компонент, показанный выше, может отображать облако точек, нажимая отдельные x y z значение в цикл for в Particle() функция. Я изменил его и д…
04 мар '20 в 06:49
4
ответа
React-Three-Fiber (R3F): проблема загрузки загрузчика GLTF. Почему я не вижу свою модель?
Я пытаюсь загрузить модель gltf в react-three-fiber (R3F), и мне снится кошмар. Я попытался найти ответ, и были люди с подобной проблемой, но я не смог решить свою проблему. Я все время получаю это в консоли: at JSON.parse (<anonymous>) at GLT…
16 апр '20 в 20:43
1
ответ
Реагировать на три волокна и реагировать-маршрутизатор-дом. Ошибка: невозможно использовать <Link> вне <Router>
Мне сказали, что вы не можете использовать response-router-dom с react-three-fiber из-за некоторых технических проблем, поскольку react-router не может получить доступ к провайдеру внутри холста. Ну я попытался поставитьLinkза пределами моего холста…
03 май '20 в 20:01
1
ответ
TS2532 - Возможно, объект не определен - useRef и react-three-fiber
Я реализую компонент с react-three-fiber, который выглядит так: const Controls = (props: any) => { const controlsRef = useRef(); const { camera, gl } = useThree(); useFrame(() => controlsRef.current && controlsRef!.current!.update()); …
07 май '20 в 21:32
0
ответов
Как сделать так, чтобы все аватары были видны при вращении сферы, используя react-three-fiber threejs
У меня вопрос, когда сфера вращалась, некоторые аватарки были скрыты, в чем причина и как улучшить код. а также мне нужно, чтобы все аватары не двигались. Thk, this is my online code https://codesandbox.io/s/peaceful-kalam-3mqkz?fontsize=14&hidenavi…
18 ноя '19 в 09:21
0
ответов
Как просмотреть модель OBJ с текстурой, экспортированной из блендера с помощью react-three-fiber
Это компонент модели, который показывает только модель OBJ, но без текстуры. Вся идея проекта заключается в просмотре 3D-моделей в сети, но текстуры не появляются ни на одном из объектов. import React, { useState, useMemo } from "react" import { OBJ…
03 июн '20 в 09:07
0
ответов
three.js WebXR вертикальное повторное центрирование
С помощью меню / главной кнопки (нажав на нее в течение некоторого времени) контроллера мы можем перецентрировать изображение по горизонтали.Есть ли способ сделать то же самое по вертикали? Например, если кто-то хочет использовать приложение лежа. Э…
17 июн '20 в 19:44
1
ответ
Three-react-fiber Установка оси вращения в центр модели.
У меня есть модель, которая вращается по оси X, но центр вращения находится не на самой оси. Код вращения довольно прост: model.current.rotation.x += 0.016; (axis and speed) но, похоже, нет способа определить фактическую ось вращения, чтобы гарантир…
07 июл '20 в 10:44
3
ответа
реагировать-три-волокна вращаются вокруг определенной оси
Я использую react-three-fiber и хочу повернуть сетку на определенную ось и угол. Где я могу добавить что-то вроде "setRotationfromAxisAngle" в react-three-fiber <mesh> <geometry/> <material/> </mesh>
24 июл '20 в 02:57
1
ответ
Как выполнить переход на статическую HTML-страницу с помощью JavaScript из компонента React?
Я видел решения на StackOverFlow: например, использование тега и browserHistory, но ничего из того, что я пробовал до сих пор, не помогло. Я пытаюсь выполнить маршрутизацию изнутри созданного мною компонента react-three-fiber под названием "Animatio…
26 июл '20 в 07:28
0
ответов
Можно ли изменить цвета x, y, z по умолчанию для meshNormalMaterial?
Я понимаю, что meshNormalMaterial отображает векторы нормалей в цвета RGB. Есть ли способ изменить цвета по умолчанию? Вместо того чтобы x был красным, y был зеленым, а z был синим, я хочу обновить x, y и z до пользовательских шестнадцатеричных знач…
01 авг '20 в 00:29
2
ответа
Сброс анимации React-Three-Fiber при прокрутке
Я создал низкополигональную анимацию воды, используя three.js и react-three-fiber. Анимация начинает воспроизводиться, когда моя веб-страница загружается, но когда вы начинаете прокручивать вниз, чтобы просмотреть другой контент на моей веб-странице…
14 авг '20 в 19:48
1
ответ
Как изменить атрибут JSX с течением времени
Я работаю над Threejs с React Three Fiber. Нужна помощь с использованием функции, которая изменяет атрибут JSX с помощью счетчика или чего-то еще. Хотите, чтобы со временем изменились, пока пользователь остается на странице, атрибут интенсивности ме…
20 авг '20 в 23:45