Ilan Outhier

Athome

Fri, 30 Dec 2022 00:00:00 GMT

Description du projet

Pour le troisième TP du cours de JavaScript, nous avons expérimenté les API. L'objectif de ce projet était de faire un "Allo Ciné". Donc l'idée c'était de créer une plateforme où sont répertoriées des affiches de films, avec des descriptions, des bandes annonces et des likes. Évidemment, le tout est connecté à une API pour que si l'on veut faire une modification, tout soit mis à jour.

Ce projet était un réel défi pour moi parce qu'il y avait beaucoup de consignes.

Qu'est-ce que que devais faire ?

L'utilisateur doit pouvoir :

Liker/disliker un film<br/>

Voir les films aimés<br/>

Rechercher un film via le nom du film, de l'auteur ou de la description<br/>

Trier les films par date, titre, catégorie, nombre de likes<br/>

Filtrer les films par catégorie<br/>

Ajouter/supprimer un film<br/>

Ajouter/supprimer une catégorie de film<br/>

Le tout doit interagir avec l'API.

S'il n'y a pas d'accès à internet, faire une version "offline" qui permet aux utilisateurs de voir des films dans une quantité limitée.

Le Bouillon Culte

Thu, 13 Jun 2024 00:00:00 GMT

:::important[TL;DR] <br> <details> <summary>En résumé</summary>

Qu'est-ce que c'est ?

"Le Bouillon Culte" est notre projet de fin d'année : un objet connecté qui stimule la mémoire des résidents en EHPAD grâce à un jeu de société interactif.
En collaboration avec La Fondation du Parmelan, nous avons conçu un jeu mêlant questions de culture générale et défis ludiques, intégrant une carte interactive, des boutons, un écran et une enceinte.

</details> :::

Retrouvez le repo GitHub

::github{repo="IlanOu/Le_Bouillon_Culte"}

Notre équipe

Elsa FREPPAZ (graphiste)
Jeremy BERTHET (graphiste)
Ilan OUTHIER (développeur) (moi)
Billie Lou AZZANO (graphiste)
Anthony PELAZ (développeur)
Théotime NOBLET (graphiste)

L'objectif

En deuxième partie de notre bachelor, nous nous sommes lancés le défi suivant :

Comment faciliter le quotidien des personnes âgées en EHPAD ?

La réponse : imaginer un objet connecté ludique capable de renforcer les liens et de stimuler la mémoire autour de la culture française des années 60 à 80.

Le concept du jeu

Nous avons rencontré La Fondation du Parmelan et constaté que les résidents adoraient les jeux de société. L'idée était donc de créer un jeu interactif qui les rassemble et les fait réfléchir.

Les mini-jeux proposés

Quelle est cette musique ?
Un blind test pour retrouver la bonne musique.
Où c'est ?
Identifier un lieu à partir d'une description.
Devine la suite
Compléter les paroles d'une chanson.
Qui suis-je ?
Deviner un personnage historique à partir d'indices.
Culture générale
Des questions classiques sur divers sujets.
Trois images
Relier trois images pour deviner un lieu ou une recette.

L'objet en lui-même

Partie gauche : Une carte de France pour positionner le pion.
Partie droite : Un bouton rouge pour tourner la roue et quatre boutons pour répondre.
Deuxième partie : Un écran pour afficher les questions et une enceinte pour la lecture audio.


Photo de l'objet	Modèle 3D de l'objet

Le déroulement est simple :

Choix du nombre de questions.
Tour de roue pour sélectionner un mode de jeu.
Sélection de la région sur la carte.
Affichage de la question et saisie de la réponse via les boutons.
Vérification de la réponse et attribution d’un point.
Répétition jusqu’à la fin de la partie, suivie de l'affichage du score final.

Le parcours des développeurs

Tests

Tout au long du projet, nous avons pu tester notre objet auprès des résidents de l'EHPAD.
Ces tests nous ont permis d'identifier et de corriger divers soucis d'utilisation.


Tests utilisateurs

Nous avons réalisé de multiples versions de l'objet pour parvenir à notre rendu final.


Évolution de l'objet

Développement

Pour éviter de surcharger le Raspberry Pi avec les capteurs RFID et les boutons, nous avons ajouté un ESP32 pour gérer certaines tâches.


Architecture matérielle du système	Composants de l'objet

Quelques points clés du développement :

Connexion des capteurs et des boutons :
Le Raspberry Pi et l'ESP32 fonctionnent en parfaite harmonie.
Affichage et audio :
Un écran web et une enceinte offrent une expérience immersive.
Gestion des questions :
Lecture de fichiers JSON pour alimenter les 6 mini-jeux.
Challenge supplémentaire :
Un système de points et un nombre défini de questions pour encourager les joueurs à rejouer.

Petit clin d'œil : Un grand merci à Théotime pour sa patience et son aide sur les 60 questions !

Pour conclure

Même si le rendu final de l'objet n'est qu'un prototype (le temps et les moyens disponibles nous ont contraints), nous sommes extrêmement fiers du résultat.
Ce projet m'a permis de plonger dans la programmation orientée objet et de mieux comprendre ce concept, tout en m'amusant !

Hyperfiction

Mon, 04 Sep 2023 00:00:00 GMT

À la recherche d'une alternance

Pour ma deuxième année de bachelor, il fallait trouver une entreprise pour mon alternance.
En cherchant dans le secteur du jeu vidéo, j'ai découvert Hyperfiction.
Sur place, j'ai retrouvé Anthony (un camarade de classe) qui effectuait son stage de fin de première année.

Je me suis présenté, ai partagé mes expériences sur Unity, et après un test rapide pour évaluer mes compétences, ils ont décidé de m'accueillir dans l'équipe !

Mon rôle chez Hyperfiction

Je travaille sur le développement de Serious Games en réalité virtuelle : des jeux conçus pour l'apprentissage, la formation ou la sensibilisation, qui utilisent des technologies immersives pour créer des expériences interactives.

Cette expérience m'a permis de :

Approfondir mes connaissances sur Unity
Travailler en équipe
Maîtriser davantage la programmation orientée objet (POO)

InTheBox

Fri, 23 Jun 2023 00:00:00 GMT

Le 9 mai 2023, j'ai entamé mon stage de 7 semaines chez InTheBox, une entreprise réputée à Annecy, notamment grâce à sa participation au Festival international du film d'animation d'Annecy.

J'ai eu l'opportunité de voir l'équipe travailler sur un projet majeur pour le studio Ankama. Observer l'évolution du projet au fil des semaines fut tout simplement impressionnant !

Mon rôle

En tant que développeur Python, ma mission principale était de créer des outils sur Blender pour l'équipe. Voici quelques exemples de ce que j'ai réalisé :

Automatisation de tâches : lancer un rendu d'un simple clic sur une machine distante.
Organisation de fichiers : générer des sauvegardes avec des noms prédéfinis et les ranger dans les dossiers appropriés.

L'accompagnement

J'ai été épaulé par deux développeurs expérimentés, Soal Givord et Dimitri Marquette. Grâce à leur soutien, j'ai pu:

Mieux comprendre le développement Python sur Blender.
Collaborer efficacement sur des outils partagés.
Organiser le projet pour éviter toute perte de fichiers.

En résumé

Cette expérience a été extrêmement formatrice et riche en enseignements. Je garde un excellent souvenir de ce stage, tant sur le plan technique qu'humain !

Kelna

Thu, 04 May 2023 00:00:00 GMT

Liens du projet

Retrouvez le repo Github de Kelna :

::github{repo="IlanOu/Kelna"}

Nous avons également créé un site web dédié au projet : découvrez-le ici

Notre équipe

Alice MELAN (graphiste)
Matias LA CORTE (graphiste)
Ugo MOLLIER-BILLET (graphiste)
Raphaël MAKARYAN (développeur)
Ilan OUTHIER (développeur) (moi)

Objectif du projet

Kelna est un jeu vidéo 2D, entièrement réalisé en p5.js (sans aucune librairie externe), qui a constitué notre projet de fin de première année de bachelor.
Le défi ? Créer un jeu vidéo en 2D avec p5.js, sans l'appui de librairies externes, et en y intégrant deux modes de vue distincts.

Développement du jeu

Mon équipe et moi avons donné vie à Kelna, un jeu inspiré des grands classiques du genre (pensez Mario Bros) et intégrant de nombreuses fonctionnalités :

Mécaniques de base :
- Gravité et mouvements fluides pour le personnage.
  
  Gravité : Check ✔
- Système de collisions pour éviter de tomber à l'infini.
  
  Collisions : Check ✔
Optimisation de la carte :
Face à une carte de grande taille qui consommait beaucoup de ressources, nous avons mis en place un système de "chunks". L'idée est de découper la carte en rectangles et de ne charger que ceux autour du joueur.

Chunks : Check ✔
Vie et interactions :
- Ajout de monstres et de PNJ pour donner de la vie à l'univers du jeu.
- Intégration d'un système de combat (PVE), de gestion des items et de troc entre personnages.
  
  PNJ, Monstres, PVE, Items et Trocs : Check ✔
Immersion sonore :
Nous avons sollicité Pierre-Alain de Garrigues (PADG) pour réaliser l'introduction du jeu et enregistrer des voix pour le sound design (par exemple, un "Vous êtes morts" en cas de défaite).
Un ajout qui renforce l'expérience immersive de Kelna !
Aspects visuels :
Pour enrichir l'univers du jeu, nous avons travaillé sur divers éléments graphiques, tels que des tilesets et la map du jeu.
Voici quelques illustrations pour vous donner un aperçu de l'ambiance visuelle :
- Exemples de tilesets et map :
- Système de parallaxe : Nous avons développé un système simple de parallaxe permettant de rendre le rendu plus vivant, plus agréable et plus immersif. Ce n'est qu'un détail mais ça a son importance !
Personnages, items et interfaces : Nous avons personnalisé les personnages et les items du jeu. Voici quelques exemples de personnages et d'items :
- Personnages :
  
  Yvo Animations d'Yvo
  
  Animations d'Yvo PNJ 1 PNJ 2
- UI :
  - Inventaire :
  Différents niveaux d'épées Inventaire Système de troc
  - Pause :
  Menu Pause du jeu Menu Paramètres du jeu


Yvo	Animations d'Yvo


Animations d'Yvo	PNJ 1	PNJ 2


Différents niveaux d'épées	Inventaire	Système de troc


Menu Pause du jeu	Menu Paramètres du jeu

Pitch du jeu

Dans un monde ravagé par une maladie mortelle, la bien-aimée d’Yvo est mourante.<br/> Il se lance à la recherche de la plante légendaire "Kelna", réputée pour guérir tous les maux.<br/> Cette plante est gardée par un sorcier fou dans une citadelle à des centaines de kilomètres.<br/> Après une aventure semée d'embûches, Yvo parvient à récupérer la plante et un remède est élaboré, mettant fin à l'infection après quelques années.

Et voilà, c'est ainsi que Kelna a vu le jour !

Kigisa

Fri, 14 Jun 2024 00:00:00 GMT

Qu'est-ce que c'est ?

Kigisa est une langue que j'ai conçue pour être simple et modulable.
Bien que je doute qu'elle devienne un jour courante, elle offre une flexibilité que je pourrais exploiter dans d'autres projets (comme l'intégrer dans une histoire, par exemple).

Pourquoi ce projet ?

Le français est une langue incroyablement riche, où une seule idée peut être exprimée de 36 façons différentes. C'est ce qui fait son charme, mais aussi ce qui le rend parfois un peu… complexe.

J’ai voulu expérimenter en créant un langage plus direct, où la logique prime sur les exceptions et où s’exprimer devient plus simple et intuitif. Une approche qui change un peu des subtilités du français… et de ses fameuses règles parfois illogiques (cette vidéo l’explique bien).

1. Introduction

Kigisa est une langue construite conçue pour faciliter la communication.

2. Éléments de base

2.1. Pronoms

Le féminin se forme en ajoutant 'i' au pronom masculin.

Français	Kigisa
Je	No, Nio
Tu	To, Tio
Il/Elle	Lo, Lio
Nous/On	Nos, Nios
Vous	Tos, Tios
Ils/Elles	Los, Lios

Exemple simple : No → "Je"

2.2. Temps verbaux

Utilisation de préfixes :

do- : passé
di- : présent
du- : futur

Exemple avec un pronom : No di- → "Je [action au présent]"

2.3. Formation des mots

Les mots se construisent avec des racines de plus en plus précises :

Exemple : bagosedo (porc)
- ba(gosedo) = nourriture (cochon)
- gose(do) = animal terrestre (rose)
- Racines :
  - ba = nourriture
  - go = animal
  - se = terre
  - do = rose

2.4. Adjectifs

Utilisation du suffixe e
Exemple : kimo e piorio → "homme rouge"

2.5. Structure des phrases de base

Format simple : [Sujet] [Temps] [Action] Exemple : No di-ba → "Je mange"

2.6. Articles

ace s'utilise pour les objets spécifiques (équivalent à "le/la/les" ou "ce/cette/ces") Exemple : No di-ba ace bago → "Je mange cette viande"

2.7. Nombres

kes est la racine de tous les nombres (un, deux, trois, etc.) Exemple : kespa → "un (1)"

vo signifie "zéro" mais pour construire un nombre plus grand (avec plusieurs zéros), on note le nombre de zéros de la façon suivante :

kespa-vo = "dix (10)"
kespa-pewo = "cent (100)"

wo est un "multiplicateur" de zéros, avec le nombre de zéros devant le nombre de zéros.

3. Constructions intermédiaires

3.1. Conjonctions

Virgule (,) pour "et"
o pour "ou"

Exemples simples :

No, to → "Moi et toi"
No o to → "Moi ou toi"

3.2. Structure des phrases complète

[Sujet] [Description] [Interrogatif] [Temps] [Action] [Objet] [Description] [Suffixe]

Exemple simple utilisant les éléments vus : No di-ba ace bago → "Je mange cette viande"

3.3. Localisation

Pour indiquer un lieu : bu-[lieu] Exemple avec les éléments vus : No di-ba bu-Paris → "Je mange à Paris"

3.4. Questions

Questions fermées

Ajout de ka? en fin de phrase Exemple : No di-ba ka? ([Sujet] [Temps] [Action] [Suffixe]) → "Est-ce que je mange ?"

Questions ouvertes

Mots interrogatifs en fin de phrase :

kana : quoi
kaki : qui
kabu : où
kazi : quand
kagi : comment
kako : pourquoi

Exemple simple : To di-ba kana? → "Que manges-tu ?"

3.5. Possession

Marqueur général

Utilisation de e suivi du possesseur

Pronoms possessifs

Français	Kigisa
Mon/Ma	e no
Ton/Ta	e to
Son/Sa	e lo
Notre	e nos
Votre	e tos
Leur	e los

Exemple simple : ba e no → "ma nourriture"

4. Constructions avancées

4.1. Possession multiple

ba e no, to → "notre nourriture (à toi et moi)"

4.2. Possession en chaîne

ba e kimo e no → "la nourriture de mon mari"

4.3. Raccourcis linguistiques

Les racines peuvent avoir plusieurs fonctions (nom/verbe)
Exemple : ba = "nourriture" ou "manger"
Exemple : bago = "viande"
Fusion possible verbe-nom quand ils se suivent :
- Au lieu de di-ba bago → di-bago
- Note : impossible si le verbe et le nom ne se suivent pas directement

5. Exemples progressifs

Structure simple : No di-ba → "Je mange"
Ajout d'article : No do-ba ace bago → "J'ai mangé cette viande"
Ajout de possession : No di-ba e to → "Je mange ta nourriture"
Question simple : No di-ba e to ka? → "Est-ce que je mange ta nourriture ?"
Question ouverte : To di-bago kana? → "Quelle viande manges-tu ?"

Résultat

Et voilà à quoi ressemble Kigisa !

J'ai même développé un graphique pour visualiser les connexions entre les mots.

Et après ?

C'est tout pour le moment !
J'envisage de créer un traducteur par la suite et / ou, pourquoi pas, d'entraîner un modèle de langage avec Kigisa. Ce serait une expérience amusante et pleine de surprises !

Kolizeo

Mon, 01 Sep 2025 00:00:00 GMT

C'est quoi Kolizeo ? 🤔

Kolizeo est une petite startup qui crée des mini-jeux pour les fans de sport.
Avant le match, les supporters jouent sur leur téléphone, tentent de grimper dans le classement et gagnent des points. Pendant le match, ils peuvent aussi faire leurs pronostics et voter pour le meilleur joueur.

On travaille avec des clubs et des organisateurs d'événements, qui sont aujourd'hui plus des collaborateurs que des clients :

VNVB (volley féminin)
SLUC (basket)
ASNL (foot)
Metz Handball (féminin)
La LNH à Aix-en-Provence, pour la finale PSG x MHB
Le FC Metz, pour le jubilé de Robert Pirès
Le Luxembourg du Rire, le temps d'un événement

L'équipe

Frédéric KASTENDEUCH (CEO)
Tania XAVIER (CMO, marketing, communication et design)
Thomas MUTIN KASTENDEUCH (business developer)
Sylvain KASTENDEUCH (partenaire stratégique)
Camille METARD (développeur web)
Rémi LEPRÉVOST (développeur Unity)
Ilan OUTHIER (développeur Unity) (moi)

Côté dev, on est donc trois. Camille s'occupe du portail web, la partie visible qui mène aux mini-jeux. Avec Rémi, on fait les jeux et leur backend.
D'ailleurs, j'ai participé au recrutement de Camille : comme j'ai suivi une formation web pendant trois ans, je savais ce dont on aurait besoin. J'ai trié les candidatures, fait les entretiens avec Frédéric et réfléchi avec lui pour choisir le meilleur profil.

Pour le backend, on utilise les Unity Gaming Services : Cloud Code, Cloud Save, Remote Config, Leaderboards et un peu d'Economy.
C'est surtout Rémi qui s'en occupe, moi j'y touche un peu.

Tout doit être adaptable

Chaque collaborateur a son propre branding, et chaque événement a ses propres règles : temps de jeu, part de hasard, nombre de points à gagner...
Alors tout ce qu'on fait doit être ultra adaptable et réutilisable. On ne fait pas un jeu, on fait un jeu qu'on peut décliner à l'infini !

Du coup, on s'est fabriqué beaucoup d'outils :

Un outil pour dessiner des grilles, utilisé dans plusieurs jeux
Un outil pour lancer les builds plus rapidement
Un outil pour intégrer les sons facilement

Mobile, web et écran géant 📱

Au début, on faisait aussi des jeux en live, pendant le match. Ils s'affichaient à la fois sur le téléphone de tout le monde et sur l'écran géant du stade, avec deux vues différentes.
Autant dire qu'on avait intérêt à ce que tout marche parfaitement, parce que sinon, ça se voit... 😬

Pour ces jeux, il fallait choisir la bonne techno :

Si le jeu est simple, on le fait en web, pour éviter de charger une WebGL pour rien.
Si le gameplay ou les animations sont plus complexes, on passe sur une WebGL Unity.

Finalement, on a presque arrêté le live : trop de contraintes techniques, et les gens viennent surtout pour voir le match !
Aujourd'hui, on se concentre sur les mini-jeux avant-match, sur mobile en WebGL, sans écran géant.

Pas de designer ? Pas de souci !

Comme on est une petite startup, on n'a pas de designer dans l'équipe. On a travaillé un temps avec Clément CAMPARGUE, un artiste freelance, et visuellement, ça nous a fait beaucoup de bien !
Le reste du temps, les visuels, c'est nous qui les faisons : en pixel art ou générés par IA.

Pour le son, c'est moi qui l'ai intégré dans nos jeux 🔊
J'ai fait un outil pour simplifier son intégration, et j'ai constitué une librairie de SFX et de musiques libres de droits pour tous nos prochains jeux.
Et ça donne une tout autre dimension aux jeux !

Ce que j'en retiens

On est partis de zéro : il a fallu tout imaginer, et tout structurer proprement.
Il y a eu des périodes de stress, avec des jeux à commencer et à finir en moins d'une semaine !

Depuis le début, on a pris énormément de maturité, sur la technique mais aussi sur nos jeux et sur notre cible.
Et de mon côté, c'est clairement chez Kolizeo que j'ai le plus appris sur le jeu vidéo 🚀

Markdown Extended Features

Wed, 01 May 2024 00:00:00 GMT

GitHub repository cards

You can add dynamic cards that link to GitHub repositories, on page load, the repository information is pulled from the GitHub API.

::github{repo="Fabrizz/MMM-OnSpotify"}

Create a GitHub repository card with the code ::github{repo="<owner>/<repo>"}.

::github{repo="saicaca/fuwari"}

Admonitions

Following types of admonitions are supported: note tip important warning caution

:::note Highlights information that users should take into account, even when skimming. :::

:::tip Optional information to help a user be more successful. :::

:::important Crucial information necessary for users to succeed. :::

:::warning Critical content demanding immediate user attention due to potential risks. :::

:::caution Negative potential consequences of an action. :::

:::note
Highlights information that users should take into account, even when skimming.
:::

:::tip
Optional information to help a user be more successful.
:::

The title of the admonition can be customized.

:::note[MY CUSTOM TITLE] This is a note with a custom title. :::

:::note[MY CUSTOM TITLE]
This is a note with a custom title.
:::

[!TIP] The GitHub syntax is also supported.

> [!NOTE]
> The GitHub syntax is also supported.

> [!TIP]
> The GitHub syntax is also supported.

Markdown Example

Sun, 01 Oct 2023 00:00:00 GMT

An h1 header

Paragraphs are separated by a blank line.

2nd paragraph. Italic, bold, and monospace. Itemized lists look like:

this one
that one
the other one

Note that --- not considering the asterisk --- the actual text content starts at 4-columns in.

Block quotes are written like so.

They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all in chapters 12--14"). Three dots ... will be converted to an ellipsis. Unicode is supported. ☺

An h2 header

Here's a numbered list:

first item
second item
third item

Note again how the actual text starts at 4 columns in (4 characters from the left side). Here's a code sample:

# Let me re-iterate ...
for i in 1 .. 10 { do-something(i) }

As you probably guessed, indented 4 spaces. By the way, instead of indenting the block, you can use delimited blocks, if you like:

define foobar() {
    print "Welcome to flavor country!";
}

(which makes copying & pasting easier). You can optionally mark the delimited block for Pandoc to syntax highlight it:

import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print i

An h3 header

Now a nested list:

First, get these ingredients:
- carrots
- celery
- lentils
Boil some water.

Dump everything in the pot and follow this algorithm:

 find wooden spoon
 uncover pot
 stir
 cover pot
 balance wooden spoon precariously on pot handle
 wait 10 minutes
 goto first step (or shut off burner when done)

Do not bump wooden spoon or it will fall.

Notice again how text always lines up on 4-space indents (including that last line which continues item 3 above).

Here's a link to a website, to a local doc, and to a section heading in the current doc. Here's a footnote [^1].

[^1]: Footnote text goes here.

Tables can look like this:

size material color

9 leather brown 10 hemp canvas natural 11 glass transparent

Table: Shoes, their sizes, and what they're made of

(The above is the caption for the table.) Pandoc also supports multi-line tables:

keyword text

red Sunsets, apples, and other red or reddish things.

green Leaves, grass, frogs and other things it's not easy being.

A horizontal rule follows.

Here's a definition list:

apples : Good for making applesauce. oranges : Citrus! tomatoes : There's no "e" in tomatoe.

Again, text is indented 4 spaces. (Put a blank line between each term/definition pair to spread things out more.)

Here's a "line block":

| Line one | Line too | Line tree

and images can be specified like so:

Inline math equations go in like so: $\omega = d\phi / dt$. Display math should get its own line and be put in in double-dollarsigns:

$$I = \int \rho R^{2} dV$$

And note that you can backslash-escape any punctuation characters which you wish to be displayed literally, ex.: `foo`, *bar*, etc.

Merry Chrismas

Wed, 30 Nov 2022 00:00:00 GMT

Description du projet

Voilà le premier TP du cours de JavaScript. Nous avons eu au total 3 TP différents pour nous entraîner à utiliser et comprendre ce langage. Ce premier projet est donc un jeu qui doit pouvoir être joué seul, entièrement, avec un début et une fin. Nous avions environ deux semaines pour faire chaque TP.

J'ai apprécié faire ce projet, j'ai imaginé des choses sympas qui l'ont rendu plus fun à développer. J'ai fais un style sur le thème de Noël avec une musique et un père Noël qui, à chaque niveau a une musique différente et un père Noël différent.

Qu'est-ce que je devais faire ?

Sur une grille de 8x8, mettre 1 intrus que le joueur doit trouver.<br/>

Lors d'un clic sur une case, la case affiche ce qu'elle contient.<br/>

Toutes les n secondes, l'intrus change de place.<br/>

Le joueur a n chances pour trouver l'intrus.<br/>

Ajouter du style.<br/>

Les Minis Aventuriers

Tue, 09 Jan 2024 00:00:00 GMT

:::warning Ce projet est en développement, il n'y a pas encore de version publique. :::

Équipe

Louane CHATEL
Ilan OUTHIER (moi)

Description

Les Minis Aventuriers est un jeu de collaboration où l'on incarne deux petits personnages qui sont attachés entre eux par une corde. Leur objectif est de retrouver le Yéti dans une grande chaîne montagneuse. Tout au long de l'aventure, les joueurs devront travailler ensemble pour résoudre des énigmes et des puzzles.

Caractéristiques

Collaboration : Les joueurs doivent coopérer pour surmonter les obstacles et résoudre les énigmes.
Énigmes et Puzzles : Divers défis à résoudre ensemble pour progresser dans l'aventure.
Environnement Montagneux : Explorez une grande chaîne montagneuse à la recherche du Yéti.
Personnages Attachés : Les deux personnages sont liés par une corde, ajoutant une dimension unique à la coopération.

Technologies Utilisées

Unity : Moteur de jeu utilisé pour le développement.
C# : Langage de programmation utilisé pour le scripting.
Blender : Utilisé pour la création des modèles 3D.

Défis et Solutions

Défi : Coordonner les mouvements de deux personnages attachés par une corde.
- Solution : Utilisation de scripts C# pour gérer la physique de la corde et les interactions entre les personnages.
Défi : Créer des énigmes et des puzzles engageants.
- Solution : Conception de niveaux variés avec des mécanismes de jeu uniques pour chaque énigme.

Polar Dash

Fri, 08 Dec 2023 00:00:00 GMT

Retrouvez le repo Github

::github{repo="IlanOu/Polar-Dash"}

Notre équipe

Elsa FREPPAZ (graphiste)
Théotime NOBLET (graphiste)
Ugo MOLLIER-BILLET (graphiste)
Emmanuel MOULIN (développeur)
Ilan OUTHIER (développeur)(moi)

C'était quoi l'objectif ?

Comme premier projet de deuxième année de bachelor, nous avions comme consigne, de représenter par un jeu, le mouvement.

L'objectif était de s'entraîner à récupérer des données puis de les traiter.

Pitch du jeu

Dans ce jeu de course infinie à défilement horizontal, les joueurs incarnent un pingouin dans le monde de Noël, qui doit éviter les différents obstacles qu'il rencontre en sautant et en se baissant.<br/> Ses actions sont contrôlées par des mouvements physiques précis à effectuer par les joueurs dans l'espace.<br> Ces commandes évoluent au fur et à mesure du jeu.<br/> Les points sont comptabilisés en fonction du temps passé avant l'échec.<br> Il faut rester dans la course le plus longtemps possible !

Description

Avec Emmanuel Moulin, nous avons décidé pour ce projet de jeu de le faire sur Unity, pour ses nombreux avantages techniques. Emmanuel a dû apprendre à utiliser cet outil mais il connaissait déjà le C#.

Le problème était de savoir comment récupérer les données de mouvement du joueur sur Unity ? <br> Spoiler alert : On ne peut pas... <br>

Alors notre idée a été de créer un système de détection de mouvement des joueurs en Python. <br> Ce système capte les mouvements des joueurs, les analyse, les modifies un petit peu et les envoies en websocket à Unity (c'est instantané)

Portfolio

Mon, 13 Sep 2021 00:00:00 GMT

Et voilà mon premier portfolio, celui qui m'a permit d'entrer à l'École By CCI, anciennement Gobelins !

Lorsque je travaillais sur ce portfolio, j'avais davantage des compétences pour la création graphique que pour la programmation, on voit d'ailleurs qu'il y a plus de projets orienté graphisme que developpement... <br>D'ailleurs même à mon entretien pour entrer à l'école, on m'a demandé si j'étais sûr de vouloir faire développeur et pas graphiste 😅 <br>J'avais déjà pas mal de projets (pas très qualitatifs mais c'était un bon début) en 3D, avec des illustrations, des petits programmes Python (d'ailleurs je m'interessais déjà à l'intelligence artificielle), du C# et du Web (uniquement HTML CSS).

J'étais déjà très curieux, je voulais apprendre plein de choses sur des thèmes bien différents ! (et c'est toujours le cas aujourd'hui)

Cet aspect artistique est toujours présent dans mon parcours, puisque je m'interesse aux outils et aux techniques des designers mais c'est surtout un accompagnement du developpement, et pas l'inverse.

Je suis fier de mon parcours depuis ce portfolio qui était ma première étape !

Portfolio

Wed, 18 Jan 2023 00:00:00 GMT

Après ma première version de portfolio, il était temps de passer à la vitesse supérieure. J'ai d'abord travaillé dessus en solo, dans l'optique de créer un espace plus épuré et soigné pour présenter mes projets.

Puis, lors du deuxième workshop à l'école dédié à la création d'un portfolio numérique, j'ai repris ce projet pour y ajouter des éléments en 3D et corriger plusieurs problèmes techniques. Cette mise à jour a marqué une étape importantedans mon apprentissage. C'était un pas de plus vers la maîtrise du développement web, en combinant mes compétences techniques avec un souci du design.

J'ai également profité de l'occasion pour tester de nouvelles technologies découvertes avant même d'arriver à l'école, comme ThreeJS pour la 3D sur le web. Par exemple, j'ai modélisé une carte de visite que j'ai intégrée directement dans mon portfolio.

Même si le style était plus technique que dans la version précédente, il présentait un inconvénient : pour intégrer de nouveaux projets, il fallait parfois modifier le code. Malgré cela, cette version représente une belle progression vers la maîtrise du développement web.

Portfolio

Fri, 05 Jan 2024 00:00:00 GMT

Pour cette troisième version de mon portfolio, j'ai voulu quelque chose de plus simple, à la fois visuellement et techniquement. Jusqu'ici, ajouter ou retirer des projets était assez laborieux. Je voulais faciliter cette tâche.

J'ai donc créé ce nouveau portfolio avec Vue.js[^1], une bibliothèque permettant d'avoir un site réactif. Et pour gérer le contenu, j'ai utilisé un fichier JSON[^2]. Ainsi, pour mettre à jour mes projets, il me suffisait de modifier ce fichier JSON, sans avoir à toucher au code.

C'était un bon moyen de gagner en simplicité et en maintenabilité. Cette version marquait une nouvelle étape vers un portfolio à la fois fonctionnel et facile à faire évoluer.

Enfait, j'avais essayé d'utiliser du SQL mais c'était un peu trop overkill pour un portfolio... À la limite, j'aurais pu utiliser SQLite mais j'ai préféré utiliser du JSON pour garder quelque chose de simple.

[^1]: Vue.js : un framework JavaScript qui permet de créer des interfaces utilisateur incroyables, sans perdre la tête dans le code !

[^2]: JSON (JavaScript Object Notation) : le langage de données qui permet de stocker et d'échanger des informations comme un pro, pas dans un simple fichier texte !

Portfolio

Thu, 11 Apr 2024 00:00:00 GMT

Retrouvez le repo Github

::github{repo="IlanOu/portfolio"}

Description

Pour cette quatrième version de mon portfolio, j'ai voulu encore plus de simplicité. Jusqu'ici, même si ajouter ou retirer des projets était devenu plus facile, cela restait une tâche à part entière. Je voulais la rendre encore plus transparente.

J'ai découvert le travail de saicaca qui a créé un modèle de blog Fuwari. Son style graphique m'a beaucoup plu, mais surtout, il a utilisé le Framework Astro.js. Une technologie que je ne connaissais pas, mais qui permet de créer des pages directement en markdown.

C'est la solution idéale pour mon portfolio. Désormais, pour ajouter ou supprimer un projet, il me suffit de modifier les fichiers markdown correspondants. Plus besoin de passer par un fichier JSON ou de toucher au code.

Cette version marque une nouvelle étape vers un portfolio à la fois élégant, fonctionnel et surtout, extrêmement simple à faire évoluer. Un réel gain en productivité qui me permettra de me concentrer sur l'essentiel : mes projets.

En plus de ça, avoir un modèle de blog pour un portfolio est assez original et ça me plaît !

Rockets

Fri, 23 Dec 2022 00:00:00 GMT

Description du projet

Rockets est un jeu à deux joueurs développé dans le cadre d'un TP en JavaScript.
Chaque joueur incarne une fusée : l'une bleue, l'autre rouge. Le but est simple : être le premier à atteindre Mars pour remporter la manche !
À chaque victoire, le joueur gagne des supporters (sous forme de bananes dansantes, évidemment !) et un point.
Le jeu n'a pas de limite de points, ce qui en fait une aventure infinie.

Les objectifs du TP

Le défi était de créer un jeu pour deux joueurs avec les règles suivantes :

Interaction au clavier : Chaque joueur doit taper sur une touche spécifique.
Barre de progression : Une jauge augmente à mesure que l'on tape.
Objectif : Le premier joueur à atteindre 100 points remporte la manche.
Dynamisme : Si un joueur cesse de taper, sa jauge redescend.
Design : Ajouter du style pour rendre le jeu attractif.

Spinback

Wed, 11 Jun 2025 00:00:00 GMT

Retrouvez le repo Github

::github{repo="IlanOu/spinback"}

Notre équipe

Jeremy BERTHET (graphiste)
Paul FIGARI (graphiste)
Alice MELAN (graphiste)
Emmanuel MOULIN (développeur)
Ilan OUTHIER (développeur) (moi)

C'était quoi l'objectif ? 🤔

Ce projet de fin de Bachelor 3 avait pour but de concevoir un projet en équipe sur le thème "Fragment(s)" avec une innovation technique.

Notre problématique : Comment mettre en relation différents points de vue pour faire émerger une seule vérité ? 💡

Et notre envie commune était de créer un jeu avec un moyen d'interaction physique 🎮.

🎧 Pitch du jeu

Spinback est un jeu d’enquête dans lequel vous incarnez Fabien, DJ d'une soirée étudiante qui a dégénéré. Un étudiant, Charles, est tombé du balcon... Accident, suicide ou meurtre ?
Fabien a tout vu… sans vraiment prêter attention. Interrogé par un policier, il replonge dans ses souvenirs pour tenter de comprendre ce qu’il s’est réellement passé.

🔍 Le joueur navigue dans ses souvenirs à l’aide d’une véritable platine DJ. En écoutant des discussions, en observant les comportements et en collectant les indices, il reconstitue la vérité.

📝 Description

Avec Emmanuel, nous avons développé ce jeu sur Unity, en intégrant la platine DJ comme contrôleur de navigation temporelle grâce au plugin Minis de Keijiro Takahashi. Nous avons aussi développé le focus sonor sur les discussions. Le joueur doit zoomer et modifier la fréquence des dialogues pour les entendre plus clairement 🔊.

Les scènes ont été créées avec les Timelines d’Unity, permettant de "scrubber" librement le temps à l’aide de la jogwheel de la platine.
Nous avons animé 4 scènes, avec plusieurs personnages, effets de lumière, ambiances sonores et dialogues.

Le joueur note ses découvertes dans une fiche d’enquête interactive, et son score est calculé selon la pertinence des indices relevés. Attention ! Les fausses pistes font perdre des points ! 😬

🗣️ Pour renforcer l’immersion, nous avons enregistré nous-mêmes tous les dialogues du jeu. Un grand merci à Superflame (Geoffrey Petit-Jean-Genat), qui a accepté de prêter sa voix au personnage du policier 👮.

📢 Communication

📹 Teaser

📸 Affiche

🎉 Notre soutenance

🕹️ Ce projet fut une expérience collective très forte.
Nous avons conçu l’histoire de A à Z, du game design aux dialogues, en passant par les scènes, les mécaniques et les outils.
On s’est amusés, on a appris… et on est fiers du résultat 😊.

The Rook Master

Wed, 23 Oct 2019 00:00:00 GMT

Pourquoi ce projet ?

The Rook Master marque mon premier projet en équipe, réalisé avec Mathieu.
Alors qu'il créait des jeux sur Unity, j'étais en charge du dessin et de la modélisation.
Ce projet m'a permis de me plonger dans la 3D avec Blender, d'apprendre l'animation, de découvrir le monde du jeu vidéo et même d'explorer les bases du sound design.
Mais surtout, il m'a appris à rechercher et à exploiter des ressources en ligne, le tout dans une ambiance collaborative et ambitieuse.

L'idée du jeu

Inspirée par l'anime DanMachi, l'histoire se déroule autour de la tour de Babel, récemment achevée, qui abrite des monstres.
Plus on gravit les étages, plus les dangers augmentent, mais les récompenses aussi !
Notre ambition était de créer un jeu où des personnages venus d'univers très variés – mangas, films de super-héros, romans policiers, etc. – se retrouvent dans cette aventure.

Deux débutants, une grande ambition et surtout, aucune peur d'expérimenter !

Illustrations du projet

Voici quelques visuels issus de notre collaboration :

Background du jeu
La carte et la tour
Mathieu a utilisé Unity pour construire les terrains et intégrer la tour, un modèle 3D que j'ai réalisé.
Premier personnage
J'ai modélisé mon premier personnage sur Blender. Mathieu l'a ensuite animé et intégré au jeu.
(Note : ces modèles présentent encore quelques défauts techniques, comme des faces non reliées ou non triangulées, ce qui causait des bugs graphiques en jeu.)

Cette première expérience a été déterminante pour moi : elle a jeté les bases de ma passion pour la modélisation 3D, le développement de jeux vidéo, et même pour mon intérêt ultérieur pour le Web et Python.

Turbo Miniverse

Sun, 08 Jun 2025 00:00:00 GMT

Retrouvez le repo Github

::github{repo="IlanOu/turbo-miniverse"}

Présentation rapide du jeu

🎮 Concept

Pilotez une voiture RC dans une chambre d’enfant pleine de secrets. Explorez, collectez des clés, ouvrez des coffres, et reconstituez une piste de course pièce par pièce.

Turbo Miniverse est un jeu d’exploration à la troisième personne, sans combat, axé sur la curiosité et la récompense visuelle. Le joueur contrôle une voiture télécommandée miniature dans un environnement domestique surdimensionné (chambre d’enfant). L'objectif principal : trouver des clés cachées, ouvrir des coffres, assembler une grande piste de course. Les pièces de monnaie récoltées en chemin permettent d’acheter de nouvelles voitures, offrant des styles de conduite différents et un accès à certaines zones spécifiques.

⚙️ Développement

Défis Rencontrés 🤔

Physique de la voiture 🚗 : Créer une maniabilité réaliste pour une petite voiture cartoon a été un défi constant. J'ai dû ajuster plusieurs fois les paramètres pour obtenir un comportement de conduite qui me semblait intuitif et amusant.
Level Design 🗺️ : La création de la map a été le processus le plus long. C'était mon premier projet avec autant de level design, et j'ai appris beaucoup sur l'importance de l'équilibre entre exploration et progression.
Système de personnalisation 🔧 : Initialement, je voulais inclure un système de personnalisation approfondi pour les voitures, permettant aux joueurs d'ajuster des paramètres tels que le taux de drift, les suspensions, et la vitesse maximale. Cependant, par manque de temps, j'ai décidé de simplifier ce système en proposant des voitures préconfigurées avec des caractéristiques fixes.

🗝️ Objectifs & Récompenses

Objectif	Action du joueur	Récompense
Explorer la chambre	Observer, manœuvrer	Trouver clés & pièces
Déverrouiller des coffres	Utiliser une clé	Obtenir un morceau de piste
Collecter des pièces	Ramasser librement	Acheter des véhicules
Changer de véhicule	Adapter sa stratégie	Accéder à de nouvelles zones
Compléter la piste	Assembler les morceaux	Déclencher la fin du jeu

🚗 Système de véhicules

Le joueur commence avec une voiture équilibrée, puis peut acheter deux autres véhicules via les pièces collectées :

Drift Runner (voiture de départ) : Bon compromis vitesse/maniabilité.
Monster Truck : Très stable, capable de franchir des obstacles massifs mais peu maniable.
Racer GT : Grande vitesse et accélération, idéale pour les grandes zones plates.

🧭 Exploration & Level Design

Le jeu se déroule dans une chambre d’enfant, avec plusieurs zones (sous le lit, sur le lit, bureau, bibliothèque, table de chevet…). Chaque zone offre :

Une ambiance visuelle unique (plantes, blocs, livres…)
Des obstacles physiques (tremplins, objets mobiles, hauteurs à franchir)
Des cachettes subtiles (clés glissées entre deux livres, dans un tiroir...)

🛠️ Systèmes et mécaniques

Clés & Coffres

Les clés sont placées à des endroits peu évidents mais accessibles dès le départ.
Les coffres nécessitent une clé pour être ouverts et contiennent des fragments physiques de la piste de course finale.

Pièces & Économie

Pièces placées partout dans la chambre, avec plusieurs niveaux de rareté :
- Or : 25c
- Argent : 15c
- Bronze : 10c
Les pièces permettent d'acheter de nouveaux véhicules depuis le garage accessible à tout moment.

J'ai créé un outil très pratique dans l'éditeur Unity qui me permet de placer les pièces plus facilement. Il permet d'en placer sous forme de ligne, cercle, triangle, rectangle, spirale... Je peux choisir le nombre de pièces et leur espacement.

🎨 Inspirations & Ambiance

Visuelles : Toy Story (Pixar), Kenney Assets, Micro Machines V3 (Codemasters)
Émotionnelles : émerveillement de l’enfance, découverte libre, jeu de chambre

🧰 Technologies & Outils

Moteur : Unity 6
Modélisation : Blender (props simples) + packs Kenney
Versioning : Git + Git LFS (assets >100 Mo)
Organisation : Obsidian (notes, tâches, GDD)

📝 Conclusion

Turbo Miniverse est un projet que j'ai réalisé en solo dans le cadre de mes études. Malgré les défis, j'ai appris énormément sur le développement de jeux, notamment sur la physique des véhicules et le level design. Bien que je n'envisage pas de poursuivre ce projet pour le moment, il reste une expérience précieuse dans mon portfolio !

Waesiu

Mon, 05 Aug 2024 00:00:00 GMT

Qu'est-ce que c'est ?

Waesiu est mon projet d'écriture. Petit à petit, j'y construis un univers complet de science-fiction post-apocalyptique : personnages, peuples, langues, légendes, technologies et autant d'histoires que mon imagination me le permet et qui abordent chacune leurs questions. L'idée ? Créer un monde riche et cohérent, qui servira aussi de socle pour d'autres projets (comme un jeu vidéo, un court métrage ou simplement un concept art, par exemple).

:::note Vous avez peut-être connu ce projet sous le nom de Reset. L'univers a bien grandi depuis, et il a changé de nom en chemin ! :::

Pourquoi je fais ça ?

J'adore inventer des mondes et donner vie à des idées.
Quand je crée un jeu, j'imagine toujours l'histoire d'un personnage : pourquoi il fait ce qu'il fait, quelle personnalité il a, etc. Quand je crée un outil web, je pense à des outils complémentaires et à une grande structure complexe pour l'améliorer. Depuis quelques temps, je m'aventure dans l'écriture pour imaginer un univers où chaque détail compte, du plus petit objet aux grands événements historiques.
Et si un événement du passé avait changé ? Voilà ce qui me fascine !

Créer une histoire me donne un sujet à développer. Par exemple, si je veux créer un jeu vidéo, je peux situer mon jeu à un moment et à un endroit précis dans mon univers, et j'ai déjà des personnages, des objets, des décors, etc.

:::important[Le pitch]

Imaginons un monde dans lequel on a compris ce qu'est une âme...

L'Avant

Une civilisation a découvert que l'âme est une chose physique : on peut la mesurer, et même la fabriquer.
C'est une avancée incroyable, et tout le monde en profite, sans trop se poser de questions...

La fin de l'Avant

Puis, sans guerre et sans bruit, le monde s'éteint. Une grande partie de l'humanité disparaît en quelques années, et personne n'arrive vraiment à dire pourquoi.
Cette catastrophe n'a même pas de nom : les survivants parlent seulement de l'Avant et de l'Après.

L'Après

Ce qui reste, ce sont des gens qui ne savent plus qui ils sont, dans un monde vidé... mais encore plein de tout ce qu'on avait oublié.
La nature reprend ses droits sur les ruines, dans une ambiance Solarpunk : une technologie propre, en harmonie avec la nature, mais toujours marquée par les cicatrices du passé.

La plateforme

C'est un projet d'au moins une vie ! Alors en parallèle de l'univers, je conçois une plateforme pour que tout le monde puisse participer à son développement : écrire, dessiner, composer, modéliser...
Chacun pourra y ajouter sa pierre, sans que le monde perde sa cohérence. Oui, mon objectif, c'est d'ouvrir l'univers à tous ! :::

Workshop n°1

Fri, 21 Oct 2022 00:00:00 GMT

Description du projet

À l'école, un workshop est un projet d'une semaine. C'est très rapide, mais c'est aussi une excellente occasion d'apprendre et de travailler en équipe.

Pour cette semaine intense, j'ai travaillé en collaboration avec deux autres étudiants en design (Matias LA CORTE et Pablo DELCLOY) pour créer un double site web. Le concept était simple : en cliquant sur le logo, le style de la page change.

La difficulté était que nous avons passé une semaine à travailler ensemble, mais au tout début de notre première année ! <br/> Nous ne nous connaissions pas du tout ! <br> Alors, il a fallu se créer des règles rapidement pour pouvoir être efficaces. Ce n'était pas facile, mais nous avons relevé le défi.

Qu'est-ce qu'on devait faire ?

La consigne était la suivante :

En une semaine (5 jours) En équipe de trois : 2 graphistes, 1 développeur Créer un site web uniquement en HTML, CSS Chaque graphiste crée un design de site Le développeur doit créer les deux sites qui doivent être inter-changeables

Workspace

Sun, 07 Jan 2024 00:00:00 GMT

:::warning Ce projet est en développement, il n'y a pas encore de version publique. :::

Équipe

Description

Workspace a pour objectif de permettre à chacun de travailler sur ses projets de manière organisée et personnalisée.
L'interface repose sur des cartes disposées sur un canvas, offrant une vue d'ensemble claire et interactive.
Nous envisageons d'intégrer un système complet de gestion de projets, avec notamment :

Versionning
Chat intégré pour les discussions
Et bien d'autres fonctionnalités

L'ambition ? Créer un outil qui pourrait rivaliser avec Notion, Discord et Google Drive.
Ce projet ambitieux est conçu pendant notre temps libre et évolue au rythme de nos apprentissages en cours et en entreprise.

Histoire

Après avoir redémarré plusieurs fois le projet <span class="small-text text-neutral-400 text-lg">(d'abord en Vue + JS, puis en Vue + TS, et finalement en Astro + Svelte + TS)</span>, nous commençons à obtenir une version satisfaisante.
Bien que nous continuions d'explorer diverses directions pour l'avenir, nous suivons une idée principale qui guide notre développement.

Avancement

You're not my boss !

Sat, 08 Feb 2025 00:00:00 GMT

Qu'est-ce que c'est ?

Je me suis lancé un défi personnel : réaliser ma première game jam en 12 heures. Ce n'était pas un événement officiel, mais un challenge pour enrichir mon portfolio et découvrir Godot, un moteur de jeu que je n'avais encore jamais pris en main.

Pour donner un cadre à ce projet, j’ai sélectionné un thème aléatoire :
"Tout est hors de contrôle"

Objectif : créer un jeu fun en un temps limité tout en expérimentant un nouvel outil.
J’ai lancé le chrono !

1ère heure : Brainstorming à fond

Première étape : poser un maximum d’idées autour du thème.

Mots-clés associés : chaos, aléatoire, absurde, peur, panique, glisser, physique incontrôlable, pas de règles...

Mais ça manquait de structure. J’ai donc reformulé la question :
➡️ "Tout est hors de contrôle"... Mais "tout" quoi ?
➡️ "Tout est hors de contrôle"... de quoi ?"

💡 Idée de gameplay : Dans un jeu, on contrôle un personnage… Et si ce dernier refusait d’obéir ?

Concept : Le but reste d'accomplir une mission, mais le personnage doit être convaincu ou manipulé pour le faire. On peut l’influencer par différents moyens :

Le guider (lui indiquer un chemin, poser des murs)
Le pousser à agir (lui faire peur, lui offrir un cadeau)
Le contraindre (le frapper, créer un piège, invoquer un ennemi)

J’ai défini quelques paramètres influençant son comportement :

✅ Confiance
✅ Émotions (colère, joie, peur)
✅ Santé

En fonction de ces valeurs, le personnage adoptera une attitude différente :

S’il a confiance, il nous suivra.
S’il a peur, il fuira.
S’il est en colère, il attaquera.

Problème : j’ai l’idée, mais je ne connais pas Godot… Il est temps d’apprendre !

2ème heure : Premiers pas sur Godot

Apprentissage express ! J’ai suivi quelques tutoriels YouTube pour comprendre l’interface et coder des bases :
✅ Création d’un personnage avec déplacements clavier
✅ Gestion des collisions
✅ Ajout d’une image au personnage
✅ Première map de test en vue isométrique

3ème heure : Animation et IA du personnage

Graphismes : J’ai trouvé un tileset isométrique sur Itch.io et un sprite animé sur 8 directions.
Animations : J’ai appris à les gérer dans Godot (très intuitif !).

IA du personnage :

Idle (ne bouge pas)
Flee (s’enfuit)
Chase (attaque)
Wander (se balade)

J’ai synchronisé ses déplacements avec ses animations et ajouté un suivi caméra.

4ème heure : Création des jauges de comportement

J’ai implémenté les paramètres internes qui influencent son comportement.
Les jauges interconnectées :

Faible santé → augmentation de la peur
Santé élevée → plus de joie
Trop de peur → perte de confiance

Le personnage réagit à ses émotions :

Colère élevée → passe en mode Chase (attaque)
Peur élevée → passe en mode Flee (fuite)
Sinon, il se balade ou reste immobile.

5ème heure : Ajout des interactions du joueur

Le joueur doit influencer le personnage ! J’ai donc listé les actions possibles :
✅ Le frapper → augmente sa colère
✅ Lui offrir des fleurs → augmente sa confiance et sa joie
✅ Faire apparaître un ennemi → augmente sa peur
✅ Faire apparaître un gâteau → baisse sa confiance s'il n'a déjà pas beaucoup de confiance, sinon, augmente sa joie

Le tout impacte directement ses jauges, modifiant ainsi son comportement.

6ème heure : Améliorations de l’IA

Optimisations :

✅ Ajout de l’état Follow (le personnage suit le joueur s’il a confiance et est heureux).
✅ Suppression de la gestion aléatoire des états.
✅ Création d’un menu d’interaction.

Résultat : Le personnage réagit vraiment aux actions du joueur, plus besoin d’éléments aléatoires pour animer l’IA !

Plus que 6 heures...

7ème → 10ème heure : Expansion du jeu

Progrès majeurs :

✅ Nouvelle carte isométrique plus travaillée
✅ Ajout des effets visuels des interactions
✅ Intégration d’un ennemi poursuivant le personnage
✅ Création d’une interface utilisateur (menus, mort, victoire)
✅ Ajout d’un objectif final (une princesse à sauver)

Problème en cours : l’ennemi suit le personnage, mais ne l’attaque pas encore...

10ème → 12ème heure : Finitions et polissage

Derniers réglages :
✅ Correction de bugs et équilibrage du gameplay
✅ Ajustements de l’IA pour rendre la fuite plus naturelle
✅ Amélioration des interfaces utilisateur
✅ Ajout d’un menu de victoire
✅ Musique de fond ajoutée pour une meilleure immersion !

Bilan : Un défi relevé !

12 heures de travail, un prototype fonctionnel et une belle découverte de Godot.
Ce projet m’a permis de :
✅ Apprendre les bases de Godot
✅ Expérimenter une IA (simple) réactive et évolutive
✅ Construire un concept de jeu original et amusant

Prochaine étape ? Peut-être améliorer ce prototype et en faire un vrai jeu jouable !

Vous voulez voir le résultat ?

Voir sur Itch.io