Trois.js - catégorie -
-
Next.js + React Three Fibre + React Three Three XR + Variant Launch pour développer une application AR compatible WebXR sur iOS!
Je pensais à créer une application AR avec webxr, mais la situation actuelle est qu'iOS ne prend pas officiellement en charge Webxr. J'ai donc utilisé Variant Launch, qui a également été présenté dans la réaction officielle React Three, pour prendre également en charge Webxr AR sur iOS. Cela fonctionne-t-il sur iOS? Webxr fo ... -
[Pour les débutants] Introduction pour réagir trois fibres x drei x typescript! Créer des animations de pixels et des animations dynamiques à partir d'images
Récemment, le développement d'applications Web a connu un nombre croissant d'efforts pour améliorer l'expérience utilisateur en utilisant des graphiques. Avec React Three Fibre (R3F), vous pouvez facilement utiliser trois fonctionnalités. -
[Explication complète] Apprenez avec React Three Fibre × TypeScript! Guide pratique pour transformer (position, rotation, échelle) pour les objets 3D
Une chose qui ne peut être évitée dans le développement d'applications 3D est les opérations d'objets tels que "position", "rotation" et "échelle". React Three Fibre (R3F) vous permet de construire intuitivement des scènes 3D tout en profitant des mécanismes basés sur les composants de React ... -
[Super facile] Introduction pour réagir trois fibres x drei x typescript! Fond 3D de style Poke Poke fait avec des objets standard!
Récemment, il y a eu un nombre croissant de cas où les graphiques 3D sont utilisés dans le développement d'applications Web. En particulier, React Three Fibre (R3F) vous permet de gérer facilement trois.js en tant que composant de réaction. Cette fois, nous utiliserons également la bibliothèque Wrapper Three.js drei ... -
[Super Introduction] Réagir à trois fibres × drei × typeScript! Bases des expressions 3D faites avec des objets standard
La conception 3D attire désormais beaucoup d'attention non seulement dans le développement de jeux, mais aussi dans le monde des sites Web et des interfaces de nouvelle génération. Avez-vous déjà pensé: "Je veux créer moi-même ce monde charmant!"? Cependant, beaucoup de gens trouvent probablement que la 3D est difficile. TRADITIONNEMENT TRE ... -
[Super Introduction] Facile même pour les débutants! Créez un environnement 3D pour TypeScript X React Three Fibre avec Vite!
Récemment, sur le Web, nous avons vu de plus en plus de représentations 3D interactives et belles. Par exemple, les arrière-plans d'animation 3D, les conceptions de style jeu et même les interfaces de nouvelle génération. À première vue, ceux-ci peuvent sembler être des "compétences avancées requises", mais réagissent T ... -
Contrôler les modèles 3D au format GLB généré à l'aide de Meshy AI en utilisant React et Three.js! Comment gérer plusieurs animations
Êtes-vous intéressé à contrôler les animations pour les modèles 3D? Récemment, il existe un nombre croissant d'outils de génération de modèles 3D qui utilisent l'IA, et parmi eux, Meshy IA attire l'attention en tant qu'outil qui vous permet de créer facilement des modèles 3D de haute qualité. Cependant, le modèle 3D généré est ... -
J'ai essayé de faire marcher les ours avec React x Three.js! Modélisation 3D facile avec AI Meshy!
À mesure que la technologie IA évolue, la modélisation 3D est devenue plus facile et plus agréable. Avec l'introduction de «Meshy IA», qui peut être facilement utilisée par les débutants de la programmation, la modélisation 3D, que nous avons déjà trouvée difficile, a soudainement abaissé l'obstacle. 📺 Vérifiez le maillage: ce lin ... -
Générez l'IA avec meshy! Comment afficher instantanément les modèles 3D que même les débutants peuvent faire avec React x Three.js!
Récemment, la génération de modèles 3D utilisant l'IA est devenue étonnamment facile. Parmi eux, l'outil AI appelé "Meshy" vous permet de générer rapidement des modèles 3D de haute qualité avec des opérations intuitives. Dans ce blog, nous expliquerons comment afficher les modèles 3D générés à l'aide d'un maillage dans un navigateur à l'aide de React et Three.js ... -
Boutons 3D explosifs !? J'ai créé une interface utilisateur incroyable en utilisant React x Three.js!
Avez-vous déjà pensé: "Je veux ajouter une petite surprise à l'interface utilisateur de votre site Web ..." Les boutons simples ne sont pas suffisants, mais les animations trop compliquées sont difficiles à gérer ... L'idée parfaite pour de telles occasions est le "bouton 3D explosif"! Cliquez sur ce bouton pour ...
1