3D

• Initier aux concepts généraux de la 3D
• Programmation 3D avec Tangara
• Inclure d’autres objets basiques : cube, sphère, quadrilatère
• Acquérir une représentation des coordonnées

• Tangara accessible sur tous les ordinateurs
• Fonctions 3D activées (java3D) : consulter le site de tangara pour obtenir des informations sur l’installation de java3D
• Un tableau disponible

Dans cette séance, les élèves devront d’abord apprendre à construire un espace dans lequel inclure les objets 3D puis dans une séance ultérieure, seront vus les principes des coordonnées. Ici, nous ne ferons donc qu’une initiation aux coordonnées.

1. Principes de programmation

Pour ajouter un objet à l’espace 3D, il faut donc :

• Créer un espace3D
• Créer un objet
• Ajouter l’objet

1. Création de l’espace3D

Le but de la construction est de parvenir à une « boîte à chaussure ». Nous allons utiliser un nouvel objet qui contiendra toute la scène 3D

e=new Espace3D()
Pour l’instant cette fenêtre 3D est noire car nous n’avons rien mis dedans.
Nous définissons ensuite la taille de l’espace :
<code javascript>e.définirHauteur(320)
e.définirLargeur(512)

• Mise en page d’un espace en 3D

L’espace peut être placé au centre de l’écran avec les commandes habituelles :

e.avancer(40)
e.descendre(40)
e.monter(40)
e.reculer(40)

Créons un cube. On donnera la taille du cube entre les parenthèses : ici taille 1 d’arête et ajoutons-le à l’espace3D :

c3 = new Cube3D(1)
e.ajouterObjet(c3)

Il est possible de définir une couleur en même temps que l’arête du cube :

c3 = new Cube3D(1, « bleu » )

Voici la liste des couleurs disponibles :

1. Positionnement

On utilisera :

c3.définirPosition(-1,0,-3)

Il est possible de changer ensuite, c’est-à-dire après avoir créé le cube, la valeur du côté en utilisant l’action :

c3.définirRayon(1.5)

1. Rotation

On peut tourner un objet avec la commande :

c3.définirAngle(50)

L’angle est en degré ; la rotation s’effectue par défaut sur l’axe Y Si l’on souhaite réaliser la rotation sur un autre axe on utilisera :

c3.définirAxeDeRotation(« Z »)

boule = new Sphère3D()

Cette sphère par défaut est centrée sur l'origine et a pour rayon 1.

Créer un objet Sphère3D, en précisant son rayon :

boule = new Sphère3D()

Les élèves les plus avancés pourront chercher à disposer la sphère à côté du cube, sinon on donnera la position :

boule.définirPosition(1,0,-3)

Le cylindre3D s’ajoute de manière identique au cube3D mais on utilise :

Cylindre3D(Rayon, hauteur)

cl3d = new Cylindre3D(1, 2)

Créer un objet Texte3D sans en préciser le texte :

unTexte = new Texte3D()

Pour définir le texte ultérieurement on utilise :

unTexte.définirTexte("du texte")

Créer un objet Texte3D, en précisant le texte à afficher :

unTexte = new Texte3D("du texte")

Créer un objet Texte3D, en précisant le texte à afficher et l'échelle :

unTexte = new Texte3D("du texte", 1.5)

L'échelle est un nombre réel. Par défaut, cette échelle est fixée à 1. Une échelle de 2 rendra le texte 2 fois plus gros. Créer un objet Texte3D, en précisant le texte à afficher et la couleur :

unTexte = new Texte3D("du texte", "rouge")

Définir le texte à afficher :

unTexte.définirTexte("du texte")

pg3D.js

e = new Espace3D();
e.définirHauteur(320);
e.définirLargeur(512);
 
c3 = new Cube3D(0.5);
c3.définirPosition(-1,0,-3);
c3.définirAxeDeRotation("Z");
c3.définirAngle(50);
e.ajouterObjet(c3);
 
boule = new Sphere3D(0.1, "jaune");
boule.définirPosition(1,0,-3);
e.ajouterObjet(boule);
 
tronc = new Cylindre3D(0.1,0.5, "vert");
tronc.définirPosition(0,0,-3);
e.ajouterObjet(tronc);
 
unTexte = new Texte3D("du texte", "rouge", 1.5);
unTexte.définirPosition(-3,-1,-8);
e.ajouterObjet(unTexte);
 
e.démarrer();