1 juin 2024
Développement d'une application sur mesure qui connecte l'API Strava pour récupérer les activités sportives des utilisateurs et génère automatiquement des trophées 3D personnalisés via un pipeline Blender. La solution intègre un moteur de rendu ThreeJS pour la prévisualisation en temps réel et une boutique e-commerce pour la commande et la livraison des trophées physiques.
Le défi
Producteur Objets 3D souhaitait proposer aux sportifs un produit inédit : des trophées physiques 3D générés à partir de leurs propres activités Strava — course à pied, vélo, trail. Chaque trophée devait reproduire fidèlement le tracé GPS de l'activité sous forme d'un objet 3D unique. Le processus de création devait être entièrement automatisé, de la connexion du compte Strava de l'utilisateur à la génération du modèle 3D, en passant par la prévisualisation interactive et la commande en ligne. Le défi technique principal résidait dans le pipeline de génération 3D : transformer un tracé GPS en un modèle Blender exploitable, le rendre en temps réel dans le navigateur et permettre la commande du trophée physique correspondant.
Notre approche
Développement d'une application sur mesure avec Vue.js pour l'interface utilisateur et Python pour le backend et le pipeline de génération 3D. L'application se connecte à l'API Strava via OAuth pour récupérer les activités sportives de l'utilisateur. Un pipeline Python orchestre la génération automatisée des modèles 3D via Blender en mode headless : le tracé GPS est converti en courbe 3D, extrudé et stylisé selon le type d'activité. Le rendu interactif dans le navigateur utilise ThreeJS, permettant à l'utilisateur de visualiser son trophée sous tous les angles avant de commander. Le CMS Directus gère le catalogue produit et les contenus éditoriaux. Une boutique e-commerce intégrée assure le tunnel d'achat complet : configuration du trophée, choix des matériaux, paiement et suivi de commande.
Résultats
Automatisation complète du processus de création de trophées 3D, de la connexion Strava à la commande finale. Chaque utilisateur peut générer un trophée unique à partir de n'importe quelle activité sportive en quelques clics. L'expérience de prévisualisation 3D interactive dans le navigateur offre un rendu fidèle du trophée final. Le pipeline Blender headless permet de traiter les générations à l'échelle sans intervention manuelle.
Stack technique
Le pipeline de génération 3D
Le cœur technique du projet est le pipeline de génération 3D automatisé. Lorsqu'un utilisateur connecte son compte Strava via OAuth, l'application récupère ses activités sportives (course à pied, vélo, trail). Le tracé GPS de chaque activité est converti en courbe 3D, extrudé et stylisé selon le type d'activité par Blender en mode headless. Le modèle 3D résultant est unique : il reproduit fidèlement le parcours réalisé par le sportif.
Prévisualisation et e-commerce
ThreeJS permet à l'utilisateur de visualiser son trophée personnalisé directement dans le navigateur, sous tous les angles et avec différents matériaux, avant de passer commande. La boutique e-commerce intégrée gère le tunnel d'achat complet : configuration du trophée (taille, matériau, socle), paiement sécurisé et suivi de commande. Le CMS Directus gère les contenus éditoriaux et le catalogue produit.
Connexion Strava et données GPS
L'application se connecte à l'API Strava via OAuth 2.0. L'utilisateur autorise l'accès à ses activités sportives, puis parcourt la liste de ses courses, sorties vélo et trails. Pour chaque activité, le tracé GPS est récupéré et converti en coordonnées exploitables par le pipeline 3D. L'utilisateur choisit l'activité qu'il souhaite transformer en trophée, ce qui déclenche la génération automatique du modèle 3D unique correspondant à son parcours.
Plateforme complète livrée
Le projet a abouti à la livraison d'une application web Vue.js avec connexion OAuth Strava, un pipeline Python/Blender headless de génération automatique de modèles 3D à partir de tracés GPS, un moteur de rendu ThreeJS permettant la prévisualisation interactive dans le navigateur, un CMS Directus pour la gestion du catalogue et des contenus éditoriaux, et une boutique e-commerce complète (configuration du trophée, choix des matériaux, paiement sécurisé, suivi de commande). L'ensemble du processus — de la connexion Strava à la commande du trophée physique — est automatisé.
Un projet similaire en tête ?
Discutons de votre besoin en Développement Sur Mesure. Notre équipe vous accompagne de la conception au déploiement.
Approfondissez le sujet
Agent IA : 10 exemples d'usage concrets pour votre entreprise
Support client, automatisation, analyse de données, pilotage projet : découvrez 10 exemples concrets d'agents IA en entreprise.
Lire l'article complet →
La plateforme a permis d'automatiser intégralement le processus de création de trophées 3D, de la connexion Strava à la commande finale, offrant une expérience unique aux sportifs.
Un projet similaire ?
Discutons de votre besoin et voyons comment nous pouvons vous aider.