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 Training Three.js - Create Professional Interactive 3D Scenes training are: Mastery of JavaScript ES6+, HTML5/CSS3, and basic knowledge of 3D geometry and WebGL.. A preliminary interview validates your eligibility.

Is the training available in person?

Yes, the Training Three.js - Create Professional Interactive 3D Scenes training is available in remote. The format can be adapted to your needs (inter, intra, custom).

Training Three.js - Create Professional Interact... | 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 Training Three.js - Create Professional Interactive 3D Scenes 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 Training Three.js - Create Professional Interactive 3D Scenes 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 Training Three.js - Create Professional Interactive 3D Scenes 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

Master the installation and configuration of Three.js

Build 3D scenes with cameras and optimized renders

Manipulate advanced geometries, materials, and textures

Implement lights, shadows, and smooth animations

Develop user interactions and advanced controls

Optimize performance for scalable web applications

Realize a complete and deployable 3D project

Training program

Module 1Three.js Fundamentals: Scene, Camera, Renderer (Basic Tools, Initial Exercises)

Dive into Three.js by installing the library, configure your first scene with an orbital camera and WebGL renderer, manipulate basic objects through practical exercises on CodePen, test real-time renders, create a simple rotating globe as the day's deliverable—all for solid and motivating foundations.

Module 2Geometries and Materials: Complex Meshes (Modeling, Procedural Textures)

Create custom geometries like deformed cylinders or procedural terrains, apply physical materials and UV mapping textures, assemble hierarchical meshes via exercises on organic shapes, integrate bump maps for realistic relief, produce a deployable textured 3D model with immediate sense of mastery.

Module 3Lights, Animations, and Interactions: 3D Dynamism (Basic Shaders, Events)

Add directional, ambient, and spot lights for realistic shadows, animate with Tween.js and requestAnimationFrame, code mouse/keyboard interactions with raycasting, experiment with particles and morphing on concrete cases like an interactive galaxy, deliverable: responsive animated scene, pure creative pleasure.

Module 4Optimization and Final Project: Professional Deployment (Performance, Web Integration)

Optimize with LOD, frustum culling, and texture compression for stable 60 FPS, integrate Three.js with React/Vue via live examples, structure a complete 3D e-commerce project, test cross-browser compatibility, deploy on GitHub Pages, leave with an impactful portfolio and certificate, ready to boost your career.