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éez vos scènes 3D interactives en 5 jours training are: Bases en HTML5, CSS3 et JavaScript ES6. Environnement de développement installé.. A preliminary interview validates your eligibility.

Is the training available in person?

Yes, the Formation Three.js - Créez vos scènes 3D interactives en 5 jours training is available in distanciel. The format can be adapted to your needs (inter, intra, custom).

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

7 spots remaining for the next session

FormatParticipantsDateDetails

Which format do you prefer?

Methods, approaches, and teaching resources

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

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

Training program

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.