Socrastination : Jeu socratique sur le web

Ce site web est un projet de fin d’études de DUT Informatique en année spéciale réalisé en 2016 par Camille Chac, Maxime Ferrer, Clément Roig et moi-même. Ce projet était tuteuré par Madalina Croitoru (Professeur UM2 et membre de l’équipe de recherche de l’INRIA GraphIK au LIRMM).

Sur Socrastination on pratique le dialogue socratique. Autour de divers thèmes prédéfinis, deux participants s’affrontent par une joute verbale tentant ainsi se convaincre l’un l’autre. Les joueurs doivent veiller à convaincre également les arbitres, ces derniers étant chargés d’attribuer un malus ou un bonus à chacun de leurs arguments.

site_v3

Voici les différentes infrastructures et technologies que nous avons utilisés sur ce projet. Un certain nombre de services étaient déjà proposés par l’IUT (MySQL, Apache, PHP), nous nous sommes donc adapté à cette configuration pré-existante :

diagramme-denvironnement

Recueil de blagues – Angular JS 1.x

Ce projet est le résultat d’un exercice de formation. L’objectif étant de produire un modeste site web afin de comprendre la philosophie générale du framework Angular JS 1.x.

Ce site est constitué d’une seule page HTML et d’un contrôleur programmé en Javascript. La transition entre les pages est donc instantanée. Ci-dessous, l’interface de la page d’accueil :

capture-du-2016-10-13-13-15-25

Ayant une expérience conséquente en Infographie, j’en ai donc profité pour créer des graphismes spécifiques sous un logiciel de dessin vectoriel open source (InkScape). En zoomant sur certains éléments du site, on peut remarquer le détail du style CSS appliqué à cette page.

capture-du-2016-10-13-13-16-36

Angular m’a permis avec une facilité déconcertante de mettre en place un système de filtre par mots-clés, j’ai ainsi pu toucher du doigt la puissance ce genre de frameworks.

capture-du-2016-10-13-13-16-04

BlocsMedio v3 – HTML5 / WebGL

Le logiciel Blocs médio permet de créer des stands intuitivement grâce à la bibliothèque de blocs modulables brevetés que propose la société Eurosystems-expo (Aspères, 34).

La principale nouveauté de cette version 3 est son format de publication : le logiciel utilise désormais le moteur HTML5 de ShiVa Engine. Blocs médio est donc  multi-plateforme (Windows, MacOS, Linux) et accessible depuis votre navigateur web (Firefox, Chrome, Safari, etc.).

Ci-dessous, une capture de l’application sous Firefox
stand_263_dessus2
Cliquez sur une des vignettes ci-dessous pour ouvrir le stand :

Vous trouverez plus d’exemples ici

Voici également la page de présentation sur le site officiel eurosystems-expo.com

Autorig de Quadrupèdes

Au cours de missions dans le domaine de l’image, j’ai été amené à développer des outils de production spécifiques. Je vous présente ici AQA (Antek’s Quadruped Autorig). Ce programme a permis de générer des contrôleurs pour faciliter l’animation de quadrupèdes.

Ces scripts sont écrits en MEL (langage embarqué d’Autodesk Maya). Leur utilisation se divise en trois étapes. Tout d’abord, l’utilisateur a le choix entre plusieurs pré-squelettes (cf. pré-squelette de bison sur l’image ci-dessous). Une fois sélectionné, le pré-squelette est importé dans la scène 3d active. Puis, l’utilisateur doit ajuster manuellement la position des articulations en fonction de l’anatomie du quadrupède fourni par le ou les modeleurs 3D.

UI and Proxy

Le programme génère ensuite chaque partie du rig* membres par membres (patte avant, patte arrière, colonne vertébrale, queue, tête, visage, oreilles…). Une procédure de finalisation connecte enfin toutes ces parties ensemble.

En dernier lieu, le résultat peut également être adapté manuellement afin d’apporter la touche finale au rig.

QuadrupedAutorigAntek

*rig : équipement virtuel nécessaire à faciliter le travail d’un animateur 3D sur un élément  à animer (objet ou personnage).

Image Médicale – Genou et Hanche

Genou_Composited

Ces images d’articulations (genou et hanche) ont été réalisées à partir du travail de Frank H. NETTER (Atlas d’anatomie humaine) et de discussions avec une équipe de spécialistes du domaine (chirurgien, rédacteurs scientifiques).

La sculpture du modèle a été exécutée avec Zbrush. Le moteur de rendu mentalray m’a permis de générer les images en utilisant un modèle low-poly et la technique du vector-displacement map.

Une dernière touche de compositing a naturellement été effectuée bien que ce ne soit pas un point essentiel sur cette mission.

1 2 3 5