La formation est-elle certifiée Qualiopi ?

Oui, Learni est un organisme certifié Qualiopi. Cette certification garantit la qualité de nos formations et permet leur prise en charge par les OPCO et autres dispositifs de financement.

Comment financer ma formation ?

Nos formations sont éligibles aux financements OPCO. Learni vous accompagne dans les démarches de prise en charge. Un devis personnalisé est disponible sur demande.

Quels sont les prérequis pour cette formation ?

Les prérequis pour la formation Formation Three.js - Maîtrisez la 3D web interactive en 5 jours sont : Connaissances de base en HTML, CSS et JavaScript.. Un entretien préalable permet de valider votre éligibilité.

La formation est-elle disponible en présentiel ?

Oui, la formation Formation Three.js - Maîtrisez la 3D web interactive en 5 jours est disponible en présentiel. Le format peut être adapté à vos besoins (inter, intra, sur-mesure).

Formation Three.js - Maîtrisez la 3D web interac... | Learni

L'histoire de Learni

Fondée par des passionnés de l'apprentissage et de l'innovation, Learni s'est donnée pour mission de rendre la formation professionnelle accessible à tous, partout dans le monde. Notre équipe intervient dans les plus grandes métropoles telles que Paris, Lyon, Marseille, mais aussi à l'international, afin d'accompagner les talents et les organisations dans leur montée en compétences.

Configurez votre formation

Réponse sous 24hSans engagement100% gratuit

Il reste 7 places pour la prochaine session

FormatParticipantsDateCoordonnées

Quel format préférez-vous ?

Modalités, méthodes et moyens pédagogiques

La formation Formation Three.js - Maîtrisez la 3D web interactive en 5 jours est délivrée en présentiel ou distanciel (blended-learning, e-learning, classe virtuelle, présentiel à distance). Chez Learni, organisme de formation certifié Qualiopi, chaque parcours est conçu pour maximiser l'acquisition de compétences, quel que soit le mode de formation choisi.

Le formateur alterne entre méthode démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). Cette approche pédagogique garantit un apprentissage concret et directement applicable en entreprise.

Moyens pédagogiques mis en œuvre

Pour garantir la qualité de la formation Formation Three.js - Maîtrisez la 3D web interactive en 5 jours, Learni met à disposition les moyens pédagogiques suivants :

Ordinateurs Mac ou PC, connexion internet haut débit fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour les sessions en distanciel)
Environnements de formation installés sur les postes de travail ou accessibles en ligne
Supports de cours, exercices pratiques et ressources complémentaires
Accès post-formation aux supports et ressources pédagogiques

En cas de formation intra-entreprise sur site externe à Learni, le client s'assure et s'engage à disposer de toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques, connexion internet...) au bon déroulement de l'action de formation conformément aux prérequis indiqués dans le programme de formation communiqué.

* nous consulter pour la faisabilité en distanciel** ratio variable selon la formation suivie

Modalités d'évaluation des acquis

L'évaluation des compétences acquises lors de la formation Formation Three.js - Maîtrisez la 3D web interactive en 5 jours s'effectue à travers :

En cours de formation : études de cas, travaux pratiques et mises en situation professionnelle
En fin de formation : questionnaire d'auto-évaluation et évaluation des acquis par le formateur
Après la formation : attestation de fin de formation détaillant les compétences acquises

Accessibilité de la formation

Learni s'engage pour l'accessibilité de ses formations professionnelles. Toutes nos formations sont accessibles aux personnes en situation de handicap. Nos équipes sont à votre disposition pour adapter les modalités pédagogiques à vos besoins spécifiques. N'hésitez pas à nous contacter pour toute demande d'aménagement.

Objectifs de la formation

Découvrir les fondements de Three.js pour la 3D web

Installer et configurer un environnement Three.js

Créer des scènes 3D basiques avec géométries simples

Manipuler matériaux, textures et éclairages réalistes

Animer objets et caméras pour des interactions fluides

Intégrer Three.js dans une application web responsive

Développer un projet 3D interactif complet

Programme de la formation

Module 1Introduction à Three.js : installation et première scène 3D (outils WebGL, Scene, Renderer)

Plongez dans Three.js en installant la bibliothèque via npm, configurez votre environnement de développement avec VS Code et un serveur local, créez votre première scène avec une caméra et un cube rotatif, testez des rendus interactifs en temps réel, réalisez des exercices pratiques pour visualiser des transformations 3D simples, et produisez un livrable : une page web avec rotation manuelle d'objet.

Module 2Géométries et matériaux : modélisation basique (outils Mesh, Geometry, Material)

Explorez les primitives géométriques comme sphères et cylindres, appliquez des matériaux Basic et Phong pour des effets réalistes, manipulez textures importées via loaders, enchaînez exercices sur la personnalisation de meshes, intégrez wireframes et ombres douces, et finalisez un livrable : une galerie interactive de formes 3D texturées prêtes à intégrer.

Module 3Éclairages et caméras : réalisme visuel (outils Lights, PerspectiveCamera, OrbitControls)

Maîtrisez les lumières Ambient, Directional et Point pour un éclairage pro, positionnez caméras avec contrôles orbitaires fluides, optimisez rendus avec Fog et shadows, pratiquez sur cas concrets comme une scène nocturne illuminée, testez interactions clavier-souris, et générez un livrable : une vue 3D navigable avec effets lumineux immersifs.

Module 4Animations et interactions : dynamisez vos scènes (outils Tween.js, Raycaster, EventListeners)

Animez objets avec rotations, translations et échelles via requestAnimationFrame, implémentez détections de clics pour interactions utilisateur, intégrez timelines pour séquences fluides, appliquez sur projets comme un portfolio 3D rotatif, debuggez performances en live, et produisez un livrable : une scène animée réactive aux gestes.

Module 5Projet final et optimisation : intégration web complète (outils loaders GLTF, optimisation perf)

Chargez modèles externes en GLTF pour complexité accrue, optimisez avec LOD et compression textures, intégrez dans un site responsive avec Bootstrap, testez sur mobile et desktop, peaufinez un portfolio personnel 3D, recevez feedback personnalisé, et repartez avec un livrable : projet clé en main déployable sur GitHub Pages.