GL

Projection interactive sur TouchDesigner

Projet étudiant

|

Médias Interactifs

Crédits: Guillaume Langlois

Compétence utile:

Voir une démo
La projection en attente d'un utilisateur
La projection en attente d'un utilisateur

Description du projet

Cette projection interactive est rendue possible grâce à une Kinect connectée à TouchDesigner. La projection s'active lorsque la Kinect détecte un usager. Autrement, elle est en mode attente et un code QR est présent pour avoir plus de détails sur l'œuvre.

Les nodes qui détectent l'utilisteur et changent le mode
Les nodes qui détectent l'utilisteur et changent le mode
Les nodes qui détectent l'utilisteur et changent le mode
Les nodes qui détectent l'utilisteur et changent le mode

Processus de création

La première chose à faire était de connecter la Kinect à TouchDesigner et de créer deux modes pour faire en sorte qu'elle passe d'un à l'autre lorsqu'un utilisateur est détecté.

Création de différents composants

Par la suite, j’ai créé quelques composantes différentes. Ces composantes forment la majorité du nombre de nodes du projet.

Nodes qui forment la composante « Musique »
Nodes qui forment la composante « Musique »
Nodes qui forment la composante « Musique »
Nodes qui forment la composante « Musique »
Nodes qui forment la composante « mode_autonome »
Nodes qui forment la composante « mode_autonome »
Nodes qui forment la composante « mode_autonome »
Nodes qui forment la composante « mode_autonome »
Nodes qui forment la composante « mode_interactif »
Nodes qui forment la composante « mode_interactif »
Nodes qui forment la composante « mode_interactif »
Nodes qui forment la composante « mode_interactif »
Nodes qui forment la composante « handsY »
Nodes qui forment la composante « handsY »
Nodes qui forment la composante « handsY »
Nodes qui forment la composante « handsY »
Nodes qui forment la composante « silhouette »
Nodes qui forment la composante « silhouette »
Nodes qui forment la composante « silhouette »
Nodes qui forment la composante « silhouette »
Nodes qui forment la composante « silhouette_bckgrnd »
Nodes qui forment la composante « silhouette_bckgrnd »
Nodes qui forment la composante « silhouette_bckgrnd »
Nodes qui forment la composante « silhouette_bckgrnd »
Nodes qui forment la composante « silhouette_player »
Nodes qui forment la composante « silhouette_player »
Nodes qui forment la composante « silhouette_player »
Nodes qui forment la composante « silhouette_player »
Nodes qui forment la composante « silhouette_color »
Nodes qui forment la composante « silhouette_color »
Nodes qui forment la composante « silhouette_color »
Nodes qui forment la composante « silhouette_color »
La page web ouverte au scan du code QR
La page web ouverte au scan du code QR
La page web ouverte au scan du code QR
La page web ouverte au scan du code QR

Création d'une mini page web

La touche finale du projet était de faire une petite page web avec toutes les informations sur l'œuvre: son nom, un sous-titre, le nom de l'auteur avec le contexte de réalisation de l'œuvre et les crédits de la trame sonore avec sa licence Creative Commons. Cette page est accessible en scannant le code QR du mode attente de la projection ou en cliquant ici