Javascript Girl
  1. Javascript Girl
  3. Comment ajouter l'étiquette à un THREE.Mesh?
Intereting Posts
Alphabétisez une liste en utilisant JS ou jQuery RequireJS chemins de configuration indiquant "tous les modules se trouvent dans ce fichier" Attribution de tableau multi phpodimensionnel à javascript array Afficher le compteur de notification avec bootstrap Javascript – lisez le fichier texte local Image de l'image Javascript couleur du cluster principal Bootstrap navbar Active State ne fonctionne pas Les expressions angulaires dans $ watch trigger deux fois Pourquoi ce script DateTimePicker provoque-t-il que IE6 et IE7 ne chargent pas la page? Comment puis-je préétablir les arguments dans l'appel de la fonction JavaScript? (Application de fonction partielle) Uncaught TypeError: Object # <Object> n'a pas de méthode 'movingBoxes' Jquery ajoute new div onclick Regex pour remplacer un devis unique par deux guillemets simples Comment traiter correctement avec promisifyAll en dactylographie? Quel est l'opérateur à double point (…) en Javascript?

Comment ajouter l'étiquette à un THREE.Mesh?

L'objectif est d'afficher le nom Three.Mesh comme une étiquette tout en basculant la souris sur le maillage. Comment pouvons-nous faire cela dans Three.js

Quelqu'un peut-il donner un exemple de code?

Défi accepté!

Exemple de code de travail à l' adresse suivante : http://stemkoski.github.com/Three.js/Mouse-Tooltip.html

Il semble y avoir trois étapes majeures pour atteindre cet objectif, chacune desquelles j'ai brisé des programmes d'exemple plus petits.

(1) Déterminez quel élément de scène est pointé la souris. Voir: http://stemkoski.github.com/Three.js/Mouse-Over.html

(2) Rendez le texte que vous souhaitez afficher en tant qu'image (j'ai utilisé un élément de toile pour cela). Voir: http://stemkoski.github.com/Three.js/Texture-From-Canvas.html

(3) Dessine un sprite contenant l'image de la partie (2) à l'emplacement du pointeur de la souris. Voir: http://stemkoski.github.com/Three.js/Mouse-Sprite.html

Tous ces exemples (et plus) font partie de ma collection croissante d'exemples d'introduction (avec des commentaires détaillés) à http://stemkoski.github.com/Three.js/ , dans lequel j'essaie de montrer les possibilités de Three.js Dans une série d'exemples minimaux.

En outre, le crédit est dû: les parties (1) et (3) sont basées sur certains exemples de MrDoob sur sa page github, en particulier l'exemple des cubes interactifs: http://mrdoob.github.com/three.js/examples/webgl_interactive_cubes .html