Retour au portfolio

Mentions légales et éco-conception

Mise à jour : 22 septembre 2026

Éditeur et responsable de publication

Léo Forner, entrepreneur individuel (EI).

Adresse professionnelle : 1 chemin de la Gare, 39570 Saint-Maur, France.

SIREN : 841 423 502 · SIRET : 841 423 502 00035 · TVA intracommunautaire : FR39 841423502.

Directeur de la publication : Léo Forner.

contact@leoforner.fr
06 31 08 85 97

Hébergement

Infomaniak Network SA, Rue Eugène Marziano 25, 1227 Les Acacias, Suisse.

+41 22 593 50 04
www.infomaniak.com

Prestations professionnelles

Ce portfolio présente des prestations de développement Unity, d’audit et de formation destinées aux professionnels. Les tarifs affichés sont indicatifs et hors taxes. Le périmètre, le prix et les conditions de chaque mission sont définis par devis et contrat. Les conditions générales de vente sont communiquées sur demande. Aucune commande ni aucun paiement ne sont effectués sur ce site.

Propriété intellectuelle

Les noms, marques, images et extraits de projets restent la propriété de leurs titulaires respectifs. Les présentations décrivent la contribution de Léo Forner à des projets parfois réalisés collectivement. Toute réutilisation des contenus au-delà des exceptions prévues par la loi nécessite l’autorisation du titulaire des droits.

Données personnelles

Le responsable du traitement des données liées à ce site et aux demandes de contact est Léo Forner, aux coordonnées indiquées ci-dessus.

Demandes de contact

Le site ne comporte pas de formulaire, de compte utilisateur ni d’inscription à une newsletter. Un lien de contact ouvre votre messagerie ou votre application téléphonique. Si vous prenez contact, vos coordonnées et les informations que vous transmettez servent à répondre à votre demande et, le cas échéant, à préparer une mission. Les informations utiles à la réponse sont nécessaires pour traiter votre demande; les autres sont facultatives.

Le traitement d’une demande de devis ou de mission repose sur les mesures précontractuelles prises à votre demande. Les autres échanges reposent sur l’intérêt légitime de répondre aux sollicitations professionnelles. Les destinataires sont Léo Forner et les prestataires techniques nécessaires à la transmission et à la conservation des échanges, dans la limite de leurs fonctions.

Les demandes sans suite sont conservées au maximum trois ans après le dernier contact de votre part. Lorsqu’une mission est conclue, les documents nécessaires sont conservés pendant la relation contractuelle, puis selon les obligations légales applicables, notamment dix ans pour les pièces comptables.

Navigation et hébergement

L’hébergeur traite des données techniques de connexion, notamment l’adresse IP, la date, la ressource demandée et les informations du navigateur, pour fournir et sécuriser le service et diagnostiquer les erreurs. Ce traitement repose sur l’intérêt légitime à assurer le fonctionnement et la sécurité du site. Ces journaux suivent la rotation et les durées de conservation appliquées par l’hébergeur. Ils sont accessibles à l’hébergeur et, pour l’administration du site, à Léo Forner.

Le site est hébergé en Suisse. Les traitements réalisés par Infomaniak sont décrits dans sa politique de confidentialité.

Consulter la politique de confidentialité d’Infomaniak

Préférences du navigateur

Le site mémorise uniquement vos choix de langue, de thème et d’animation dans le stockage local de votre navigateur. Ces préférences restent sur votre appareil jusqu’à leur suppression via les réglages du navigateur. Elles ne servent ni à vous identifier ni à suivre votre navigation. Aucun traceur publicitaire ou outil de mesure d’audience tiers n’est intégré au site. Les polices et les vidéos sont servies par le site, sans lecteur vidéo tiers.

Les liens vers LinkedIn, Malt ou d’autres sites vous conduisent vers des services disposant de leurs propres politiques de confidentialité.

Vos droits

Vous pouvez demander l’accès, la rectification ou l’effacement de vos données, la limitation du traitement et, selon la base légale applicable, vous opposer au traitement ou demander la portabilité. Pour exercer ces droits, écrivez à l’adresse ci-dessous. Vous pouvez aussi adresser une réclamation à la CNIL.

contact@leoforner.fr

Adresser une réclamation à la CNIL

Production

Éco-conception

Ce portfolio privilégie une structure sobre, des médias optimisés, des polices locales et aucun outil de suivi tiers. Les résultats ci-dessous concernent la page d’accueil de production.

EcoIndex

Mesure du 22 septembre 2026

ScoreA82/100
Données transféréesSi légère
0,236 Mo
Éléments du DOMSimple
290
RequêtesPeu de requêtes
17
Voir le résultat EcoIndex

PageSpeed Insights

Mesure du 22 septembre 2026 - mobile et bureau

  • 100Performance
  • 100Accessibilité
  • 100Bonnes pratiques
Voir le rapport PageSpeed

Ces résultats sont des indicateurs datés, pas une certification. Ils dépendent de l’URL, des conditions et de la méthode de chaque test. Ils seront mis à jour lorsqu’une nouvelle mesure le justifiera.

Coulisses du rendu

Quelques explications du blob animé (pour les curieux)

Le visuel n’est ni une vidéo ni un modèle 3D pré-calculé. Il est construit et déformé en temps réel dans le navigateur, à partir de quelques paramètres mathématiques. Voici l’approche générale, assez détaillée pour servir de point de départ à une animation similaire.

Quelle technologie ?

Un canvas utilise WebGL 1, l’API graphique disponible dans la plupart des navigateurs. JavaScript prépare la géométrie, écoute le défilement, le pointeur et les clics, puis transmet de petites valeurs appelées uniforms. Deux programmes GLSL exécutés par la carte graphique font le reste : le vertex shader place et déforme les points, tandis que le fragment shader choisit la couleur des pixels. Aucun moteur 3D, fichier de modèle, texture ou bibliothèque externe n’est nécessaire.

Comment construire la forme globale ?

La forme part d’une grille paramétrique composée de 60 sections et de 32 points par section. Une coordonnée indique la position le long de l’axe, de 0 à 1, et une autre l’angle autour de cet axe. Le sinus et le cosinus dessinent les anneaux de départ ; un facteur radial peut ensuite transformer chaque section en triangle arrondi ou en étoile à cinq branches. Les sections voisines sont reliées par des triangles pour obtenir une surface discrète, puis redessinées en lignes pour rendre les contours visibles. Le rayon, la torsion et les rotations conservent au volume son aspect allongé et organique.

Comment le défilement déforme-t-il la forme ?

La position verticale de la page est ramenée à une progression comprise entre 0 et 1. Cette valeur est envoyée au shader et agit comme une phase commune : elle modifie les ondulations, la torsion, la rotation, l’échelle et le décalage du volume. La forme accompagne ainsi le parcours de la page sans déplacer d’élément HTML. Une interpolation exponentielle rejoint progressivement la valeur cible, ce qui évite les changements brusques lorsque le défilement s’arrête. La présence du volume diminue aussi après l’introduction pour préserver la lisibilité des contenus.

Comment réagit-elle au pointeur et au clic ?

La position du pointeur est normalisée entre -1 et 1, puis utilisée pour infléchir légèrement l’orientation et la courbure. Elle est elle aussi lissée avant d’atteindre le shader. Un clic dans une zone libre déclenche une courte onde sinusoïdale et fait évoluer les sections vers la forme suivante : triangle, étoile, puis retour aux anneaux. L’onde s’atténue rapidement ; la nouvelle forme reste en place jusqu’au clic suivant.

Comment fonctionne la pulsation orange ?

Une seconde animation avance indépendamment des interactions. Son centre parcourt l’axe en 8,2 secondes, depuis 12 % avant la première section jusqu’à 12 % après la dernière. Une courbe en cloche n’affecte que quelques sections voisines : elle augmente légèrement leur taille et mélange leur couleur avec l’accent orange. Comme le centre commence et termine hors de la forme, une ou deux sections s’allument d’abord, puis la pulsation disparaît graduellement avant de boucler, sans raccord visible.

Comment limiter le coût du rendu ?

La géométrie est créée une seule fois dans des buffers de la carte graphique. Chaque image ne met à jour que quelques uniforms et effectue deux dessins, soit environ 15 000 sommets traités sans texture. Le contexte demande le processeur graphique basse consommation, la définition est plafonnée, les interactions visent environ 30 images par seconde et la pulsation ambiante environ 12. Rien n’est chargé avant la première interaction, le rendu s’arrête dans un onglet masqué et reste désactivé avec les préférences de mouvement réduit ou d’économie de données. Si l’appareil est durablement trop lent ou si WebGL échoue, le fond reste simplement vide.