ALL HTML - 3D et VRML

retour

3D et VRML

Article publié le mardi 16 mars 2004 par ALL HTML.
Cet article est classé dans les catégories « HTML »

Le langage VRML

Le Langage VRML (Virtual Reality Modeling Language) permet de concevoir des simulations interactives en multiutilisateurs et en trois dimensions (cyberespace). Ce langage est né en 1994 et a été pensé par Mark D. Pesce, Peter Kennard et Anthony S.Parisi. Malgré qu'il ait encore des difficultés à s'imposer (car sous-utilisé et trop dépendant de la vitesse de connexion), il semble qu'il devienne, à long terme,un standard incontournable sur le Web.

Complément sur le VRML

Les fichiers VRML sont en fait de simples fichiers ASCII, ce qui signifie qu'avec un éditeur de texte (notepad par exemple), vous pouvez créer votre objet ou monde VRML. Néanmoins, si votre projet est important, il vaut mieux passer par un utilitaire spécialement conçu pour la création de VRML. Les fichiers doivent être sauvegardés avec l'extension .wrl
On peut remarquer qu'il existe deux versions :

- VRML 1.0 : Monde 3D assez statique
- VRML 2.0 : Monde 3D dynamique, pouvant accueillir du son

Insérer du VRML dans vos pages

Il existe deux façons d'insérer un fichier VRML :

- Soit à l'aide d'un simple lien hypertexte : <a href="objet.wrl">Cliquez ici</a>

- Soit avec la balise <embed> (remplacée par <object> dans HTML 4.0) déjà utilisée pour insérer du son ou de la vidéo. Vous devez ici définir la hauteur (height) et la largeur (width) de la fenêtre qui va accueillir le monde ou l'objet VRML : <embed src="objet.wrl" width=300 height=200>

Exemples d'objets VRML

Voici deux exemples d'objets VRML, et leur code source respectif.

a) Texte 2D VRML et code source


#VRML V2.0 utf8
WorldInfo 
{
    info "Exemple de texte 2D avec la fonction geometry text"
}
Background 
{
    skyColor 1 1 1
}
Shape 
{
    appearance Appearance 
    {
        material Material 
        {
            diffuseColor 0 0 0
        }
    }
    geometry Text 
    {
        string ["ALL HTML","www.allhtml.com"]
        fontStyle FontStyle 
        { 
            spacing 2 justify "MIDDLE" 
        }
    }
}

b) Cube image VRML et code source


#VRML V2.0 utf8
WorldInfo 
{
    info "Exemple d'objet VRML avec la fonction ImageTexture"
}
Background 
{
    skyColor 1 1 1
}
DEF Pyramid Shape 
{
    appearance Appearance 
    {
        material Material 
        {
            diffuseColor 0 0 1
        }
    texture ImageTexture 
    {
        url "image.gif"
    }
}
geometry Box { }
}

VOS COMMENTAIRES ...

Commenter cette publication

Commentaire publié le vendredi 12 mai 2006 - 12h31 par tspawn: Et avec ça, il suffit d'insérer ce code pour mettre sur son site un objet 3D, manipulable (on peut le tournenr sous tous les angles) ?
Commentaire publié le lundi 14 août 2006 - 14h14 par kerkael: Ah, je viens d'arriver ici, je vois peu de commentaires depuis la publication originale.

Je viens d'essayer, et je confirme que créer un fichier .wrl qui contient ces lignes et avec un interpréteur adéquat, ça marche immédiatement.

Sympa
Commentaire publié le mercredi 16 avril 2008 - 15h17 par feruk083: bonjour,

je voudrais preparer un site dans lequelle on a accès à des Fichiers 3D du type WRML. Est-il possible d'y integrer des textures réaliste (ou proche) ou alors de la couleur?