Niveau : initiation - Durée : 3 jours
Pré-requis : savoir utiliser un ordinateur pour effectuer des tâches courantes. La connaissance des bases du HTML, du CSS et du Javascript est recommandée.
Objectif : acquisition de connaissances approfondies dans le but de permettre aux stagiaires de maîtriser la conception d'animations de pages web en 3D par utilisation de routines Javascript Three.js.
Méthode pédagogique : théorie, modes opératoires et transfert de compétences par réalisation d'ateliers pratiques.
Public visé : cette formation est destinée aux personnes voulant savoir utiliser les routines 3D javascript offertes par Three.js.
Prochains stages en inter-entreprises.
La bibliothèque JavaScript Three.js permet de réaliser des animations en 3D, directement affichables dans un navigateur internet, sans utilisation de plugin.
Elle s'appuie sur la nouvelle norme HTML et offre des fonctionnalités avancées, telles qu'un système de particules.
Programme de la formation Three.js, la programmation web en 3D
Introduction
- ECMAscript, DOM et BOM
- Javascript et HTML
- Les outils pour écrire et apprendre
Javascript natif et jQuery
- Syntaxe
- Variables
- Types de données
- Opérations
- Contrôle de flux
- Les types composites
- Fonctions
- Portée et mémoire
- Orienté Objet et Prototypes
- Manipuler le HTML et le navigateur avec DOM et BOM
- Événements
- Gestion des erreurs
- Les bases de jQuery et la manipulation du DOM
- Parallèles Javascript natif et JQuery
- Requêtes XMLHttpRequest (Ajax) avec jQuery
- Création d’un questionnaire interactif
- Bonnes pratiques
Three.js
- Présentation de la librairie Three.js et démarrage
- Scène, caméra et moteur de rendu WebGL ou Canvas
- Implémenter une boucle de rendu
- Création de primitives 3D
- Animation
- Système de particules
- Contrôle de la caméra
- Lumières, matériaux, ombres et shaders
- Textures et Normal Maps
- Importation d’objets et scènes réalisées dans un logiciel de conception 3D
- Post-processing
Questions / réponses
Autres formations complémentaires
| < Précédent | Suivant > |
|---|
