Javascript Girl
  1. Javascript Girl
  3. Three.js – Change Material on Runtime
Intereting Posts
Insérer un HTML après une sélection Est-il possible de renommer une clé dans la base de données Firebase Realtime? Obtention de la valeur d'une case SELECT dans Internet Explorer $ _files est vide dans le téléchargement d'image dans Phonegap / Cordova Highcharts – Carte de secteur – Stacking avec des séries contenant des valeurs négatives et positives Déterminez si une date est un samedi ou un dimanche en utilisant JavaScript Comment vérifier si quelque chose est dessiné sur un canevas Comment puis-je détecter les visages à l'aide de Ruby? Utilisation de PHP / SQL – Comment puis-je cliquer sur un élément dans une liste pour afficher une autre liste d'éléments associés à l'élément cliqué? Sélection de la case à cocher asp.net treeview Comment masquer le curseur clignotant de la zone de texte? Comment modifier la taille de la police dans jqGrid? Ajax call back non appelé. Comment s'attaquer à cela? Ouvrir le menu contextuel et actualiser la page parent sur la fenêtre contextuelle prochaine Pourquoi selectivizr.js provoque-t-il un «écran blanc de la mort» dans IE8?

Three.js – Change Material on Runtime

J'ai des fichiers .js exportés de Blender et les charger avec THREE.JSONLoader();

Mon rappel: 

 var callback = function( geometry ) { createMesh(geometry);

Mon chargement: 

 loader.load( "Models/sculp.js", callback );

Ma méthode de création: 

 function createMesh(geometry){ inArr[id] = new THREE.Mesh( geometry, new THREE.MeshLambertMaterial( { color: 0xbbbbbb} ) ); inArr[id].scale.set( 100, 100, 100 ); scene.add( inArr[id] ); id++; }

Maintenant, je souhaite modifier mon matériel en cours d'exécution en utilisant mon clavier (change de couleur et d'opacité).

Comment puis je faire ça?

Lorsque vous créez un nouveau matériau pour chaque maillage, je suppose que vous souhaitez seulement modifier la couleur d'un maillage et non pas tout dans le tableau inArr , et vous avez probablement besoin d'une sorte de sélection pour cela. Mais changer la couleur du matériau seul est assez facile: 

 var onKeyDown = function(event) { if (event.keyCode == 67) { // when 'c' is pressed object.material.color.setHex(0xff0000); // there is also setHSV and setRGB } }; document.addEventListener('keydown', onKeyDown, false);

object est le maillage que vous souhaitez modifier. Les codes clés peuvent être trouvés ici: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes