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 - Créez vos scènes 3D interactives en 5 jours sont : Bases en HTML5, CSS3 et JavaScript ES6. Environnement de développement installé.. Un entretien préalable permet de valider votre éligibilité.

La formation est-elle disponible en présentiel ?

Oui, la formation Formation Three.js - Créez vos scènes 3D interactives en 5 jours est disponible en distanciel. Le format peut être adapté à vos besoins (inter, intra, sur-mesure).

Formation Three.js - Créez vos scènes 3D 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 - Créez vos scènes 3D interactives 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 - Créez vos scènes 3D interactives 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 - Créez vos scènes 3D interactives 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

Installer et configurer Three.js dans un projet web

Créer une scène 3D basique avec caméra et renderer

Manipuler géométries, matériaux et meshes

Ajouter lumières, ombres et animations fluides

Intégrer contrôles interactifs et événements souris

Optimiser les performances pour le web

Déployer une application 3D interactive

Programme de la formation

Module 1Introduction à Three.js : scène de base (outils, setup, renderer)

Plongez dans Three.js en installant la bibliothèque via npm, configurez votre environnement avec Vite, créez votre première scène avec Scene, Camera et WebGLRenderer, ajoutez un cube rotatif via des exercices guidés, testez en live sur navigateur, produisez un livrable fonctionnel prêt à partager, tout en maîtrisant les imports essentiels pour accélérer vos projets 3D.

Module 2Géométries et matériaux : modélisation basique (BoxGeometry, MeshStandardMaterial)

Construisez des formes 3D variées avec BoxGeometry, SphereGeometry et formes personnalisées, appliquez MeshBasicMaterial et MeshStandardMaterial pour des rendus réalistes, modifiez propriétés comme couleur et wireframe via code interactif, réalisez exercices sur des assemblages de meshes, générez un portfolio de formes exportables, vivez la puissance créative de Three.js en quelques clics.

Module 3Lumières et caméras : ambiance réaliste (PointLight, PerspectiveCamera)

Illuminez vos scènes avec AmbientLight, DirectionalLight et PointLight pour ombres dynamiques, positionnez PerspectiveCamera et OrthographicCamera avec contrôles OrbitControls, animez transitions fluides via requestAnimationFrame, pratiquez sur cas concrets comme une pièce éclairée, produisez un démo immersif avec mouvements caméra, découvrez comment captiver vos utilisateurs dès le premier rendu.

Module 4Animations et textures : interactivité avancée (TextureLoader, Tween.js)

Chargez textures HD avec TextureLoader et UVMapping, animez objets via rotation, scaling et morphing avec clock intégré, intégrez événements clavier/souris pour rotations interactives, testez sur projets comme un globe terrestre animé, créez un livrable responsive multi-écrans, ressentez l'excitation de scenes 3D vivantes qui boostent l'engagement web.

Module 5Projet final et optimisation : déploiement pro (Stats.js, compression)

Assemblez un projet complet comme un visualiseur produit 3D, optimisez avec Stats.js pour FPS élevés et LOD pour mobiles, intégrez sons et particules, déployez sur Vercel avec export bundle minifié, évaluez performances via audits, repartez avec portfolio certifié et code source, transformez vos idées en réalité web immersive dès demain.