Comment connecter Threejs Réagir?
Je travaille à Réagir et à utiliser une toile. Je veux changer la toile de WebGL (Threejs de la bibliothèque). Comment connecter cette bibliothèque pour Réagir?
J'ai certains éléments, par exemple
JS:
<div ref="threejs"></div>
Comment faire un champ pour la Threejs appel de la bibliothèque?
P. S:. Je ne veux pas utiliser des extensions comme réagir-threejs
- Dans
componentDidMount
vous pouvez accéder au DOM de référencethis.refs.threejs
et d'utiliser quelque chose comme.appendChild(threeRenderer.domElement)
- En savoir plus sur le cycle de vie des méthodes comme
componentDidMount
: facebook.github.io/réagir/docs/... - Découvrez ma réponse comment mapper une 3ème partie de la bibliothèque de Réagir: stackoverflow.com/a/40350880/1333836 Devrait ressembler à quelque chose de similaire dans votre cas.
Vous devez vous connecter pour publier un commentaire.
Voici un exemple de comment le configurer (voir la démo):
Vous pourriez également être intéressé par un plein écran exemple (voir GitHub).
Voici un exemple d'utilisation de Réagir Crochets au lieu d'une classe (remarque: les Crochets sont actuellement au stade expérimental).
Je sais que la question est un peu vieux, mais si quelqu'un est toujours à la recherche de quelque chose. Vous essayez de https://github.com/drcmda/react-three-fiber. Ils ont quelques extrait et démos sur leur github.
react-three-fiber
au lieu dethree
?Vous pouvez à l'aide de la bibliothèque https://github.com/toxicFork/react-three-renderer
Installation
Utilisation
I don't want to use extensions like react-threejs
Euler
objet, plutôt que de faire une nouvelle instance à chaque fois il y a un changement?