Démo Aframe Gltf-Model avec envmap

1
kjkj 2020-01-07 09:27.

Il est très pratique de charger le modèle GLTF dans une image, mais aucun cas ne contient de texture envmap. J'aimerais voir que le fonctionnaire peut fournir le même cas que trois officiels. pmremGenerator.fromLa fonction équirectangulaire (texture) est utilisée pour que le modèle gltf produise un effet de réflexion réel

https://threejs.org/examples/#webgl_loader_gltf https://threejs.org/examples/#webgl_materials_envmaps_hdr

3 answers

2
Piotr Adam Milewski 2020-01-07 19:28.

Une façon serait de créer un composant personnalisé, qui:

  1. attendre que le modèle soit chargé
  2. traverser les enfants de l'objet
  3. s'ils ont une propriété matérielle - appliquez envMap

L'envmap doit être un CubeTexture - ce qui ajoute un autre niveau de complication, lorsque vous souhaitez utiliser un panorama. Vous pouvez utiliser un WebGLRenderTargetCube - C'est un objet qui fournit une texture à partir d'une caméra Cube «regardant» le panorama.

Dans l'ensemble, le code du composant pourrait ressembler à ceci:

// create the 'cubecamera' objct
var targetCube = new THREE.WebGLRenderTargetCube(512, 512);
var renderer = this.el.sceneEl.renderer;

// wait until the model is loaded
this.el.addEventListener("model-loaded", e => {
   let mesh = this.el.getObject3D("mesh");

   // load the texture     
   var texture = new THREE.TextureLoader().load( URL,
          function() {

             // create a cube texture from the panorama
             var cubeTex = targetCube.fromEquirectangularTexture(renderer, texture);
             mesh.traverse(function(node) {

                // if a node has a material attribute - it can have a envMap
                if (node.material) {
                  node.material.envMap = cubeTex.texture;
                  node.material.envMap.intensity = 3;
                  node.material.needsUpdate = true;
                }
           });
}

Vérifiez-le dans ce pépin .

0
kjkj 2020-01-07 22:58.

Dans TROIS démo, je me souviens que WebGLRenderTargetCube a été utilisé pour produire envmap, mais récemment, il a été découvert quePMREMGenerator était essentiellement utilisé pour générer une texture envmap avec mipmap. Il prend également en charge le format d'image HDR, ce qui rend le modèle gltf meilleur que la texture JPG.

Je ne sais pas comment ces modules JS PMREMGenerator et RGBELoader sont utilisés avec les composants d'Aframe. Quelqu'un peut-il fournir un tel exemple dans Aframe, merci

C'est le même éclairage basé sur l'image (IBL) à plage dynamique élevée (RGBE) utilisant des mipmaps de rugosité pré-filtrés générés à l'exécution (PMREM)

0
Fortes 2020-07-13 01:59.

J'avais le même problème et j'ai trouvé que cube-env-map de a-frame-extras fonctionne comme un charme.

Afficher le composant sur GitHub

Ses documents le décrivent comme:

Applique un CubeTexture comme envMap d'une entité, sans modifier autrement les matériaux prédéfinis

Et le code est super simple:

yarn add aframe-extras

import 'aframe-extras'

<a-entity 
   gltf-model="src: url('/path/to/file.glb')"
   cube-env-map="path: /cubeMapFolder/;
                 extension: jpg;
                 reflectivity: 0.9;">
</a-entity>

Related questions

MORE COOL STUFF

Reba McEntire a révélé la tradition de Noël «amusante» qu'elle partage avec son fils Shelby Blackstock: «Nous rions beaucoup»

Reba McEntire a révélé la tradition de Noël «amusante» qu'elle partage avec son fils Shelby Blackstock: «Nous rions beaucoup»

Découvrez les traditions de Noël que Reba McEntire partage avec son fils, Shelby Blackstock, qui, selon elle, pourraient laisser certains confus.

Meghan Markle s'est liée avec Mariah Carey pour coiffer leurs cheveux naturels

Meghan Markle s'est liée avec Mariah Carey pour coiffer leurs cheveux naturels

Apprenez-en plus sur la façon dont Meghan Markle et Mariah Carey se sont liées sur leurs cheveux naturels dans un épisode du podcast "Archetypes" de Meghan.

Le prince Harry " garde espoir " de pouvoir arranger les choses avec sa famille : " Il aime son père et son frère "

Le prince Harry " garde espoir " de pouvoir arranger les choses avec sa famille : " Il aime son père et son frère "

Découvrez ce qu'une source a affirmé que le prince Harry espérait concernant les relations avec sa famille, en particulier le roi Charles et le prince William.

Brennon Lemieux, star de "Love Is Blind", répond aux accusations de violence conjugale

Brennon Lemieux, star de "Love Is Blind", répond aux accusations de violence conjugale

Un rapport de police accusant Brennon, star de "Love Is Blind", de violence domestique a récemment fait surface. Maintenant, Brennon a répondu aux réclamations.

Qui a dit ça? Le quiz des doubleurs

Qui a dit ça? Le quiz des doubleurs

Il y a le jeu d'acteur, puis il y a le doublage. Les deux sont difficiles à leur manière. Que savez-vous de ces légendes dans le domaine ?

Les Philippines organisent la plus longue fête de Noël au monde

Les Philippines organisent la plus longue fête de Noël au monde

Peut-être qu'aucun pays sur Terre n'aime Noël plus que les Philippines. Les résidents y célèbrent les vacances pendant quatre mois solides. Voici pourquoi.

L'intrication quantique est le phénomène le plus étrange de la physique, mais qu'est-ce que c'est ?

L'intrication quantique est le phénomène le plus étrange de la physique, mais qu'est-ce que c'est&nbsp;?

Einstein a qualifié ce phénomène d'"action effrayante à distance" et les physiciens viennent de remporter le prix Nobel pour leurs travaux, mais qu'est-ce que l'intrication quantique ?

The Secrets of Airline Travel Quiz

The Secrets of Airline Travel Quiz

Air travel is far more than getting from point A to point B safely. How much do you know about the million little details that go into flying on airplanes?

La nouvelle montre intelligente de Fossil n'est que ce que les fans de Pebble attendaient

La nouvelle montre intelligente de Fossil n'est que ce que les fans de Pebble attendaient

C'est une bonne montre pour les gens. C'est une vérité universellement connue des critiques de smartwatch que, inévitablement, un fan de Pebble fera l'éloge de sa montre intelligente fidèle mais mourante dans votre boîte de réception, vos commentaires et vos DM.

La fin des crimes de Grindelwald est destinée à susciter un débat massif dans le Potterverse

La fin des crimes de Grindelwald est destinée à susciter un débat massif dans le Potterverse

Le personnage d'Ezra Miller, Credence, est au centre de ce qui deviendra certainement l'une des discussions les plus débattues de la tradition de Harry Potter. Fantastic Beasts: The Crimes of Grindelwald a très peu à voir avec les crimes réels commis par Grindelwald.

Mettez un couvercle dessus. En fait, mettez un couvercle sur tout. Obtenez 12 couvercles de cuisine extensibles en silicone pour 14 $. [Exclusif]

Mettez un couvercle dessus. En fait, mettez un couvercle sur tout. Obtenez 12 couvercles de cuisine extensibles en silicone pour 14 $. [Exclusif]

Lot de 12 couvercles extensibles en silicone Tomorrow's Kitchen | 14 $ | Amazone | Code promo 20OFFKINJALids sont essentiellement les chaussettes de la cuisine ; se perd toujours, laissant des conteneurs orphelins qui ne pourront plus jamais être refermés. Mais que se passerait-il si vos couvercles pouvaient s'étirer et s'adapter à tous vos restes de récipients, casseroles, poêles et même de gros fruits tranchés ? Vous n'aurez plus jamais à vous soucier de perdre ce couvercle très spécifique.

Dites-nous vos meilleurs hacks à Washington, DC

Dites-nous vos meilleurs hacks à Washington, DC

Nous avons piraté quelques villes industrielles dans cette colonne, comme Los Angeles et Las Vegas. Il est maintenant temps pour une ville complexe militaro-industrielle.

Le patinage artistique américain "frustré" par l'absence de décision finale dans l'épreuve par équipe, demande une décision équitable

Le patinage artistique américain "frustré" par l'absence de décision finale dans l'épreuve par équipe, demande une décision équitable

L'équipe attend les médailles qu'elle a remportées aux Jeux olympiques d'hiver de 2022 à Pékin, alors qu'un cas de dopage impliquant la patineuse artistique russe Kamila Valieva est en cours de règlement.

Les acheteurs d'Amazon disent qu'ils dorment «comme un bébé choyé» grâce à ces taies d'oreiller en soie qui coûtent aussi peu que 10 $

Les acheteurs d'Amazon disent qu'ils dorment «comme un bébé choyé» grâce à ces taies d'oreiller en soie qui coûtent aussi peu que 10 $

Des milliers d'acheteurs Amazon recommandent la taie d'oreiller en soie Mulberry, et elle est en vente en ce moment. La taie d'oreiller en soie est disponible en plusieurs couleurs et aide à garder les cheveux doux et la peau claire. Achetez les taies d'oreiller en soie alors qu'elles sont jusqu'à 46% de réduction sur Amazon

Un professeur de l'Université Purdue arrêté pour avoir prétendument vendu de la méthamphétamine et proposé des femmes pour des faveurs sexuelles

Un professeur de l'Université Purdue arrêté pour avoir prétendument vendu de la méthamphétamine et proposé des femmes pour des faveurs sexuelles

Le département de police de Lafayette a commencé à enquêter sur un professeur de l'Université Purdue en décembre après avoir reçu plusieurs plaintes concernant un "homme suspect s'approchant de femmes".

Concept Drift : le monde change trop vite pour l'IA

Concept Drift : le monde change trop vite pour l'IA

Tout comme le monde qui nous entoure, la langue est en constante évolution. Alors que dans les époques précédentes, les changements de langue se produisaient sur des années, voire des décennies, cela peut maintenant se produire en quelques jours, voire quelques heures.

L'Inde me botte le cul

L'Inde me botte le cul

Je suis de retour pour la première fois en six ans. Je ne peux pas vous dire depuis combien de temps j'attends ça.

Precios accesibles, nuestro aprendizaje desde la perspectiva iOS

Precios accesibles, nuestro aprendizaje desde la perspectiva iOS

Cómo mejoramos la accesibilidad de nuestro componente de precio, y cómo nos marcó el camino hacia nuevos saberes para nuestro sistema de diseño. Por Ana Calderon y Laura Sarmiento Leer esta historia en inglés.

ℝ

“And a river went out of Eden to water the garden, and from thence it was parted and became into four heads” Genesis 2:10. ? The heart is located in the middle of the thoracic cavity, pointing eastward.

Language