Quentin BAUD

Hello, bienvenue dans un bout de mon monde, vous y découvrirez des projets sympas, des jolies choses bref ce que je sais faire ce qui par dessus tout m'anime.

Mes projets

3D & web

?! WIP !?

Audiovisuel

Title squence

3D

GravitIMAC

C++

Kallune

AR

MMTuto

Audiovisuel

95%

Web

Loko

WEB

Fesoif

Motion Design

Générique Amélie Poulain

Projets personnels

Photo, vidéo, design, vie associative, je me suis toujours intéressé à plein de choses, la preuve :

Score: 0

Déplace le robot pour attraper les écrous !

(function() { const trigger = document.getElementById('image06'); const overlay = document.getElementById('robot-game-overlay'); const canvas = document.getElementById('game-canvas'); const ctx = canvas.getContext('2d'); const scoreDisplay = document.getElementById('game-score'); const closeBtn = document.getElementById('close-game'); let score = 0; let gameRunning = false; let robotX = 0; let items = []; let animationId; function drawRobotHead(x, y) { ctx.save(); ctx.translate(x, y); ctx.strokeStyle = "#78909c"; ctx.lineWidth = 3; ctx.lineJoin = "round"; ctx.strokeRect(-25, -25, 50, 40); ctx.fillStyle = "#78909c"; ctx.beginPath(); ctx.arc(-10, -10, 4, 0, Math.PI * 2); ctx.arc(10, -10, 4, 0, Math.PI * 2); ctx.fill(); ctx.beginPath(); ctx.moveTo(-10, -25); ctx.lineTo(-15, -35); ctx.moveTo(10, -25); ctx.lineTo(15, -35); ctx.stroke(); ctx.beginPath(); ctx.moveTo(-8, 5); ctx.lineTo(8, 5); ctx.stroke(); ctx.restore(); } function initGame() { canvas.width = Math.min(window.innerWidth * 0.9, 400); canvas.height = window.innerHeight * 0.6; robotX = canvas.width / 2; items = []; score = 0; scoreDisplay.innerText = score; gameRunning = true; update(); spawnItem(); } function spawnItem() { if(!gameRunning) return; items.push({ x: Math.random() * (canvas.width - 40) + 20, y: -20, speed: 3 + (score * 0.15) }); setTimeout(spawnItem, Math.max(350, 1000 - (score * 40))); } function update() { if(!gameRunning) return; ctx.clearRect(0, 0, canvas.width, canvas.height); drawRobotHead(robotX, canvas.height - 40); for(let i = items.length - 1; i >= 0; i--) { let it = items[i]; it.y += it.speed; ctx.fillStyle = "#90a4ae"; ctx.beginPath(); for(let n=0; n<6; n++) { let angle = n * Math.PI / 3; ctx.lineTo(it.x + 10 * Math.cos(angle), it.y + 10 * Math.sin(angle)); } ctx.closePath(); ctx.fill(); if(it.y > canvas.height - 65 && it.x > robotX - 30 && it.x < robotX + 30) { items.splice(i, 1); score++; scoreDisplay.innerText = score; } else if (it.y > canvas.height) { gameOver(); } } animationId = requestAnimationFrame(update); } function gameOver() { gameRunning = false; cancelAnimationFrame(animationId); alert("GAME OVER Robot tout cassé. Score : " + score); overlay.style.display = 'none'; } const handleMove = (e) => { const rect = canvas.getBoundingClientRect(); const clientX = (e.touches ? e.touches[0].clientX : e.clientX); robotX = Math.max(30, Math.min(canvas.width - 30, clientX - rect.left)); }; canvas.addEventListener('mousemove', handleMove); canvas.addEventListener('touchmove', (e) => { e.preventDefault(); handleMove(e); }, {passive:false}); if (trigger) { trigger.addEventListener('click', (e) => { e.preventDefault(); overlay.style.display = 'flex'; initGame(); }); } closeBtn.onclick = () => { gameRunning = false; cancelAnimationFrame(animationId); overlay.style.display = 'none'; }; })();

??!! WIP - section à venir !!??

(clique c'est marrant y a un jeu)

On crée ensemble ?

© Quentin BAUD. Tous droits réservés.

[?! nom à venir !?]

3D & web

!? Projet en cours - ça arrive et ça va être cool !?[insérer le nom du projet] est une plateforme web 3D intéractive permettant de visualiser le mouvement de la terre, de ses satellites et des astéroïdes qui passent assez proche.Développée avec VueJS, je récupère les données depuis plusieurs API majoritairement fournies par la NASA. Puis j'utilise une surcouche de TreeJS pour afficher les modèles 3D.
Ce que je veux créer, c'est une carte temps réelle, jolie avec un style cartoon mais physiquement réelle (échelles, mouvements, etc).

Speedrun modélisation cartoon earth

95%

Court-métrage

95% est le deuxième court-métrage réalisé dans le cadre de l'IMAC.
Ecriture, story-board, découpage technique, tournage, montage, sound-design, colorimétrie, ce projet englobe l'ensemble de la conception d'un court-métrage.Après la mort de son père Paul, Liam un trentenaire réservé doit retourner dans la maison connectée de son défunt père. Il y retrouve Hestia, l'IA domestique qui fait revivre Paul et berse Liam dans l'illusion d'un père toujours présent.Projet de groupe (5 personnes)

GravitIMAC

3D

Projet de 3D réalisé sur Blender en deuxième année d'IMAC. Mouvement de caméra imposé, scène libre. J'ai repris blender après plusieurs années sans avoir fait de projet. Bonne redécouverte du monde de la 3D surtout de la modélisation et de l'animation que j'ai voulu pousser sur ce projet avec le temps qui m'était accordé.Projet individuel

Video

Kallune

C++

Kallune est un jeu développé en C++ et openGL. Nous avons utilisé un algorithme diamond square pour générer le terrain puis nous nous sommes donnés le défi de taille de gérer des tuiles isométriques pour une esthétique de jeu développée.
Tous les détails techniques sont disponibles dans le README Github.Vous incarnez un blaireau et devez ramasser le plus de fleurs possible avant d'être rattrapé par les autres animaux.Projet de groupe (3 personnes)

Video

MMTuto

MMTuto est une application Android immersive conçue pour transformer l'apprentissage d'une Machine de Mesure Tridimensionnelle (MMT) grâce à la réalité augmentée.Développée avec Unity et le moteur Vuforia, l'application permet une immersion totale en superposant des guides interactifs et des modèles 3D directement sur l'équipement industriel réel.Le concept : Digitaliser la formation technique des étudiants en remplaçant les manuels papier par un parcours pédagogique augmenté, facilitant la compréhension de l'utilisation d'une machine et d'un logiciel complexe.

  • Reconnaissance spatiale (Vuforia) : Exploitation avancée de la reconnaissance d'objets 3D et de marqueurs pour ancrer avec précision les outils virtuels dans l'espace physique autour de la machine.

  • Interface Hybride 2D/AR : Conception d'une UX fluide mêlant une interface 2D classique pour la théorie et des visualisations AR dynamiques pour la mise en pratique.

  • Guidage interactif : Placement d'annotations et d'éléments 3D en temps réel pour décomposer étape par étape le fonctionnement de la machine et sécuriser sa manipulation.

Projet en groupe (3 personnes)

Video

Title Sequence

Motion Design

Création du titre séquence du film Le Fabuleux Destin d'Amélie Poulain.
Choix du film libre, nous avons fait la conception du storyboard, dessiné et vectorisé sur Illustrator et Figma avant d'animer le tout sur After effects. Le montage final et l'ajout des effets d'overlay ont été retouchés sur Première Pro.Projet de groupe (4 personnes)

Video

Loko

Web

Loko est une expérience web interactive et artistique conçue pour redéfinir notre perception des couleurs en leur associant des attributs humains et sensoriels.
Le concept : Juger des couleurs au delà de l'esthétique selon 8 axes sensoriels et comparer les résultats globaux de la communauté.

  • Rendu visuel génératif : Intégration de Shaders WebGL et de p5.js pour créer des effets visuels dynamiques (vibrations, écoulements, flous) qui réagissent en temps réel aux réglages des curseurs.

  • Data et Collecte : Mise en place d'une architecture Firebase Firestore pour collecter les votes, calculer les moyennes mondiales et permettre l'exportation des données de recherche au format CSV.

  • Interactivité avancée : recherche d'une expérience utilisateur poussée et fluide

fesoif.

Web

Fésoif. est une web-app sociale conçue pour rendre le suivi des soirées ludique et responsable.Développée avec Python (Flask), MySQL et Jinja2, l'application permet de créer des événements interactifs où chaque participant suit sa consommation via une base de données de boissons dédiée.Le concept : Créez une soirée, invitez vos amis par QR Code et suivez l'évolution de votre alcoolémie en direct.

  • Calcul en temps réel : Intégration d'un moteur de calcul d'alcoolémie en temps réel basé sur les données physiologiques des utilisateurs.

  • Système d'invitations : génération de QR Codes uniques pour rejoindre une soirée, et dashboard de statistiques communautaires.

  • Architecture modulaire : Mise en place d'une architecture MVC permettant maintenabilité et évolution du code.

Video

[?! nom à venir !?]

Web

!? Projet en cours - ça arrive et ça va être cool !?[insérer le nom du projet] est un projet de title sequence pour un film fictif, ça arrive mais dans l'idée ça ressemblera à ça.

Video