M/DÉVELOPPEMENT WEB
EXPLORATIONS IA
CODE, PRODUIT & INTELLIGENCE ARTIFICIELLEPORTFOLIO / 2026

MATEO.

DE L'IDÉE AU PRODUIT.

Développeur web en alternance.
Des outils pour organiser,
automatiser et analyser des images.

Ouvrir l’atelier des projets Un projet en tête ?
0 → 1

Ouverture de l'atelier…

EXPÉRIENCE / 001DU DESIGN À LA MÉCANIQUE
OBJET 3D · MATIÈRE

Glisser pour tourner · Flèches au clavier

COMPRENDRE. CONSTRUIRE.
METTRE À L’ÉPREUVE.
Explorer les projets

Projets choisisDu produit à l’expérimentation.

04 / 04
Expérimenter

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

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.

Jouer à M/ Circuit

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. »

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

RAYON DE VIRAGE MESURÉ DANS LE JEU
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.

À toi de prendre le volant

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 ↗

Ce qui nourritma curiosité.

Moto, auto, aéronautique, spatial.
J'y retrouve la même fascination : des pièces, une logique, et quelque chose qui prend vie.

Kawasaki sombre dans un garage
01 / MOTO & AUTOSentir la mécanique.
SR-71 Blackbird au coucher du soleil
02 / AÉRONAUTIQUEComprendre les systèmes.
Décollage nocturne de la navette Endeavour
03 / SPATIALÉlargir le possible.

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.

  1. 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
  2. 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
  3. 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