Djip Co

21:32

Une page web comme interface mobile (Partie 5)

Dans cette vidéo, nous ajoutons un paramètre à notre composant qui permettra de copier les données entrantes dans un tableau (Table DAT) Vous pouvez télécharger les fichiers dans l’état où ils étaient à la fin de la vidéo précédente: https://downgit.github.io/#/home?url=https://github.com/djipco/approfondir-touchdesigner/tree/main/une-page-web-comme-interface-mobile/partie5/version-initiale —– Introduction: 00:00 Ajout d’un paramètre Table DAT: 00:30 Modification du code Python: 02:10 Correctif […]

Djip Co

16:19

Une page web comme interface mobile (Partie 4)

Dans cette vidéo, nous créons un composant dans TouchDesigner pour faciliter la réutilisation et la configuration de notre serveur. Vous pouvez télécharger les fichiers dans l’état où ils étaient à la fin de la vidéo précédente: https://downgit.github.io/#/home?url=https://github.com/djipco/approfondir-touchdesigner/tree/main/une-page-web-comme-interface-mobile/partie4/version-initiale —– Introduction: 00:00 Création du composant: 00:14 Personnaliser le composant: 01:55 Utiliser les paramètres personnalisés: 06:30 Conclusion: 15:30 […]

Djip Co

13:03

Une page web comme interface mobile (Partie 3)

Dans cette vidéo, nous ajoutons l’envoi des clics de l’interface web vers TouchDesigner. Vous pouvez télécharger les fichiers dans l’état où ils étaient à la fin de la vidéo précédente: https://downgit.github.io/#/home?url=https://github.com/djipco/approfondir-touchdesigner/tree/main/une-page-web-comme-interface-mobile/partie3/version-initiale —– Introduction: 00:00 Ajout des écouteurs de clic: 00:18 Ajout d’opérateurs JSON: 09:59 Conclusion: 11:42 —– Cette vidéo fait partie d’une mini-série dont la […]

Djip Co

Une page web comme interface mobile (Partie 2)

Dans cette 2e partie de la série, vous apprendrez comment créer un WebSocket pour envoyer des informations à TouchDesigner à partir d’une page web. Vous pouvez télécharger les fichiers dans l’état où ils étaient à la fin de la vidéo précédente: https://downgit.github.io/#/home?url=https://github.com/djipco/approfondir-touchdesigner/tree/main/une-page-web-comme-interface-mobile/partie2/version-initiale —– Introduction: 00:00 Aperçu de l’interface: 00:45 Aperçu du code existant: 02:15 Modification […]

Djip Co

Une page web comme interface mobile (Partie 1)

Dans cette mini-série de 7 vidéos, vous apprendrez comment il est possible de se servir d’une page web sur un appareil mobile pour interagir avec TouchDesigner. La page en question utilisera le protocole WebSocket pour se connecter à l’opérateur Web Server de TouchDesigner et ainsi envoyer et recevoir des messages. Dans cette première partie, vous […]

Djip Co

15:05

32 – Conclusion – Découvrir TouchDesigner

Pour conclure la série, cette dernière vidéo vous propose des pistes d’exploration pour continuer votre apprentissage du logiciel de façon autonome. Voici tous les liens mentionnés dans la vidéo: Sweet Sixteen TOPs: https://docs.derivative.ca/TOP#Sweet_16_TOPs Sweet Sixteen CHOPs: https://docs.derivative.ca/CHOP#Sweet_16_CHOPs Sweet Sixteen SOPs: https://docs.derivative.ca/SOP#Sweet_16_SOPs Sweet Sixteen DATs: https://docs.derivative.ca/DAT#Sweet_Sixteen_DATs Python et TouchDesigner: https://docs.derivative.ca/Category:Python Interface: https://docs.derivative.ca/Panel_Component GLSL: ShaderToy: https://www.shadertoy.com/view/NslGRN Substance: […]

Djip Co

March 29, 2021

15:59

31 – Quelques trucs additionnels – Découvrir TouchDesigner

Cette vidéo est dédiée à tous les petits trucs, fonctionnalités, raccourcis et autres informations diverses qui n’ont pas trouvé leur place plus tôt dans la série mais qui peuvent néanmoins vous rendre plus efficace dans votre utilisation du logiciel. Voici les liens mentionnés dans la vidéo: Raccourcis: TouchDesigner | Keyboard Shortcuts Bonnes pratiques: Style Guides —– […]

Djip Co

March 28, 2021

26:03

30 – Modules & Raccourcis – Découvrir TouchDesigner

Dans cette vidéo, nous verrons comment organiser un projet en modules à l’aide des composants et comment simplifier le création de liens en utilisant les raccourcis. —– Introduction: 00:00 Structure en aplat: 00:32 Structure arborescente: 03:11 Composant “fermé”: 06:01 Composant “ouvert”: 11:46 Raccourcis: 16:04 Conclusion: 25:14 —– Cette vidéo fait partie d’une série de tutoriels […]

Djip Co

March 27, 2021

29 – Opérateur Feedback – Découvrir TouchDesigner

Dans cette vidéo, nous verrons comment utiliser l’opérateur Feedback (TOP) et nous réaliserons un petit exemple créant une trainée visuelle derrière un cercle. —– Introduction: 00:00 Mise en place: 00:31 Opérateur Feedback: 03:29 Opérateur Level: 07:03 Blur: 11:11 Edge: 12:58 Displace: 13:51 Conclusion: 18:13 —– Cette vidéo fait partie d’une série de tutoriels en français […]

Djip Co

March 21, 2021

28 – Particules (Partie 2) – Découvrir TouchDesigner

Dans cette vidéo, nous verrons comment contrôler l’opérateur Particle dynamiquement à l’aide de la souris. L’image de particule utilisée dans la vidéo peut être téléchargée à cette adresse: https://djip.co//data/youtube/particule.png —– Introduction: 00:00 Configuration de Particle et Line: 00:25 Mise en place de l’environnement de rendu: 06:00 Contrôle avec la souris: 11:23 Encapsulation dans un composant: […]

Djip Co

March 14, 2021

26 – Instanciation (Partie 4) – Découvrir TouchDesigner

Dans cette dernière vidéo sur l’instanciation, nous verrons comment il est possible d’instancier le contenu de n’importe quel TOP en assignant celui-ci à un matériau. —– Introduction: 00:00 Ajout des opérateurs de rendu: 00:28 Instanciation à l’aide d’un SOP: 00:50 Application d’une texture au SOP: 04:47 Utilisation de transformations: 08:38 Conclusion: 10:17 —– Cette vidéo […]

Djip Co

25 – Instanciation (Partie 3) – Découvrir TouchDesigner

Dans cette courte vidéo, nous voyons comment utiliser un SOP et un CHOP comme source pour l’instantiation d’une géométrie. —– Introduction: 00:00 Ajout des opérateurs de rendu 3D: 00:20 Importation d’un modèle FBX: 01:00 Activation de l’instanciation: 02:27 Nombre et position des instances: 04:13 Couleur des instances: 11:45 Rotation des instances: 21:27 Rotation du groupe […]

Djip Co

24 – Instanciation (Partie 1) – Découvrir TouchDesigner

Dans cette vidéo, nous examinons comment il est possible de créer de multiples copies d’une géométrie à l’aide de l’instanciation. —– Introduction: 00:00 Opérateur Copy: 00:14 Instanciation: 01:47 Ajout des opérateurs de rendu 3D: 03:03 Activation de l’instanciation: 06:00 Création d’un Table DAT pour l’instanciation: 07:36 Activation de l’instanciation: 12:38 Assignation de couleurs aux instances: […]

Djip Co

23 – Obtenir de l’aide – Découvrir TouchDesigner

Dans cette courte vidéo, nous passons en revue les différentes façon d’obtenir de l’aide dans l’écosystème de TouchDesigner. —– Introduction: 00:00 Ressources principales: 00:20 Operator Snippets: 01:12 Aide spécifique à un opérateur: 02:22 Pages Facebook: 03:27 Conclusion: 04:51 —– Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner. Les vidéos […]

Djip Co

17 – Lier l’audio à la ligne du temps – Découvrir TouchDesigner

Dans cette vidéo, nous verrons comment lier la lecture de l’audio à la ligne du temps, ce qui nous permettra d’utiliser le Beat CHOP pour contrôler des visuels en suivant le rythme d’une pièce musicale. La boucle musicale utilisée dans la vidéo peut être téléchargée ici: https://djip.co/data/youtube/horizon_ending_140bpm.wav La pièce Horizon Ending relève du domaine public. […]

Djip Co

16 – Sauvegarder un composant dans la palette – Découvrir TouchDesigner

Dans cette vidéo, nous voyons comment sauvegarder un composant que nous avons créé dans la palette de TouchDesigner. —– Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner. Les vidéos de la série sont pensés de façon séquentielle et s’appuient sur les apprentissages précédents. L’idéal est donc de les regarder […]

Djip Co

15 – Analyse de l’audio (Partie 3) – Découvrir TouchDesigner

Dans cette vidéo, nous appliquons quelques bonnes pratiques de nomenclature et sauvegardons notre composant d’analyse sonore dans la palette pour une réutilisation future. La boucle musicale utilisée dans la vidéo peut être téléchargée ici: https://djip.co/data/youtube/horizon_ending_140bpm.wav La pièce Horizon Ending relève du domaine public. Elle a été créée par Soft and Furious et est disponible en […]

Djip Co

14 – Analyse de l’audio (Partie 2) – Découvrir TouchDesigner

Dans cette vidéo, nous créerons un composant (COMP) d’analyse audio à partir du réseau créé dans la vidéo précédente. La boucle musicale utilisée dans la vidéo peut être téléchargée ici: https://djip.co/data/youtube/horizon_ending_140bpm.wav La pièce Horizon Ending relève du domaine public. Elle a été créée par Soft and Furious et est disponible en entier ici: https://freemusicarchive.org/music/Soft_and_Furious/You_know_where_to_find_me/Soft_and_Furious_-_You_know_where_to_find_me_-_09_Horizon_Ending —– […]

Djip Co

13 – Analyse de l’audio (Partie 1) – Découvrir TouchDesigner

Dans cette vidéo, nous voyons comment analyser un signal sonore pour en extraire l’intensité des basses, moyennes et hautes fréquences. Avec les informations extraites, nous modifions la taille d’éléments visuels. La boucle musicale utilisée dans la vidéo peut être téléchargée ici: https://djip.co/data/youtube/horizon_ending_140bpm.wav La pièce Horizon Ending relève du domaine public. Elle a été créée par […]

Djip Co

12 – Sources sonores – Découvrir TouchDesigner

Cette vidéo les différents opérateurs qui peuvent être utilisés pour jouer ou générer du son dans TouchDesigner. —– Introduction: 00:00 Audio Oscillator: 00:59 Audio Device In: 04:48 Audio File In: 06:01 Audio Movie: 08:47 Conclusion: 9:38 —– Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner. Les vidéos de la […]

Djip Co

11 – Un peu d’organisation… – Découvrir TouchDesigner

Cette vidéo présente des trucs et bonnes pratiques quant à l’organisation des réseaux, des fichiers et des dossiers. Avant de débuter des projets plus costaud, prenons de bonnes habitudes. —– Introduction: 00:00 Structure des dossiers et fichiers: 00:22 Sauvegardes: 03:43 Liaison de fichiers externes: 07:38 Organisation des réseaux: 10:51 Conclusion: 14:53 —– Cette vidéo fait […]

Djip Co

10 – Introduction aux Components (COMP) – Découvrir TouchDesigner

Dans cette vidéo, nous présentons une dernière famille d’opérateurs, les composants ou COMPs. Les COMPs sont distincts des autres familles par leur capacité à contenir leur propre sous-réseau d’opérateurs. —– Introduction: 00:00 4 sous-familles: 00:28 Exemple (Base COMP): 03:17 Externalisation d’un COMP: 10:38 Conclusion: 13:45 —– Cette vidéo fait partie d’une série de tutoriels en […]

Djip Co

January 21, 2021

09 – Introduction aux Data Operators (DAT) – Découvrir TouchDesigner

Dans cette vidéo, nous regardons les caractéristiques générales des DATs (data operators) et réalisons de petits réseaux pour apprendre à les utiliser. —– Introduction: 00:00 Type de données: 01:13 Exemple (Text DAT): 02:22 Exemple (Web Client DAT + Scripts): 07:40 Field et Button (COMP): 23:47 Amarrage (Docking): 32:40 Conclusion: 34:18 —– Cette vidéo fait partie […]

Djip Co

January 18, 2021

08 – Introduction aux Material Operators (MAT) – Découvrir TouchDesigner

Dans cette vidéo, nous regardons les caractéristiques générales des MATs (material operators) et réalisons de petits réseaux pour apprendre à les utiliser. —– Introduction: 00:00 Réseau de rendu: 00:55 MAT de type Constant: 04:56 MAT de type Line: 10:55 MAT de type Phong: 21:11 Conclusion: 32:20 —– Cette vidéo fait partie d’une série de tutoriels […]

Djip Co

January 16, 2021

07 – Introduction aux Surface Operators (SOP) – Découvrir TouchDesigner

Dans cette vidéo, nous regardons les caractéristiques générales des SOP (surface operators) et réalisons de petits réseaux pour apprendre à les utiliser. —– Introduction: 00:00 Options de visualisation: 01:45 Fusion de géométries: 09:00 Type de données (Geo-Detail): 09:48 Exemple (Sphere + Noise): 11:05 Importation de géométries: 18:11 Rendu: 20:48 Conclusion: 28:05 —– Cette vidéo fait […]

Djip Co

06 – Introduction aux Channel Operators (CHOP) – Découvrir TouchDesigner

Dans cette vidéo, nous passons en revue les caractéristiques générales des CHOP (channel operators) et réalisons de petits réseaux pour apprendre à les utiliser. —– Introduction: 00:00 Exemple 1 (signal audio): 01:15 Clip: 12:55 Exemple 2 (clips + ajout de canaux): 14:42 Expression et importation: 24:59 Conclusion: 36:00 —– Cette vidéo fait partie d’une série […]

Djip Co

05 – Introduction aux Texture Operators (TOP) – Découvrir TouchDesigner

Dans cette vidéo, nous regardons les caractéristiques générales des TOP (texture operators) et réalisons de petits réseaux pour apprendre à les utiliser. —– À propos des TOPs: 00:00 Exemple 1 (Circle + Blur + Out): 03:01 Exemple 2 (Text + Transform + Mouse In): 11:11 Exemple 3 (Video Device In + Crop + Chroma): 22:04 […]

Djip Co

04 – Familles & catégories d’opérateurs – Découvrir TouchDesigner

Dans cette vidéo, nous passons sommairement en revue les familles (TOP, CHOP, SOP, MAT, DAT et COMP) et les catégories d’opérateurs disponibles dans TouchDesigner. —– Introduction: 00:00 Familles: 00:11 Catégories: 02:14 —– Cette vidéo fait partie d’une série de tutoriels en français sur le logiciel TouchDesigner. Les vidéos de la série sont pensés de façon […]

Djip Co

03 – Ajout d’opérateurs – Découvrir TouchDesigner

Dans cette vidéo, vous apprendrez les différentes façons d’atteindre et de naviguer la fenêtre d’ajout d’opérateur (OP Create Dialog) du logiciel TouchDesigner. Ça peut paraître anodin mais l’ajout d’opérateurs est une opération centrale et mérite qu’on s’y attarde un peu. —– Introduction: 00:00 Ajout d’opérateurs: 00:22 —– Cette vidéo fait partie d’une série de tutoriels […]

Djip Co

02 – Survol de l’interface – Découvrir TouchDesigner

Dans cette vidéo, nous nous intéresserons aux les éléments essentiels de l’interface du logiciel TouchDesigner: panneaux, boutons, palettes, menus, fenêtres, etc. —– Introduction: 00:00 Zones de l’interface: 00:42 Différences entre macOS et Windows: 04:03 Zone d’aide: 06:06 Zone de performance: 08:54 Zone de statut: 17:21 Bouton de performance: 18:33 Bouton de la palette: 20:00 Zone […]

Djip Co

01 – Les principes de base – Découvrir TouchDesigner

Dans cette vidéo, nous passerons en revue les notions fondamentales nécessaires à la prise en main du logiciel TouchDesigner. Il s’agit d’une introduction sommaire et générale où nous parlerons de principes de base comme le réseau, le noeud, les opérateurs et leurs types, les connexions, les flux de données, etc. —– Introduction: 00:00 Types de […]

Djip Co

00 – Avant de commencer – Découvrir TouchDesigner

Dans cette série de tutoriels en français, vous apprendrez à utiliser le logiciel TouchDesigner. Si, au premier coup d’oeil, l’environnement du logiciel peut paraître rébarbatif, n’ayez crainte. En quelques vidéos, vous réaliserez rapidement que cet environnement de programmation visuelle et de création procédurale est, au contraire, plutôt convivial et invite à l’exploration et à l’expérimentation. […]

Djip Co