Afficher un VRML dans une page HTML

Pour afficher un objet Vrml dans une page WEB cette ligne de code est suffisante:

  • <embed border='0' src='De.wrl' width='200' height='100' align='absmiddle'>

Pour supprimer l'interface du viewer et garder la possibilité d'examiner l'objet il faut modifier le code VRML:

  • Adapter la couleur de fond à la couleur de l'arrière plan de la page web
  • Créer une plaque transparente qui sert à détecter le mouvement de la souris
  • Positionner le viewpoint pour bien cadrer l'objet
  • Router le mouvement de la souris pour tourner l'objet

Détail du fichier ExamineObjet.wrl:

#VRML V2.0 utf8

NavigationInfo { type "NONE" headlight TRUE}

Background{skyColor 0.84 0.92 1 }

Viewpoint { position 0 0 12 description "Face" fieldOfView 0.2 }

Transform { translation 0 0 0 children [

Shape {

geometry Box { size 100 100 1 }

appearance Appearance { material Material {transparency 1 } }

}

] }

DEF Objet_SS SphereSensor { enabled TRUE }

DEF Objet Transform { children [

Transform { rotation 0.5 0.85 0.17 0.6 children [

Inline { url "de.wrl" }

] }

] }

ROUTE Objet_SS.rotation_changed TO Objet.set_rotation

Programme de conversion des codes de couleur HTML(Hexadecimal) en VRML(RGB)

  • Saisir votre code de couleur HTML
  • Code de couleur VRML calculé:0.84 0.92 1

Code de couleur HTML : D7EAFF