Quentin BAUD

Ingénieur multimédia

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

WWD - Will We Die

Audiovisuel

Après le chaos

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 :

On crée ensemble ?

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

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)

Photographie

Passionné de photos depuis quelques années, première voie vers mon côté artistique, excuse pour partir explorer le monde ? On saura jamais mais voilà quelques clichés de mes espacades !

Vidéo

J'ai commencé par des petits montage puis en intégrant l'imac la vidéo et le montage sont devenus une passion. Pour le BDE, pour des projets perso, j'aime en découvrir toujours plus.

Montage / FX

Teaser Soirée
Récap soirée ESIEE Paris
Présentation liste BDE

Écriture / Réalisation

Ces court-métrages ont été réalisés lors de 48h du court-métrage avec un thème imposé et deux contraintes. Moins de pression, c'est les tournages les plus chaotiques mais l'expérience en vaut le coup

Court-métrage - C'est pas sourcé
Court-métrage - Flou

WWD - Will We Die

3D & web

WWD (Will We Die) 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.
Le but était de créer une carte temps réelle, jolie avec un style cartoon mais physiquement réelle (échelles, mouvements, etc).Projet individuel

Speedrun modélisation cartoon earth
Démo WWD

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

Projet de groupe (2 personnes)

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.

Projet de groupe (3 personnes)

Video

Après le chaos

Audiovisuel

"Après le chaos" est un film qui n'existera sûrement jamais.
Bon c'est un peu triste mais ne vous inquiètez pas, je vous laisse quand même la bande-annonce de ce magnifique projet. J'espère qu'il vous touchera autant que ça m'a touché de le faire.Nous avions pour contrainte de filmer au moins un plan réel en binôme (j'ai décidé de le faire seul pour une fois). Les délais étaient plutôt courts et ce n'est qu'une V1 mais je suis content du résultat final.  
Bon visionnage 🎵Projet individuel