Bienvenue

Sur cette page, vous pourrez découvrir une sélection de mes réalisations pour le Digital Learning, ainsi que d'autres projets en Game-dev. (Dernière mise à jour : 2024/03)

Jean-Christophe Kleinbourg

jckleinbourg@gmail.com

Formations RH web & mobile pour l'inclusion

Cliquez pour y accéder

Produit par Accordia, ces modules sont proposés au format SCORM pour être intégrés sur LMS (comme Moodle par exemple). Le moteur est développé en prenant en compte les mises à jour récentes des navigateurs, pour une accessibilité tablettes, mobiles et PC. Le code source de ce moteur, basé sur JavaScript, est ouvert sur GitHub.

Formations RH web & mobile pour l'inclusion

Cliquez pour y accéder

Produit par Accordia, ces modules sont proposés au format SCORM pour être intégrés sur LMS (comme Moodle par exemple). Le moteur est développé en prenant en compte les mises à jour récentes des navigateurs, pour une accessibilité tablettes, mobiles et PC. Le code source de ce moteur, basé sur JavaScript, est ouvert sur GitHub.

Application d'onboarding pour le personnel

Cliquez pour y accéder

Ce module de formation a été réalisé par la société Alain Renault Communication, il est destiné aux personnels travaillant au parc d'attractions du Puy du Fou.

Il s'agit d'une réalisation avec le logiciel Adobe Animate et le framework Dojo Toolkit.

Application d'onboarding pour le personnel

Cliquez pour y accéder

Ce module de formation a été réalisé par la société Alain Renault Communication, il est destiné aux personnels travaillant au parc d'attractions du Puy du Fou.

Il s'agit d'une réalisation avec le logiciel Adobe Animate et le framework Dojo Toolkit.

Conception de jeu vidéo et développement

Cliquez pour y accéder

A "Cashier's Nightmare" est un mini-jeu addictif qui met à l'épreuve votre patience et vos réflexes. Il est fait avec Unity et jouable dans le navigateur (souris recommandée). Le projet a été conçu en équipe pour la Black&White GameJam#8.

Conception de jeu vidéo et développement

Cliquez pour y accéder

A "Cashier's Nightmare" est un mini-jeu addictif qui met à l'épreuve votre patience et vos réflexes. Il est fait avec Unity et jouable dans le navigateur (souris recommandée). Le projet a été conçu en équipe pour la Black&White GameJam#8.

Expérience 3D web avec Unity Engine

Cliquez pour y accéder

Ce mini-jeu bac à sable utilise les principes de Suivi de caméra, Management de scènes, et d'Interface Utilisateur simple. Il s'agit d'un exercice réalisé en une semaine lors du parcours de formation Unity Junior Programmer.

Expérience 3D web avec Unity Engine

Cliquez pour y accéder

Ce mini-jeu bac à sable utilise les principes de Suivi de caméra, Management de scènes, et d'Interface Utilisateur simple. Il s'agit d'un exercice réalisé en une semaine lors du parcours de formation Unity Junior Programmer.

Template pour la création de mini-quiz web

Cliquez pour y accéder

Il s'agit d'un projet personnel d'un moteur de quiz fonctionnant en JS alimentée par une feuille JSON de questions/réponses. Cette application peut être utilisée pour créer des quiz de manière simple. Elle utilise le framework CSS Bootstrap pour s'adapter au format mobile.

Template pour la création de mini-quiz web

Cliquez pour y accéder

Il s'agit d'un projet personnel d'un moteur de quiz fonctionnant en JS alimentée par une feuille JSON de questions/réponses. Cette application peut être utilisée pour créer des quiz de manière simple. Elle utilise le framework CSS Bootstrap pour s'adapter au format mobile.

Formation intéractive au service de restauration

Cliquez pour y accéder

Cette application présente les pratiques métier des restaurants Hippopotamus, elle a été produite par Alain Renault Communication. Un quiz de validation des connaissances y est inclus fonctionnant sur LMS.

Formation intéractive au service de restauration

Cliquez pour y accéder

Cette application présente les pratiques métier des restaurants Hippopotamus, elle a été produite par Alain Renault Communication. Un quiz de validation des connaissances y est inclus fonctionnant sur LMS.

Portail CMS Web JS sur les visual novels

Cliquez pour y accéder

Ce site présente un guide interactif des visual novels en langue française.

Il a été réalisé avec Vanilla JS suivant une structure MVC, et est hébergé sur GitHub Pages en statique (données JSON avec back-office en local).

Portail CMS Web JS sur les visual novels

Cliquez pour y accéder

Ce site présente un guide interactif des visual novels en langue française.

Il a été réalisé avec Vanilla JS suivant une structure MVC, et est hébergé sur GitHub Pages en statique (données JSON avec back-office en local).

Collection d'icones aux formats svg, png et ico

Cliquez pour y accéder

Cette page web, conçue en utilisant du JavaScript statique et hébergée sur GitHub Pages, met à disposition une compilation d'icônes 'mal orthographiées', faisant allusion à un même de la culture en ligne.

Collection d'icones aux formats svg, png et ico

Cliquez pour y accéder

Cette page web, conçue en utilisant du JavaScript statique et hébergée sur GitHub Pages, met à disposition une compilation d'icônes 'mal orthographiées', faisant allusion à un même de la culture en ligne.

Application web de sensibilisation au sexisme pour les étudiants

Cliquez pour y accéder

Cette BD interactive a été créée par Accordia pour sensibiliser les étudiants de la faculté Paris Sorbonne au sexisme ordinaire. Il contient 4 épisodes, chacun présentant des décisions à prendre à certains moments du jeu, menant à différentes branches du scénario. A la fin de chaque épisode, l'utilisateur peut comparer ses choix avec ceux de tous les joueurs.

L'application est réalisée en JS / PHP. Elle inclu un dashboard de consultation des statistiques pour les administrateurs.

Application web de sensibilisation au sexisme pour les étudiants

Cliquez pour y accéder

Cette BD interactive a été créée par Accordia pour sensibiliser les étudiants de la faculté Paris Sorbonne au sexisme ordinaire. Il contient 4 épisodes, chacun présentant des décisions à prendre à certains moments du jeu, menant à différentes branches du scénario. A la fin de chaque épisode, l'utilisateur peut comparer ses choix avec ceux de tous les joueurs.

L'application est réalisée en JS / PHP. Elle inclu un dashboard de consultation des statistiques pour les administrateurs.

Projet de BD interactive sur la cyber-sécurité

Cliquez pour y accéder

Ce projet est un dispositif de sensibilisation à la cybersécurité sous forme de bande dessinée interactive.

La production et les illustrations ont été réalisées par Icomene. Ce projet a été conçu en Canvas JS (Adobe Animate), via un moteur sur-mesure. Cette application a été prévue pour être lue sur mobiles et tablettes.

Projet de BD interactive sur la cyber-sécurité

Cliquez pour y accéder

Ce projet est un dispositif de sensibilisation à la cybersécurité sous forme de bande dessinée interactive.

La production et les illustrations ont été réalisées par Icomene. Ce projet a été conçu en Canvas JS (Adobe Animate), via un moteur sur-mesure. Cette application a été prévue pour être lue sur mobiles et tablettes.

Application web de lutte contre le sexisme ordinaire

Cliquez pour y accéder

Cette application web, produite et conçue par Accordia, est destinée aux recrues de l'armée française ; elle leur permet de s'informer et de lutter contre le sexisme ordinaire. Ce projet a nécessité plusieurs mois de travail pour le contenu rédactionnel.

La totalité du contenu de l'application ainsi que sa structure peut être mise à jour via un classeur Excel.

Application web de lutte contre le sexisme ordinaire

Cliquez pour y accéder

Cette application web, produite et conçue par Accordia, est destinée aux recrues de l'armée française ; elle leur permet de s'informer et de lutter contre le sexisme ordinaire. Ce projet a nécessité plusieurs mois de travail pour le contenu rédactionnel.

La totalité du contenu de l'application ainsi que sa structure peut être mise à jour via un classeur Excel.

Développement de jeux fantasy-console PICO-8

Cliquez pour y accéder

Cette page référence mes derniers jeux réalisés avec le moteur Pico-8. Ces derniers sont jouables directement depuis le navigateur et hébergés sur GitHub Pages.

Développement de jeux fantasy-console PICO-8

Cliquez pour y accéder

Cette page référence mes derniers jeux réalisés avec le moteur Pico-8. Ces derniers sont jouables directement depuis le navigateur et hébergés sur GitHub Pages.

Mini-jeux et prototypes

Cliquez pour y accéder

Cette page présente mes premiers projets et prototypes en GameDev notamment avec Unity Engine. Il s'agit de jeux courts, la plupart jouable dans la navigateur.

Mini-jeux et prototypes

Cliquez pour y accéder

Cette page présente mes premiers projets et prototypes en GameDev notamment avec Unity Engine. Il s'agit de jeux courts, la plupart jouable dans la navigateur.

Exercice : illustration de la POO avec Unity Engine

Cliquez pour y accéder

Ce projet d'études met en avant les piliers de la programmation orientée objet (abstraction, encapsulation, héritage et polymorphisme) à travers des exemples tels que le changement de direction et d'action des animaux ainsi que l'utilisation de l'héritage pour les comportements spécifiques à chaque type d'animal.

Exercice : illustration de la POO avec Unity Engine

Cliquez pour y accéder

Ce projet d'études met en avant les piliers de la programmation orientée objet (abstraction, encapsulation, héritage et polymorphisme) à travers des exemples tels que le changement de direction et d'action des animaux ainsi que l'utilisation de l'héritage pour les comportements spécifiques à chaque type d'animal.

Reproduction du premier niveau de Super Mario

Cliquez pour y accéder

Il s'agit d'une reproduction aussi fidèle que possible du premier niveau du jeu Super Mario réalisée avec Construct2. Elle utilise des ressources graphiques du jeu original.

Reproduction du premier niveau de Super Mario

Cliquez pour y accéder

Il s'agit d'une reproduction aussi fidèle que possible du premier niveau du jeu Super Mario réalisée avec Construct2. Elle utilise des ressources graphiques du jeu original.