Web GL : cours 2

Points, vecteurs et maillage

PF Villard d'après le cours d'Eric Haines (Autodesk Inc.) disponible sur Udacity

Triangle


Triangle en Web GL


function exampleTriangle() {
	// This code demonstrates how to draw a triangle
	var triangle = new THREE.Geometry();
	triangle.vertices.push( new THREE.Vector3( 1, 1, 0 ) );
	triangle.vertices.push( new THREE.Vector3( 3, 1, 0 ) );
	triangle.vertices.push( new THREE.Vector3( 3, 3, 0 ) );
	
	triangle.faces.push( new THREE.Face3( 0, 1, 2 ) );

	return triangle;
}

Ordonnancement des sommets

  • Utilisé pour déterminer si face avant ou arrière
  • En WebGL face avant si sens trigonométrique

Exemple

Suite : Couleur et les matériaux

Le cours sur la couleur et les matériaux