Create a Cute Room Portfolio with Blender, Three.js, JavaScript – Beginner Course

Create a Cute Room Portfolio with Blender, Three.js, JavaScript – Beginner Course

🎙 Andrew Wan (chaîne freeCodeCamp.org) 👥 11.8M 📅 19 novembre 2025 ⏱ 522 min 👁 80K 📄 tutoriel 🧭 2026-08-06
Disponible en : Français (actuel) English

Mots-clés

modélisation 3Dtexture bakingtopologie quaddéploiement webinteractivité

Résumé

Ce cours de 8h42, publié par freeCodeCamp, est animé par Andrew Wan. Il guide les débutants dans la création d’un portfolio 3D interactif en utilisant Blender pour la modélisation et Three.js pour l’intégration web. Le cours commence par les bases de la topologie (quads, tris, n-gons) et la modélisation d’une pièce avec des objets comme un bureau, un ordinateur, des crayons, un pot de fleurs, etc. Ensuite, il aborde le déploiement sur le web, l’optimisation via le texture baking, et l’ajout d’interactivité avec Three.js (animations, contrôles orbitaux). Le projet final est un portfolio fonctionnel avec une page d’accueil animée, des objets cliquables et un mode sombre/clair (non couvert en détail). Le cours fournit des fichiers sources, des liens vers le site live et le code sur GitHub. Il inclut des conseils pratiques comme l’utilisation de CUDA ou Metal pour le rendu, et des recommandations pour le baking. L’approche est progressive, avec des segments détaillés et d’autres accélérés, et s’appuie sur des prérequis de base en Blender et Three.js.

168 mots

Évaluation critique

Le cours est une ressource complète et bien structurée pour les débutants souhaitant créer un portfolio 3D. La progression pédagogique est logique : d’abord les concepts de topologie, puis la modélisation pas-à-pas, et enfin l’intégration web. Andrew Wan explique clairement les choix techniques, comme l’utilisation de quads pour une meilleure déformation et un rendu plus propre. Il fournit des astuces pratiques (raccourcis, modificateurs) et signale les erreurs courantes. La qualité des sources est bonne : le code source et les fichiers Blender sont disponibles sur GitHub, et le site live permet de voir le résultat. Cependant, certains sujets avancés comme le shader pour le mode sombre sont mentionnés mais non traités, ce qui peut frustrer les curieux. La durée est longue, mais le découpage en chapitres facilite la navigation. L’adéquation titre/contenu est parfaite. La rigueur scientifique est limitée car il s’agit d’un tutoriel pratique, mais les explications sont précises et reproductibles. Les commentaires (non fournis) ne sont pas analysés. En résumé, c’est un excellent tutoriel pour apprendre la création 3D et le développement web, avec une note globale de 4/5.

180 mots

Adéquation titre / contenu

Le titre correspond parfaitement au contenu : cours pour débutants sur la création d'un portfolio 3D avec Blender et Three.js.

Qualité & fiabilité

8/10

Tutoriel pratique détaillé, méthode pas-à-pas, sources et fichiers fournis, corrections apportées, mais pas de validation scientifique externe.

Moments clés

Sources citées

Sources concordantes

Apport & nouveautés

Ce cours apporte une méthode complète pour créer un portfolio 3D interactif, combinant Blender et Three.js, avec une approche orientée débutant. Il met l’accent sur la topologie quad et le texture baking pour optimiser les performances web. L’originalité réside dans la création d’un environnement ‘mignon’ et stylisé, avec des animations et interactions simples mais efficaces.

Pour aller plus loin :

104 mots

Profil radar

Le profil radar montre un bon équilibre entre quantité et qualité d'information, avec un niveau technique élevé. La fiabilité est solide grâce aux sources fournies, mais la note globale reste modérée en raison de l'absence de validation scientifique.

Fiabilité 8/10