WebGL: Comment faire de la interactives div (comme la saisie de texte) être attirée sur le web gl 3d de l'objet et de toujours être interactifs?
Donc, je regarde sur https://github.com/mrdoob/three.js/ échantillons mais je ne vois aucune façon sur le dessin html des formulaires interactifs (avec css et d'autres trucs) sur web gl objets... Alors quelqu'un peut-il fournir un échantillon sur la façon de tirer quelques interactive html formulaire de saisie sur une sphère ou un cube?
Mise à jour:
En fait, il est un très bon exemple avec la vidéo d'exemple http://mrdoob.github.com/three.js/examples/canvas_materials_video.html
Donc probagbly il est possible de l'essayer sur quelques vrais html div style...
Je suis assez sûr que ce n'est pas possible. Avez-vous vu nulle part? ou voit-il mentionné? La seule façon que vous pouvez manipuler les éléments HTML qui ne sont pas juste des graphiques est avec CSS3D fonctions, que je sache.
OriginalL'auteur Rella | 2011-05-25
Vous devez vous connecter pour publier un commentaire.
Bien, vous ne pouvez pas simplement mettre quelques
<input type="text"/>
éléments sur les objets. Ces objets sont dessinés dans un élément Canvas. L'exemple en vidéo vous a montré la peau et il est dessiné sur la surface que vous voyez à chaque fois que le render() la fonction est appelée. Donc, fondamentalement, vous devez placer les éléments au-dessus de la toile:Champ de texte HTML sur toile élément
Ou faire un totalement interactif personnalisé l'espace 3D:
http://mrdoob.github.com/three.js/examples/canvas_interactive_voxelpainter.html
Ou trouver un moyen de la peinture des éléments d'entrée sur la Toile directement, mais je ne pense pas qu'on peut faire...
OriginalL'auteur Milimetric
Il n'y a aucun moyen de pour en tirer des éléments HTML dans WebGL, ou sur un canvas 2D pour cette question (en dehors des extensions Firefox). Si vous voulez avoir des éléments 3D, votre meilleur pari est d'utiliser CSS 3D transforme pour transformer votre HTML bits et de les positionner en face de votre WebGL toile.
L'alternative (lire: beaucoup trop de travail) est d'écrire vos propre widgets et de faire votre propre événement de la cartographie.
OriginalL'auteur Ilmari Heikkinen
Ce n'est pas WebGL, mais ici, c'est un bel exemple/tutoriel d'une iframe dans un espace 3D.
http://www.html5rocks.com/tutorials/3d/css/
Vous pouvez utiliser le même CSS 3D transforme construire un simple "3D" du monde qui l'entoure.
OriginalL'auteur Omiod