Poulpe GFX Demo

Ce projet est une démo vidéo utilisant Three.js pour animer un poulpe dans le cadre d'un cours à l'IMT Atlantique.

Version live : https://louipa.github.io/poulpe-gfx/

🐙 Fonctionnalités

• poulpe animé
• environnement (eau animée, obstacles et bâteau)
• lorsque la caméra est submergée, un shader est appliqué
• en appuyant sur la barre espace, des poissons apparaissent
• les poissons sont projetés lorsqu'ils entrent en collision avec le poulpe
• son ambiant (en dehors de l'eau ou sous l'eau)

🚀 Technologies utilisées

• Three.js
• TypeScript
• Vite
• Blender

📋 Prérequis

• Node.js (version recommandée : 18 ou supérieure)
• npm

🛠️ Installation

1. Clonez le repository :

git clone https://github.com/louipa/poulpe-gfx
cd poulpe-gfx

2. Installez les dépendances :

npm install
# ou
yarn install

🚀 Démarrage

Pour lancer le serveur de développement :

npm run dev

Le projet sera accessible à l'adresse http://localhost:5173

📁 Structure du projet

├── src/              # Code source
├── public/           # Assets statiques et projet blender
├── index.html        # Point d'entrée HTML
├── script.ts         # Script principal
├── tsconfig.json     # Configuration TypeScript
└── package.json      # Dépendances et scripts

📷 Screenshots

📝 Licence

Ce projet est sous licence MIT.

👥 Auteur

Louis PAINTER

Crédits

• Shader
• Modèle 3D Poisson
• Modèle 3D Bâteau
• Son Water Bubbles
• Son Water Flowing