Is the training Qualiopi certified?

Yes, Learni is a Qualiopi-certified training organization. This certification guarantees the quality of our courses and enables funding through OPCO and other mechanisms.

How can I fund my training?

Our courses are eligible for OPCO funding. Learni supports you through the funding process. A personalized quote is available upon request.

What are the prerequisites for this training?

The prerequisites for the Formation Three.js - Créer des expériences 3D web immersives training are: Maîtrise de JavaScript ES6+, HTML5 Canvas et bases de WebGL. A preliminary interview validates your eligibility.

Is the training available in person?

Yes, the Formation Three.js - Créer des expériences 3D web immersives training is available in distanciel. The format can be adapted to your needs (inter, intra, custom).

Formation Three.js - Créer des expériences 3D we... | Learni

The story of Learni

Founded by passionate advocates of learning and innovation, Learni set out to make professional training accessible to everyone, everywhere in the world. Our team works in the largest cities such as Paris, Lyon, Marseille, and internationally, to support talents and organizations in their skills development.

Configure your training

Response within 24hNo commitment100% free

9 spots remaining for the next session

FormatParticipantsDateDetails

Which format do you prefer?

Methods, approaches, and teaching resources

The Formation Three.js - Créer des expériences 3D web immersives training is delivered in-person or remotely (blended-learning, e-learning, virtual classroom, remote in-person). At Learni, a Qualiopi-certified training organization, each program is designed to maximize skills acquisition, regardless of the training mode chosen.

The trainer alternates between demonstrative, interrogative, and active methods (through practical exercises and/or real-world scenarios). This pedagogical approach ensures concrete and directly applicable learning in the workplace.

Teaching resources provided

To ensure the quality of the Formation Three.js - Créer des expériences 3D web immersives training, Learni provides the following teaching resources:

Mac or PC computers, high-speed fiber internet, whiteboard or flipchart, video projector or interactive touchscreen (for remote sessions)
Training environments installed on workstations or accessible online
Course materials, practical exercises, and supplementary resources
Post-training access to materials and teaching resources

For in-house training at a location external to Learni, the client ensures and commits to having all necessary teaching materials (IT equipment, internet connection...) for the proper conduct of the training action in accordance with the prerequisites indicated in the communicated training program.

* contact us for remote feasibility** ratio varies depending on the training followed

Assessment methods

The assessment of skills acquired during the Formation Three.js - Créer des expériences 3D web immersives training is carried out through:

During training: case studies, practical exercises, and professional scenarios
At the end of training: self-assessment questionnaire and skills evaluation by the trainer
After training: training completion certificate detailing acquired skills

Training accessibility

Learni is committed to the accessibility of its professional training programs. All our training programs are accessible to people with disabilities. Our teams are available to adapt teaching methods to your specific needs. Do not hesitate to contact us for any accommodation request.

Training objectives

Maîtriser l'architecture avancée de Three.js pour des rendus 3D professionnels

Développer des scènes 3D interactives et performantes en entreprise

Implémenter animations et contrôles utilisateur fluides avec Three.js

Optimiser les performances 3D pour applications web scalables

Intégrer Three.js à des frameworks modernes comme React ou Vue

Concevoir et déployer des expériences 3D certifiantes en production

Training program

Module 1Scènes et géométries Three.js : modéliser des environnements 3D immersifs (meshes, loaders, caméras)

Plongez dans la création de scènes Three.js complexes en configurant caméras orbitControls et perspectives, importez des modèles 3D via GLTFLoader et OBJLoader pour des assets professionnels, manipulez géométries personnalisées avec BufferGeometry, réalisez des exercices sur un projet fil rouge d'une galerie virtuelle interactive, testez rendus en temps réel avec code review personnalisé par le formateur, produisez un livrable prêt pour portfolio entreprise.

Module 2Matériaux et éclairages Three.js : réalistes textures et ombres dynamiques (shaders, PBR, lights)

Explorez les matériaux avancés de Three.js comme MeshStandardMaterial et MeshPhysicalMaterial pour des rendus photoréalistes, appliquez textures HD via TextureLoader et UV mapping précis, configurez systèmes d'éclairages multiples avec SpotLight, DirectionalLight et HemisphereLight pour ombres réalistes via ShadowMapping, pratiquez sur cas concrets d'e-commerce 3D, optimisez shaders personnalisés pour mobile, générez un modèle texturé exportable avec documentation complète.

Module 3Animations Three.js : mouvements fluides et interactions (Tween.js, GSAP, raycasting)

Maîtrisez les animations Three.js en intégrant Timeline et AnimationMixer pour séquences complexes sur modèles importés, couplez avec raycasting pour détections collisions interactives, implémentez contrôles utilisateur via TrackballControls et DeviceOrientation pour VR mobile, développez un exercice pratique d'objet manipulable en 3D, synchronisez avec événements DOM pour expériences web immersives, produisez un prototype animé fonctionnel avec feedback immédiat du formateur.

Module 4Performances Three.js : optimisations avancées (LOD, instancing, post-processing)

Optimisez vos scènes Three.js pour productions scalables en utilisant Level of Detail et InstancedMesh pour milliers d'objets sans lag, intégrez post-processing avec EffectComposer, BloomPass et OutlinePass pour effets cinématiques, profilez avec Stats.js et Renderer.info, testez sur cas réels de visualisation data 3D en entreprise, réduisez draw calls de 70% via techniques batching, déployez un livrable ultra-performant mesuré en FPS stable 60+.

Module 5Intégrations et déploiement Three.js : production certifiante (React Three Fiber, Vite, Vercel)

Intégrez Three.js à React via React Three Fiber pour composants 3D réutilisables, bundlez avec Vite pour builds rapides, déployez sur Vercel ou Netlify avec configurations PWA, gérez états globaux avec Zustand pour apps complexes, finalisez le projet fil rouge par une soutenance live, exportez code source professionnel avec CI/CD basique, recevez certification compétences validée pour CV entreprise.