Portfolio 3D interactif développé en React JS pour présenter les créations 3D de Baptiste Michaud.
- Interface immersive avec système de particules animées
- Design responsive optimisé pour tous les appareils
- Curseur personnalisé avec effets de blend mode
- Animation de typing fluide pour le sous-titre
- Optimisations de performance intelligentes par section
- 6 espaces de prévisualisation 3D prêts pour l'intégration d'objets 3D
- Intro - Présentation avec animation de typing "Créateur 3D"
- Galerie 3D - 6 projets avec espaces de prévisualisation 3D
- Contact - Liens de contact et collaboration
- React 18
- Canvas API pour les particules
- CSS3 avec animations optimisées
- Intersection Observer API
- Performance adaptative par section
# Installation des dépendances
npm install
# Démarrage en mode développement (port 2222)
npm start
# Build de production
npm run build- Section 3D Gallery : Particules réduites (12→8), FPS limité à 30, connexions désactivées
- Sections Intro/Contact : Performance normale avec 20 particules à 60 FPS
- Mobile : Optimisations spécifiques et réduction des animations
- Accessibility : Support de
prefers-reduced-motion
- Scroll pour naviguer entre les sections
- Bouton "Découvrir mes créations" pour accéder à la galerie
- Flèche de défilement pour guider l'utilisateur
- Desktop : Grille 3 colonnes, particules optimisées
- Tablet : Grille 2 colonnes, particules réduites
- Mobile : Grille 1 colonne, animations simplifiées
Les 6 cartes de projets incluent des espaces de prévisualisation 3D prêts à recevoir :
- Modèles 3D interactifs
- Viewers Three.js
- Aperçus vidéo
- Images 360°
npm run build
# Déployer le dossier build/ sur votre serveur web- Modélisation Architecturale - Environnements réalistes
- Personnage Stylisé - Design de personnages originaux
- Animation Mécanique - Mécanismes techniques
- Environnement Fantastique - Univers immersifs
- Produit Commercial - Visualisation marketing
- Sculpture Digitale - Art numérique organique
Baptiste Michaud - Créateur 3D
📧 [email protected]