M/ 0.39 · COMPOSANTS ISSUS DU SITE

Une grammaire.
Votre matière.

Fiches documentées, images légendées, démonstration à étapes, carnet de décisions et contact facultatif. Ces extraits utilisent les fichiers actuels du portfolio. Les contenus de Mateo servent d’exemples : remplacez-les, ainsi que les liens et l’adresse email, avant réemploi.

Lire le guide ↗

01 / LES RÉALISATIONSORCHESTRATION · VISION · ANALYSE · JEU

Projets choisisDu produit à l’expérimentation.

01 / 04
Orchestrer

Mon outil pour relier brief, tâches et preuves.

01 / PAPYRUS · APPLICATION LOCALE

Garder le fildu travail avec l’IA.

Projet personnel · conception et développement avec l’IA

Une demande, plusieurs échanges, des fichiers qui évoluent. J’ai conçu Papyrus pour relier le brief, les tâches et les résultats à vérifier.

EN USAGE SUR CE PORTFOLIO: Chaque correction possède une tâche et un critère de fin. La capture montre le suivi réel de l’audit du parcours.

Orchestration IAWebNode.js

Mes choix de conception

Garder le contrôle. Les missions lancées depuis l’application analysent en lecture seule. La réalisation se poursuit dans le dossier du projet.

Vérifier avant de conclure. Je conserve les preuves et les passations pour reprendre le travail sans perdre les décisions.

Ne pas mélanger les chiffres. Tokens observés, estimations et résultats validés restent distincts. Une donnée non attribuée n’est pas une consommation nulle.

Un outil à construire ensemble ? ↗

Papyrus réel : projet Portfolio, tâche d’audit V32 terminée et compteur observé non attribué. — CAPTURE RÉELLE · 14 SEPT. 2026Une tâche terminée, avec sa trace de vérification. Cliquer pour agrandir.

01 / DÉFINIRLe briefUn besoin précis.02 / RÉALISERLa tâcheUn travail délimité.03 / VÉRIFIERLa preuveUn résultat à relire.

LE LIEN IMPORTANT

Le résultat n’est pas seulement une réponse d’IA : c’est une tâche dont on peut relire les critères et les preuves.

Parcourir un exemple interactif

Scénario préparé, indépendant de l’application. Aucune IA n’est lancée.

PAPYRUS / EXEMPLE PRÉPARÉ

Du brief à la relecture.

Un besoin clairement formulé, une mission délimitée, un résultat et des critères pour le vérifier. La version interactive nécessite JavaScript.

02 / CONCEPT
Assistant visuel

Un concept d’assistant visuel pour préparer le remontage d’une moto.

ASSISTANT MÉCANO / CONCEPT

Comprendre la pièce.Préparer le bon geste.

Mon idée : partir d’une photo de moto pour repérer les pièces, retrouver l’ordre de remontage et afficher les points à vérifier.

Computer visionAssistant IAMécanique

Explorer l'intention

Le parcours imaginé. Identifier la moto et la zone, proposer les pièces à reconnaître, puis faire confirmer avant d’afficher le remontage.

La source technique. Le graissage, les couples et les précautions doivent renvoyer à la documentation du modèle exact, avec leur référence visible.

À construire et tester. Une première démonstration sur une opération délimitée, avec confirmations et erreurs visibles. L’image générée représente le concept, pas une capacité déjà validée.

Concept généré : moto en atelier, axe et entretoises en vue éclatée, repères de remontage, graissage et couple constructeur en réalité augmentée. — CONCEPT GÉNÉRÉ AVEC L’IAUne intention d’interface. Ni détection réelle, ni notice de réparation.

01 / RECONNAÎTREIdentifier la pièceÀ construire et tester.02 / REMONTERConfirmer le gesteDans le bon ordre.03 / CONTRÔLERVérifier la sourceLa notice du modèle.

03 / 04
Mesurer

Mon stage en Ligurie : des scripts Python pour mesurer les vagues.

STAGE / TRAVAIL RÉALISÉ EN 2026

D’une webcamà la mesure des vagues.

À partir d'images de webcams sur les plages liguriennes, détecter la limite de l'eau et estimer jusqu'où les vagues remontent sur la plage.

CE QUE J’AI RÉALISÉ: Scripts Python d’acquisition et de traitement des images, exécution automatisée, puis analyse des résultats et comparaison avec les modèles de référence.

PythonTraitement d'imagesAutomatisationAnalyse scientifique

Méthode et retour de stage

Acquérir. Récupérer les enregistrements de webcams et automatiser les traitements grâce à des scripts Python et à la planification des tâches.

Mesurer. Traiter les images pour détecter la ligne d'eau et estimer l'élévation maximale atteinte par les vagues, appelée wave run-up.

Analyser. Étudier les relations entre ces résultats et les conditions météo-océaniques, puis les comparer aux modèles de référence du domaine.

Retour de stage. L'attestation du 28 août 2026 souligne l'autonomie, l'efficacité des scripts et l'organisation du travail. Les deux images présentées sont des sorties réelles conservées dans le dossier du stage. Une difficulté de l’analyse : distinguer un plafond lié à la géométrie de la plage d’une limite physique du phénomène.

Image de contrôle réelle, Monterosso CH1, 12 avril 2018 : vague et repère d’élévation superposés à la webcam. — SORTIE DU STAGE · MONTEROSSOImage de contrôle issue des archives du 12 avril 2018, analysées pendant le stage.

Timestack réel du stage : une ligne de plage suivie pendant 60 secondes, avec le front d’eau détecté en rouge. — 02 / LE SIGNALUne même ligne de plage, suivie dans le temps.

Voir le signal extrait

Timestack réel de 60 secondes : le front d’eau détecté apparaît en rouge. — Une même ligne de plage, suivie dans le temps. En rouge : le front détecté. Cette visualisation sert à contrôler la mesure.

04 / 04
Expérimenter

Un jeu de course 3D dans le navigateur. À vous de prendre le volant.

04 / LABORATOIRE INTERACTIFDÉVELOPPEMENT WEB · 3D · GAMEPLAY

04 / LABORATOIRE INTERACTIF · JEU JOUABLE

M/CIRCUIT.

Projet personnel · conception et développement avec l’IA

Une Ferrari, une forêt et une trajectoire à trouver. Un jeu de course dans le navigateur pour explorer le rendu 3D, les contrôles et les interactions en temps réel.

Intégrer votre jeu

Clavier ou commandes tactiles.

Capture du jeu M/ Circuit : les quatre Ferrari au départ des Esses, avec la forêt et leurs reflets sur la piste. — CAPTURE DU JEU / LES ESSESPrésentation de la course · Crédits des ressources

Circuits: 03
Pilotes en course: 04
Vues caméra: 02

Ce qu’il y a derrière le jeu

01 / LE RESSENTI

Du grip, puis du dosage.

Le prototype glissait trop, puis braquait trop vite. Les essais ont conduit à une direction progressive et à des virages qui demandent de lever le pied ou de freiner. Le drift devient un geste volontaire.

02 / LE RENDU

Une forêt qui reste jouable.

Ombres, reflets et matières donnent du relief au circuit. Les arbres utilisent des vues préparées au chargement à partir de modèles 3D pour limiter le coût du rendu. La qualité s’adapte à la cadence observée.

03 / L’OPPOSITION

Partager la trajectoire.

Trois adversaires suivent les mêmes commandes de conduite que le joueur. Leurs trajectoires et leurs contacts créent de l’opposition. Le mode Chrono permet de retrouver une piste libre.

Un terrain d’expérimentation arcade : collisions sans dégâts, piste sans dénivelé et adversaires qui connaissent le tracé. Le plaisir de jeu se règle aussi par les retours des joueurs.

ET CE SITE ?

Un atelier à part entière : interaction 3D, développement avec l’IA et système visuel réutilisable.

Ouvrir le design system ↗

02 / UN CHOIX DE CONCEPTION

CONSTRUIRE.ÉPROUVER.

M/ Circuit, un cas concret. J’ai défini le ressenti recherché, essayé les versions et demandé les corrections. L’IA m’a aidé à les coder et à construire les tests.

M/ CARNET D’ESSAI01 — CONSTAT

APRÈS LA PREMIÈRE CORRECTION

« Je n’ai presque même plus eu besoin de lâcher l’accélérateur. »

Mon retour après avoir joué.

La voiture accrochait mieux, mais tournait trop facilement. Le réglage avait déplacé le problème.

RAYON DE VIRAGE MESURÉ DANS LE JEU

Vitesse de l’essai

Avant · trop vif13,0 m

Après · progressif25,8 m

Plus le rayon est grand, plus le virage s’élargit. À haute vitesse, lever le pied ou freiner retrouve son intérêt.

Mesures enregistrées · versions 18 → 19
Même essai, braquage maintenu. Ce ne sont pas des données Ferrari.

UN TOUR AVEC DOSAGE DES PÉDALES

1:17.792

Trois secteurs. Aucune sortie.

MÊME STRATÉGIE, ACCÉLÉRATEUR BLOQUÉ

Première sortie à 6,21 s.

Essai automatisé enregistré sur Les Esses. Le pilote connaît le tracé ; ce résultat ne mesure pas le plaisir de jeu.

Relier votre expérience

Je suis Mateo. Je choisis le problème, je définis ce qui doit fonctionner et je teste les versions. L’IA m’aide à coder ; mon travail consiste aussi à repérer ce qu’il faut reprendre.

Lire les trois décisions

01 / REPÉRER CE QUI CLOCHE

JOUER.
RESSENTIR.

Je cherchais une conduite précise au clavier : du grip, des trajectoires à choisir et un frein qui sert vraiment. En jouant, j’ai repéré une direction devenue trop vive.

Mon rôle : donner le cap et confronter le résultat à l’usage.

02 / CORRIGER LE BON PARAMÈTRE

GARDER
LE GRIP.

Le choix : rendre la direction plus progressive et élargir les virages rapides, en gardant l’adhérence. Le drift doit rester volontaire.

Avec l’IA : traduire ce retour en réglages et comparer la réponse avant/après. Les barres montrent des mesures enregistrées.

03 / VÉRIFIER AUTRE CHOSE QU’UN CHIFFRE

DOSER.
REJOUER.

Le test rejoue une même stratégie de direction avec et sans dosage des pédales. Avec dosage, le tour se termine sans sortie. Plein gaz, la voiture quitte la piste.

Les essais automatiques vérifient une règle du jeu. Les retours en jouant restent nécessaires pour juger le ressenti.

Voir le projet M/ Circuit ↗

Parlons de votre projet ↗

04 / CE QU’ON PEUT CONSTRUIREUN BESOIN → UNE PREMIÈRE VERSION

Vous avezun besoin concret ?

Trois points de départ possibles, dans la continuité de mes projets. On commence par un besoin précis et une première version à essayer.

01 / WEB
MONTRER
UNE ACTIVITÉ.
Présenter une activité, expliquer un produit, donner envie de prendre contact.
PREMIÈRE VERSION POSSIBLE
Une page ou un parcours essentiel, utilisable sur mobile.
Voir le système de ce site
02 / OUTILS
SIMPLIFIER
LE QUOTIDIEN.
Une tâche répétitive, des informations dispersées ou un suivi difficile à garder.
PREMIÈRE VERSION POSSIBLE
Un petit outil web ou un script, centré sur une tâche.
Voir le projet Papyrus
03 / IMAGES & DONNÉES
FAIRE PARLER
DES IMAGES.
Repérer un élément, suivre une évolution ou extraire des mesures d’une série d’images.
PREMIÈRE VERSION POSSIBLE
Un essai sur un échantillon, avec les erreurs et les limites visibles.
Voir le travail en Ligurie

Pour commencer : le besoin, ce qui existe déjà et ce qu’il faudrait pouvoir essayer.

Parlons de ce projet

05 / PRÉPARER LA SUITE

ET SI ONCODAIT LA SUITE ?

Je prépare la suite de mon alternance. Un projet web, un outil à développer ou une collaboration à imaginer ? Parlons-en.

Voir ce qu’on peut construire

DÉVELOPPEMENT WEB
OUTILS & EXPLORATIONS IA

M’ÉCRIREmateo.dacunha.pro@gmail.com

INTÉGRATION / PÉRIMÈTRE

Les composants,
sans le moteur du jeu.

Le kit contient les interfaces et leurs comportements de lecture. La voiture 3D, le moteur de course et le son ne sont pas embarqués. Dans cette galerie, les liens du jeu mènent ici : branchez votre propre destination au réemploi.

Servez le dossier en HTTP, par exemple avec python -m http.server 8080 --bind 127.0.0.1. Puis ouvrez http://127.0.0.1:8080.

Sources et réemploi des médias ↗

Une grammaire.Votre matière.

Projets choisisDu produit à l’expérimentation.

Garder le fildu travail avec l’IA.

Du brief à la relecture.

Comprendre la pièce.Préparer le bon geste.

D’une webcamà la mesure des vagues.

M/CIRCUIT.

Du grip, puis du dosage.

Une forêt qui reste jouable.

Partager la trajectoire.

CONSTRUIRE.ÉPROUVER.

JOUER.RESSENTIR.

GARDERLE GRIP.

DOSER.REJOUER.

Vous avezun besoin concret ?

MONTRERUNE ACTIVITÉ.

SIMPLIFIERLE QUOTIDIEN.

FAIRE PARLERDES IMAGES.

ET SI ONCODAIT LA SUITE ?

LE PREMIER MOT.

Les composants,sans le moteur du jeu.

Une grammaire.
Votre matière.

JOUER.
RESSENTIR.

GARDER
LE GRIP.

DOSER.
REJOUER.

MONTRER
UNE ACTIVITÉ.

SIMPLIFIER
LE QUOTIDIEN.

FAIRE PARLER
DES IMAGES.

Les composants,
sans le moteur du jeu.