radi2025/slides.md

1045 lines
29 KiB
Markdown
Raw Normal View History

2025-11-10 13:47:11 +01:00
---
theme : "simple"
customTheme : "slides"
width : 1920
height: 1080
showNotes: false
controls: false
progess: true
fragmentInURL: true
enableMenu: false
autoPlayMedia: true
enableTitleFooter: false
slideNumber: true
logoImg: "src/logosmall.png"
title: "Enquêter sur les pipelines : une approche scientifique des organisations de production"
---
# Enquêter sur les pipelines
## une approche scientifique des organisations de production
<!-- .slide: data-state="hide-menubar" -->
---
## À propos
<div id="left">
![](src/swann.png){.portrait}
### Dr. Swann Martinez
</div>
<div id="right">
![](src/remy.png){.portrait}
### Dr. Rémy Sohier
</div>
note:
⏭️
<!-- .slide: data-state="hide-menubar" -->
--
2025-11-10 17:53:25 +01:00
## Nos casquettes 🧢
2025-11-10 13:47:11 +01:00
<div id="left">
<img src="./src/xilam.png" width=40%><br>
<img src="./src/cube_nb.png" width=40%>
</div>
<div id="right">
<img src="./src/p8_logo.png" width=50%><br>
<img src="./src/inrev.png" width=30%>
</div>
note:
2025-11-10 17:53:25 +01:00
Swann est ingénieur R&D chez Cube/Xilam et a travaillé à temps partiel sur le projet en tant qu'ingénieur de recherche à l'INREV.
Rémy est professeur et chercheur à l'INREV, responsable du programme Art & Technologie de l'Image à l'Université Paris 8.
2025-11-10 13:47:11 +01:00
<!-- .slide: data-state="hide-menubar" -->
--
## Paneurama
<img src="./src/paneurama.png" width=10%/>
<img src="./src/funded_eu.png" width=25%/>
<br>
<img src="./src/Paneurama-partners-schools.png" width=70%/>
<br>
<img src="./src/Paneurama-partners-industry.png" width=90%/>
<br>
<img src="./src/Paneurama-partners-associated.png" width=90%/>
<br><br>
note:
This study was co-funded by Europe as part of an Erasmus+ project.<br>
BRIDGE THE GAP BETWEEN SCHOOLS AND STUDIOS<br>
Educational institutions<br>
Industry partners<br>
Associated partners in the Paneurama network<br>
BREDA -> Netherlands, Breda<br>
THE ANIMATION WORKSHOP -> Denmark, Viborg<br>
ANIMATIONINSTITUTE -> Germany, Stuttgart<br>
QVISTEN -> Norway
RISE FX -> Germany, Stuttgart
Workshop, research, reports...
<!-- .slide: data-state="hide-menubar" -->
---
## Sommaire
2025-11-12 19:11:21 +01:00
1. Constats & Motivations du projet {.fragment}
2025-11-10 13:47:11 +01:00
2. Démarche de recherche {.fragment}
3. Axes d'analyses{.fragment}
4. Limites & Futures{.fragment}
<!-- .slide: data-state="hide-menubar" -->
note:
2025-11-13 18:18:06 +01:00
Aujourdhui, nous allons parler pipeline !
2025-11-10 13:47:11 +01:00
---
<!-- .slide: data-stack-name="Motivations" -->
2025-11-13 18:18:06 +01:00
# Constats
2025-11-10 13:47:11 +01:00
<!-- .slide: data-auto-animate data-transition-speed="slow"-->
2025-11-12 19:11:21 +01:00
<!--
Parler des constats, des initiatives ont été prises:
- pour définir certains termes
- partager des outils / frameworks, etc.
Mais à ce jours,
- peu de partage de données de fabrication
- peu de recherche sur des cas d'études
-->
--
2025-11-13 18:18:06 +01:00
### De nombreuses initiatives autour du pipeline !
2025-11-14 18:39:54 +01:00
<div class="r-stack">
<img src="./src/initiative_pipeline_0.drawio.svg" class="fragment" width=900px>
<img src="./src/initiative_pipeline_1.drawio.svg" class="fragment" width=900px>
<img src="./src/initiative_pipeline_2.drawio.svg" class="fragment" width=900px>
<img src="./src/initiative_pipeline_3.drawio.svg" class="fragment" width=900px>
</div>
2025-11-13 18:18:06 +01:00
2025-11-14 18:39:54 +01:00
Et plein d'autres !{.fragment}
2025-11-13 18:18:06 +01:00
<!--
- Listes de partages (awesome-cg-vfx-pipeline,..)
2025-11-12 19:11:21 +01:00
- Définition de termes (lepipeline.org)
2025-11-13 18:18:06 +01:00
- Espaces de discussion (Discord,...)
2025-11-12 19:11:21 +01:00
- Conférences (TPC, DigiPro)
2025-11-13 18:18:06 +01:00
- Et plein d'autre... -->
2025-11-12 19:11:21 +01:00
<!-- TODO: Faire un zoli cercle -->
2025-11-13 18:18:06 +01:00
2025-11-12 19:11:21 +01:00
note:
2025-11-13 18:18:06 +01:00
Lorsque l'on cherche des connaissances et outils pipe. De nombreuses initiatives existent...
2025-11-12 19:11:21 +01:00
Mais Damien Coureau en parlera mieux dans la conférence suivante !
--
2025-11-13 18:18:06 +01:00
### Avec des résultats tangibles
2025-11-12 19:11:21 +01:00
2025-11-14 18:39:54 +01:00
<img src="./src/initiative_pipeline_results.drawio.svg" width=900px/>{.fragment}
2025-11-12 19:11:21 +01:00
2025-11-14 18:39:54 +01:00
<font color=red style="position: relative;bottom:30px;">--> Peu d'études de cas, pas d'études comparatives</font>{.fragment}
2025-11-12 19:11:21 +01:00
note:
Cependant il est important de noter que parmis ces dernières,
on a beaucoup d'outils <3, quelques articles mais peu de données précises sur les pipelines utilisés en production
2025-11-13 18:18:06 +01:00
Avec le temps quelques initiative se sont figées faute de temps/moyen, les instigateurs se sont usés à la tache
2025-11-12 19:11:21 +01:00
--
2025-11-13 18:18:06 +01:00
## Freins
2025-11-12 19:11:21 +01:00
2025-11-14 18:39:54 +01:00
- **Culturel**: pour beaucoup pipeline = secret professionnel {.fragment}
- **Temporel**: le temps manque entre deux productions pour partager, documenter les pratiques {.fragment}
- **Organique**: la nature évolutive d'un pipeline complique sa documentation {.fragment}
2025-11-12 19:11:21 +01:00
note:
2025-11-13 18:18:06 +01:00
Avec le temps quelques initiative se sont figées faute de temps/moyen, les instigateurs se sont usés à la tache.
2025-11-12 19:11:21 +01:00
--
2025-11-13 18:18:06 +01:00
<!-- .slide: data-transition="none" -->
2025-11-12 19:11:21 +01:00
## Approche académique ?
2025-11-14 18:39:54 +01:00
- Moyens publiques (temps) {.fragment}
- Neutralité {.fragment}
- Méthodologie scientifique {.fragment}
2025-11-13 18:18:06 +01:00
note:
Une approche académique porté par un laboratoire pourrait apporter une piste de solution à ce manque d'analyse qualitatives.
--
<!-- .slide: data-transition="none" -->
2025-11-14 18:39:54 +01:00
<img src="./src/initiative_pipeline.drawio.svg" width=900px/>
2025-11-12 19:11:21 +01:00
note:
--
2025-11-14 18:39:54 +01:00
<img src="./src/initiative_pipeline_recherche.drawio.svg" width=900px/>
2025-11-13 18:18:06 +01:00
note:
<!-- .slide: data-transition="none" -->
2025-11-12 19:11:21 +01:00
<!-- TODO: Mettre la bubule avec une cloques où on se situe -->
2025-11-10 13:47:11 +01:00
2025-11-10 22:43:10 +01:00
--
## Education
2025-11-14 18:39:54 +01:00
*Combler un fossé entre l'éducation et l'industrie*
- Fournir des données en phase avec la réalité de terrain {.fragment}
- Faciliter l'intégration de nouveaux artistes {.fragment}
2025-11-10 13:47:11 +01:00
2025-11-12 19:11:21 +01:00
note:
2025-11-13 18:18:06 +01:00
Aider les étudiants et les écoles à comprendre comment les studios fonctionnent vraiment — et pas seulement la version idéalisée des manuels. <br>
Combler le fossé entre l'éducation et l'industrie : une meilleure formation facilite l'intégration des nouveaux artistes. <br>
2025-11-12 19:11:21 +01:00
2025-11-10 13:47:11 +01:00
--
2025-11-10 22:43:10 +01:00
## Recherche
2025-11-14 18:39:54 +01:00
*Promouvoir la connaissance ouverte sur les pipelines*
- Enrichir les méthodes cartographiques existentes {.fragment}
- Construire une cartograhie collective des pratiques de production {.fragment}
2025-11-10 13:47:11 +01:00
note:
Promouvoir la connaissance ouverte — partager les schémas de pipeline au lieu de les garder comme des « secrets de studio ». <br>
Construire une cartographie collective des pratiques de production que d'autres peuvent utiliser, enrichir ou remettre en question. <br>
2025-11-12 19:11:21 +01:00
2025-11-10 13:47:11 +01:00
---
<!-- .slide: data-stack-name="Méthode de recherche" -->
# Méthode de recherche
<!-- Comment on a mené cette recherche
-->
2025-11-12 19:11:21 +01:00
note:
Voyons maintenant **comment** nous avons abordé cela
2025-11-10 13:47:11 +01:00
--
## Problèmes
- Comment **visualiser** un pipeline ?
- Comment **comparer** les pipelines entre studios ?
<br>
2025-11-13 18:18:06 +01:00
<!-- TODO: Ameliorer schemas -->
2025-11-14 18:39:54 +01:00
<!-- <img src="./src/compare_studios.png" width="100%"> -->
2025-11-10 13:47:11 +01:00
--
## Hypothèses
2025-11-10 13:47:11 +01:00
- Il existe quelque chose de **plus profond que le workflow**.
- Avec un **modèle de visualisation standard**, nous devrions pouvoir comparer les pipelines.
2025-11-10 13:47:11 +01:00
- Le pipeline pourrait être **non transférable** d'un studio à l'autre.
--
2025-11-14 18:39:54 +01:00
## Périmètre du premier volet de l'étude
2025-11-10 13:47:11 +01:00
- Studios français (alumni)
- Animation 3D
- Studio avec un état d'esprit opensource
note:
Ces contraintes nous ont amenés à restreindre le périmètre de notre recherche.
Pour mener une étude comparative, nous nous sommes concentrés sur l'animation 3D.
Pour faciliter l'accès aux données et contourner les problèmes de confidentialité, nous avons privilégié les entreprises ayant une culture open source.
--
## Protocole de collecte des données
*- Comment récupérer et visualiser les informations sur les pipelines ? -*
note:
Le principal défi était de trouver un moyen de récupérer et de représenter les données des pipelines des studios ! Voyons comment nous avons procédé ⏭️
--
### Étape 1: <span class="fragment" data-fragment-index="0">Entretients semi-dirigés</span>
2025-11-10 13:47:11 +01:00
<div class="twocolumncenter">
<div>
- Cartographie des DCCs<sup>[1]</sup> {.fragment data-fragment-index="1"}
- Cartographie du workflow {.fragment data-fragment-index="2"}
<font size=50em color=red>**= Pourquoi**</font> {.fragment data-fragment-index="4"}
</div>
<div class="fragment" data-fragment-index="3">
![](./src/workflowdcc_carto_flavio.png)
*Schéma simplifié des départments & DCCs, Flavio Perez, 2017*
</div>
</div>
<div class="fragment footnote" data-fragment-index="1" >
- [1] Digital Content Creation tools
</div>
note:
La première étape consistait à comprendre la finalité du pipeline au sein de l'entreprise et à en obtenir une vue d'ensemble macro.<br>
Pour cela, lors de l'entretien, nous avons recensé les logiciels et les étapes de production, puis les avons cartographiés dans un schéma de base, inspiré des diagrammes de Flavio Perez dans son mémoire de master.<br>
Cela nous donne le "**POURQUOI**" du pipeline. ⏭️
--
<div class="schema">
<img data-id="workflowcube" src="./src/chicky_workflow.svg" style="position:relative;" />
</div>
Résultat de l'interview semi-dirigée pour Cube Creative.
note:
Nous avons terminé le premier entretien avec des schémas comme celui-ci pour Cube Creative. ⏭️
<!-- .slide: data-auto-animate data-transition-speed="slow"-->
--
<div class="schema">
<img data-id="workflowcube" src="./src/chicky_workflow.svg" style="position:relative;height:2000px;bottom:700px;right:-100px; max-width:none;" />
</div>
Une représentation simplifiée du workflow depuis l'écriture...
note:
Comme vous pouvez le voir, cela cartographie les étapes et logiciels, qu'ils soient intégrés ou non au pipeline, depuis l'écriture... ⏭️
<!-- .slide: data-auto-animate data-transition-speed="slow"-->
--
<div class="schema">
<img data-id="workflowcube" src="./src/chicky_workflow.svg" style="position:relative;height:2000px;bottom:1300px;right:120px; max-width:none;" />
</div>
jusqu'à la fabrication des assets...
note:
jusqu'à la fabrication des assets... ⏭️
<!-- .slide: data-auto-animate data-transition-speed="slow"-->
--
<div class="schema">
<img data-id="workflowcube" src="./src/chicky_workflow.svg" style="position:relative;height:2000px;bottom:600px;right:2200px; max-width:none;" />
</div>
jusqu'à la fabrication des plans...
note:
jusqu'à la fabrication des plans... ⏭️
<!-- .slide: data-auto-animate data-transition-speed="slow"-->
--
<div class="schema">
<img data-id="workflowcube" src="./src/chicky_workflow.svg" style="position:relative;height:2000px;bottom:600px;right:3800px; max-width:none;" />
</div>
... jusqu'à la livraison des images 🚀 !
note:
... jusqu'à la livraison des images ⏭️
<!-- .slide: data-auto-animate data-transition-speed="slow"-->
--
### Étape 2: <span class="fragment" data-fragment-index="0">Entretiens dirigés</span>
2025-11-10 13:47:11 +01:00
<div style="text-align: center;">
2025-11-10 17:53:25 +01:00
<div class="fragment" style="display:inline;" data-fragment-index="1">Récupérer
2025-11-10 13:47:11 +01:00
<img style="vertical-align: middle;" width=4% src="./src/accolades_o.svg"></div>
<ul style="list-style-type: none; margin: 0; vertical-align: middle;text-align:center;">
<li data-fragment-index="2" class="fragment">niveaux d'infrastructure </li>
2025-11-10 17:53:25 +01:00
<li data-fragment-index="3" class="fragment">processus </li>
2025-11-14 18:39:54 +01:00
<li data-fragment-index="4" class="fragment">politique de versionning </li>
2025-12-25 18:51:15 +01:00
<li data-fragment-index="5" class="fragment">composition d'assets & shots</li>
2025-11-10 17:53:25 +01:00
<li data-fragment-index="6" class="fragment">formats de fichiers</li>
2025-11-10 13:47:11 +01:00
</ul>
<div class="fragment" data-fragment-index="7" style="display: inline;">
<img style="vertical-align: middle;" width=4% src="./src/accolades_c.svg">
2025-11-10 17:53:25 +01:00
pour comprendre <font color=red> <b>COMMENT</b></font> le pipeline est modélisé.
2025-11-10 13:47:11 +01:00
</div>
</div>
note:
2025-11-10 17:53:25 +01:00
L'objectif du processus de collecte des données :<br>
-Nous visons à obtenir une vue d'ensemble des motivations du pipeline <br>
-Nous définissons plus précisément sa gestion des données<br><br>
Cela nous donne le « comment » le pipeline est modélisé ==> Mais alors, quelle représentation utiliser pour cartographier ces informations ? ...
2025-11-10 13:47:11 +01:00
--
## Étape 3: Méthodologie de cartographie du dataflow
2025-11-10 13:47:11 +01:00
--
### Pipeline Patterns <font size=6.6em><sup>[1][2]</sup></font>
2025-11-14 18:39:54 +01:00
<span data-id="pipeexplanation"><span class="fragment" data-fragment-index="0">Visualise comment <font color=9090ec>**les données**</font></span> <span class="fragment" data-fragment-index="1"> modifiées par des <font color=43bc43>**processus**</font></span></span> <span class="fragment" data-fragment-index="2">à travers le <font color=red>temps</font> et l'<font color=red>**infrastructure** </font>.</span>
2025-11-10 13:47:11 +01:00
<div class="r-stack">
<div>
<img src="./src/pipelinepatternlegend_elements.drawio.svg" class="fragment" data-fragment-index="0" width=900>
<img src="./src/pipelinepatternlegend_relation.drawio.svg" class="fragment" data-fragment-index="1" width=800>
</div>
<div>
![](./src/pipepattern_explanation.drawio.svg){.fragment data-fragment-index="2" height=600}
</div>
</div>
<div class="footnote">
- [1] B. Polson, « A conceptual framework for pipeline », in Proceedings of the 2015 Symposium on Digital Production, in DigiPro 15. p. 5152. doi: 10.1145/2791261.2791272.
- [2] B. Polson, « CG pipeline design patterns », in Proceedings of the Fourth Symposium on Digital Production, in DigiPro 14.p. 29. doi: 10.1145/2633374.2637729.
- More at https://www.pipelinepatterns.com/
</div>
note:
2025-11-10 17:53:25 +01:00
Pour cela, nous avons suivi la méthodologie proposée par Bill Polson sur **pipelinepatterns.com**.
Cette approche consiste à représenter les éléments fondamentaux d'un pipeline et leurs relations... ⏭️
En résumé, il s'agit de montrer comment les données sont modifiées par les processus à travers le temps et l'infrastructure.
Et cela se passe en deux dimensions ! Verticalement, on a l'infrastructure, et horizontalement, le temps.<br>
Regardons un exemple issu du pipeline de Cube Creative ⏭️
2025-11-10 13:47:11 +01:00
<!-- .slide: data-auto-animate -->
--
<div class="schema">
<img data-id="pipecube" src="./src/dataflow_cube_chicky.drawio.svg" style="position:relative;" />
</div>
2025-11-10 17:53:25 +01:00
*Dataflow utilisé sur la saison 4 de "Où est Ckicky ?" à Cube Creative.*
2025-11-10 13:47:11 +01:00
note:
2025-11-10 17:53:25 +01:00
Avec cette méthodologie, nous pouvons représenter le dataflow complet d'un pipeline.<br>
Regardons de plus près l'espace de travail de modélisation des assets ⏭️
2025-11-10 13:47:11 +01:00
<!-- .slide: data-auto-animate data-transition-speed="slow"-->
--
<div class="schema">
<img data-id="pipecube" src="./src/dataflow_cube_chicky_mask.drawio.svg" style="position:relative;height:2000px;bottom:1000px;right:400px; max-width:none;" />
</div>
2025-11-10 17:53:25 +01:00
*workspace de modélisation d'asset*
2025-11-10 13:47:11 +01:00
note:
2025-11-10 17:53:25 +01:00
On observe que Blender est utilisé pour cette étape de production. Sans surprise, la scène de travail ne contient que des informations de géométrie du point de vue du pipeline. Depuis Blender, les artistes exportent des playblasts à l'aide du processus *Tournette* (un addon interne) et modélisent les LODs via un *push*. ⏭️
2025-11-10 13:47:11 +01:00
<!-- .slide: data-auto-animate data-transition-speed="slow"-->
--
<div class="schema">
<img data-id="pipecube" src="./src/dataflow_cube_chicky.drawio.svg" style="position:relative;height:800px;right:-450px; max-width:none;" />
</div>
2025-11-10 17:53:25 +01:00
*workspace de modélisation d'asset*
2025-11-10 13:47:11 +01:00
note:
2025-11-10 17:53:25 +01:00
Comme vous pouvez le voir verticalement, ces éléments exportés sont synchronisés avec le serveur. Cependant, seuls le playblast et le fichier de travail sont versionnés ; les LODs ne le sont pas. ⏭️
2025-11-10 13:47:11 +01:00
<!-- .slide: data-auto-animate data-transition-speed="slow"-->
--
<div class="schema">
<img data-id="pipecube" src="./src/dataflow_cube_chicky.drawio.svg" style="height:800px; position:relative;right:300px; max-width:none;" />
</div>
2025-11-10 17:53:25 +01:00
*workspace de shading d'asset*
2025-11-10 13:47:11 +01:00
note:
2025-11-10 17:53:25 +01:00
Vient ensuite l'étape de shading... Malheureusement, il serait trop long d'expliquer en détail le dataflow de chaque étape.
Retenez simplement que cette méthodologie a été utilisée pour modéliser les pipelines de tous les studios participants dès le début... ⏭️
2025-11-10 13:47:11 +01:00
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
--
<div data-id="pipecube" class="schema">
<img src="./src/dataflow_cube_chicky.drawio.svg" style="height:800px; position:relative;right:4900px; max-width:none;" />
</div>
2025-11-10 17:53:25 +01:00
*workspace de compositing de shot*
2025-11-10 13:47:11 +01:00
note:
2025-11-10 17:53:25 +01:00
..jusqu'à la fin du périmètre du pipeline.
2025-11-10 13:47:11 +01:00
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
---
2025-11-14 18:39:54 +01:00
## Étude comparative
note:
**Now that** the introductions are done, let's dive into the study
<!-- .slide: data-stack-name="Étude comparative" -->
--
2025-11-10 13:47:11 +01:00
## Studios participants ❤️
2025-11-10 13:47:11 +01:00
<div class="threecolumn">
2025-11-14 18:39:54 +01:00
<div class="fragment"/>
<img data-id="cubetrans" src="./src/cube.png" />
2025-11-10 13:47:11 +01:00
<div>
Github link 👇
![](./src/cube_github.svg){width=300px .roundedcorner}
</div>
</div>
2025-11-14 18:39:54 +01:00
<div class="fragment"/>
<img src="./src/autour-de-minuit.jpg" width=90%/>
2025-11-10 13:47:11 +01:00
<div>
Instance Gitea publique 👇
2025-11-10 13:47:11 +01:00
![](./src/adm_gitea.svg){width=300px .roundedcorner}
2025-11-10 13:47:11 +01:00
</div>
</div>
2025-11-14 18:39:54 +01:00
<div class="fragment"/>
<img src="./src/Normaal.jpg" width= 90%/>
2025-11-10 13:47:11 +01:00
<div>
Stax Toolsuite 👇
2025-11-10 13:47:11 +01:00
![](./src/stax_link.svg){width=300px .roundedcorner}
2025-11-10 13:47:11 +01:00
</div>
</div>
2025-11-10 13:47:11 +01:00
</div>
note:
Présentons les studios qui ont gentiment accepté d'ouvrir leurs portes et de partager leurs pipelines :
Cube Creative, Autour de Minuit et Normaal Animation. ⏭️
2025-11-10 13:47:11 +01:00
--
## Projets étudiés
2025-11-10 13:47:11 +01:00
note:
**And we will firstly introduce** the projects that served as the basis for our pipeline mapping survey. ⏭️
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
--
2025-11-10 17:53:25 +01:00
## Projets étudiés
2025-11-10 13:47:11 +01:00
<div class="threecolumn">
<div class="fragment">
<img src="./src/cube.png" width=50%/>
<img height=600 src="./src/where-s-chicky.jpg" />
</div>
<div class="fragment">
<img src="./src/autour-de-minuit.jpg" width=50%/>
<img height=600 src="./src/ohlala_adv.avif" />
</div>
<div class="fragment">
<img src="./src/Normaal.jpg" width=50%/>
<img height=600 src="./src/whooly_whooly.png" />
</div>
</div>
note:
2025-11-10 17:53:25 +01:00
**Pour Cube Creative**, nous avons étudié le pipeline de *Where's Chicky?*.
**Pour Autour de Minuit**, nous avons cartographié leur nouvelle série en **pré-production**, *OhWow !*
**Et pour Normaal**, nous avons documenté le pipeline utilisé pour la série TV Wooly Wooly.
**Quelques notes** sur le format de ces projets ⏭️
2025-11-10 13:47:11 +01:00
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
--
## Projets étudiés
2025-11-10 13:47:11 +01:00
<div class="threecolumn">
<div>
<img src="./src/cube.png" width=50%/>
<img height=400 src="./src/where-s-chicky.jpg" />
- format: **52x1" episodes**
2025-11-10 22:43:10 +01:00
- style: animation 3D
2025-11-10 13:47:11 +01:00
</div>
<div>
<img src="./src/autour-de-minuit.jpg" width=50%/>
<img height=400 src="./src/ohlala_adv.avif" />
- format: **52x7" episodes**
2025-11-10 22:43:10 +01:00
- style: animation 3D
2025-11-10 13:47:11 +01:00
</div>
<div>
<img src="./src/Normaal.jpg" width=50%/>
<img height=400 src="./src/whooly_whooly.png" />
- format: **51x11" episodes**
2025-11-10 22:43:10 +01:00
- style: animation 3D
2025-11-10 13:47:11 +01:00
</div>
</div>
note:
2025-11-10 22:43:10 +01:00
**Les trois** projets sont des séries TV d'animation 3D destinées à la petite enfance.
**Le format des projets** varie légèrement selon les productions, en particulier pour *Where's Chicky*.
**À noter** que le pipeline de Chicky a également été utilisé pour leur nouvelle série, Piggy Builders (52x11").
**Nous allons** maintenant plonger progressivement dans les détails du pipeline de chaque production ⏭️
2025-11-10 13:47:11 +01:00
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
--
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
2025-11-14 18:39:54 +01:00
## Étapes de fabrication: assets
2025-11-10 13:47:11 +01:00
| | |
|-|-|
| ![](./src/where-s-chicky.jpg){.portraitsquared} | <font class="fragment" size=50>Modeling ➡️ Shading ➡️ Rigging ➡️ Animation Bank (Characters)</font> |
| ![](./src/ohlala_adv.avif){.portraitsquared} | <font class="fragment" size=50>Modeling ➡️ Surfacing ➡️ Setup</font> |
| ![](./src/whooly_whooly.png){.portraitsquared} | <font class="fragment" size=50>Modeling ➡️ Surfacing ➡️ Setup</font> |
--
2025-11-10 13:47:11 +01:00
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
## <span data-id="test">Étapes de fabrication :</span> Shots
2025-11-10 13:47:11 +01:00
| | |
|-|-|
| ![](./src/where-s-chicky.jpg){.portraitsquared} | <font class="fragment" size=50>Layout ➡️ Animation ➡️ Rendering ➡️ Compositing </font> |
| ![](./src/ohlala_adv.avif){.portraitsquared} | <font class="fragment" size=50>Layout ➡️ Animation ➡️ FX ➡️ Lighting </font> |
| ![](./src/whooly_whooly.png){.portraitsquared} | <font class="fragment" size=50>Layout ➡️ Animation & FX ➡️ Rendering ➡️ <span class="fragment highlight-red">Compositing</span> ➡️ <span class="fragment highlight-red">editing</span></font> |
note:
For shot construction:
**We have** ... for Chicky
For OhLala: ...
For Wooly Wooly: ...
Please note that compositing and editing are off-pipeline scope for *wooly wooly*.
**The main difference** here is that, at Cube, FX are built as reusable assets instead of being created per shot.
At ADM and Normaal, some FX are made directly in the shot.
**Now,** which software is used for these steps? ⏭️
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
--
## Outils de fabrication
2025-11-10 13:47:11 +01:00
<div class="threecolumn">
<div>
<img height=400 class="portraitsquared" src="./src/where-s-chicky.jpg" />
---
<div class="fragment">
<img src="./src/blender-icon-256x256-1.png" height=80/>
<img src="./src/logo-kitsu.de716c4b.png" height=80 />
<img src="./src/python-logo.png" height=80 />
<img src="./src/app-nuke-192x192.png" height=80/><br>
<img class="bw" src="./src/storyboard-pro-logo.png" height=80/>
</div>
</div>
<div>
<img height=400 class="portraitsquared" src="./src/ohlala_adv.avif" />
---
<div class="fragment">
<img src="./src/blender-icon-256x256-1.png" height=80/>
<img src="./src/logo-kitsu.de716c4b.png" height=80 />
<img src="./src/python-logo.png" height=80 /><br>
<img class="bw" src="./src/storyboard-pro-logo.png" height=80/>
</div>
</div>
<div>
<img height=400 class="portraitsquared" src="./src/whooly_whooly.png" />
---
<div class="fragment">
<img src="./src/blender-icon-256x256-1.png" height=80/>
<img src="./src/logo-kitsu.de716c4b.png" height=80 />
<img src="./src/python-logo.png" height=80 />
<img src="./src/ay-symbol-blackw-full.png" height=80 /><br>
<img class="bw" src="./src/storyboard-pro-logo.png" height=80/>
<img class="bw" src="./src/logo-adobe-after-effects-png_optimized-768x768.png" height=80/>
<img class="bw" src="./src/1200px-Adobe_Premiere_Pro_CC_icon.svg-1842527822.png" height=80/>
</div>
</div>
note:
**All three productions** use similar software environments, with some differences.
**To improve clarity**, DCCs beyond the pipeline scope are shown in gray.
On *Where's Chicky* ...
On *OhWow* ...
On *Wooly Wooly* ...
**Storyboard Pro** is used in all three cases for storyboarding during pre-production.
**For post-production**, Nuke and the Adobe suite are also used.
**However**, Blender is the main 3D production tool for all three, and Kitsu is used for production tracking. ⏭️
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
--
2025-11-14 18:39:54 +01:00
### Récapitulatifs du workflow simplifié
2025-11-10 13:47:11 +01:00
2025-11-14 18:39:54 +01:00
- Des formats de projets proche{.fragment data-fragment-index="0" }
- Des étapes de fabrications similaires {.fragment data-fragment-index="1" }
- Des DCC's<sup>[1]</sup> similaires{.fragment data-fragment-index="2" }
2025-11-10 13:47:11 +01:00
<br>
<font color=red size=30 class="fragment">**Mais qu'en est-il du dataflow ?**</font>
2025-11-10 13:47:11 +01:00
<div class="fragment footnote" data-fragment-index="2" >
- [1] Digital Content Creation tools
</div>
note:
**To summarize** the details we just covered,
we have three projects with similar formats, as well as similar production steps and DCCs.
**But what** about the underlying dataflow? ⏭️
--
2025-11-14 18:39:54 +01:00
## Dataflow
2025-11-10 13:47:11 +01:00
![](./src/underthehood.gif){width=700}
note:
What is fascinating about this study is that the mapped pipelines show some similarities, but above all, many differences. Especially in dataflows ⏭️
--
![](./src/dataflow_adv_holala_published.png)
2025-11-10 13:47:11 +01:00
![](./src/dataflow_cube_chicky_published.png)
2025-11-10 13:47:11 +01:00
![](./src/dataflow_normaal_wooly_wooly_published.png){width=1200}
2025-11-10 13:47:11 +01:00
note:
**I know** it's hard to see everything here ^^<br>
**But even from a distance**, you can visualize three **very** different dataflows! ⏭️
--
2025-11-14 18:39:54 +01:00
## Axes d'étude
2025-11-10 13:47:11 +01:00
2025-11-14 12:10:24 +01:00
Stratégies de construction de scène {.fragment}
2025-11-10 13:47:11 +01:00
2025-11-14 12:10:24 +01:00
Achitecture d'infrastucture {.fragment}
2025-11-10 13:47:11 +01:00
2025-11-14 12:10:24 +01:00
Implications de formats standards {.fragment}
2025-11-10 13:47:11 +01:00
2025-12-25 18:51:15 +01:00
LODs{.fragment}
2025-11-10 13:47:11 +01:00
2025-11-14 12:10:24 +01:00
Stratégies de versionning{.fragment}
2025-11-10 13:47:11 +01:00
2025-12-25 18:51:15 +01:00
Banques d'assets{.fragment}
2025-11-14 18:39:54 +01:00
<span data-id="worktitle">Schémas de propagation de mise à jour asset</span>{.fragment}
2025-11-10 13:47:11 +01:00
... {.fragment}
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
note:
**These mappings allowed us** to study many aspects of the audited pipelines!<br>
**Among these**, we have...<br>
**As we won't** have time to cover all these points in detail, we've selected the most significant one for this presentation. The full details will be published in an upcoming article. ⏭️
--
2025-11-14 18:39:54 +01:00
<span data-id="worktitle" style="font-size:1.8em;">Schémas de propagation de mise à jour asset</span>
2025-11-10 13:47:11 +01:00
2025-11-14 18:39:54 +01:00
*Comment les mises à jours se diffusent dans la chaine de fabrication ?*
2025-11-10 13:47:11 +01:00
note:
**Work propagation** is one of the most interesting aspects to study.
In a pipeline, this term refers to how update propagate through the fabrication process. ⏭️
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
--
2025-11-14 18:39:54 +01:00
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
<span data-id="worktitle" style="font-size:1.8em;">Schémas de propagation de mise à jour asset</span>
### Deux stratégies utilisées
2025-11-10 13:47:11 +01:00
<div class="twocolumn">
<div class="fragment">
### ⬆️ Push{data-id="push"}
2025-11-14 18:39:54 +01:00
Mise à jour propagés **automatiquement** lors de la publication de l'asset.
2025-11-10 13:47:11 +01:00
</div>
<div class="fragment">
### ⬇️ Pull
2025-11-14 18:39:54 +01:00
Mise à jour appliquées **manuellement** depuis les shots.
2025-11-10 13:47:11 +01:00
</div>
</div>
note:
2025-11-14 18:39:54 +01:00
⏭️
2025-11-10 13:47:11 +01:00
--
2025-11-14 18:39:54 +01:00
## Propagation de mise à jour d'asset : TL;DR
2025-11-10 13:47:11 +01:00
2025-11-14 18:39:54 +01:00
*Trois stratégies différentes*
2025-11-10 13:47:11 +01:00
<div class="threecolumn">
<div class="fragment">
![](./src/where-s-chicky.jpg){.portraitsquared}
---
2025-11-14 18:39:54 +01:00
- **Push** pour les assets statiques.
- **Pull** pour les asset animés. 
2025-11-10 13:47:11 +01:00
---
2025-11-14 18:39:54 +01:00
<font color=red>Stratégie par type d'asset</font>
2025-11-10 13:47:11 +01:00
</div>
<div class="fragment">
![](./src/ohlala_adv.avif){.portraitsquared}
---
2025-11-14 18:39:54 +01:00
- **Pull** sur toute la production
2025-11-10 13:47:11 +01:00
---
2025-11-14 18:39:54 +01:00
<font color=red>Stratégie globale</font>
2025-11-10 13:47:11 +01:00
</div>
<div class="fragment">
![](./src/whooly_whooly.png){.portraitsquared}
---
2025-11-14 18:39:54 +01:00
- **Push** pour tout les assets jusqu'au Layout
- **Pull**  à partir de l'Animation
2025-11-10 13:47:11 +01:00
---
2025-11-14 18:39:54 +01:00
<font color=red>Stratégie par étape</font>
2025-11-10 13:47:11 +01:00
</div>
</div>
note:
2025-11-14 18:39:54 +01:00
⏭️
2025-11-10 13:47:11 +01:00
2025-11-14 18:39:54 +01:00
--
2025-11-10 13:47:11 +01:00
<!-- .slide: data-stack-name="Final thoughts" -->
2025-11-14 12:10:24 +01:00
## Limites et futures de l'étude
2025-11-10 13:47:11 +01:00
note:
**Unfortunately,** we won't have time today to go further into the details of the data we collected.
**However,** feel free to come see us after the presentation if you would like more information.
**Before we finish,** let's look at the limitations and future directions of this study ⏭️
<!-- .slide: data-auto-animate data-transition-speed="slow" -->
--
2025-11-14 12:10:24 +01:00
### 🗺️ Méthode cartographique
<div class="twocolumn">
2025-11-14 18:39:54 +01:00
<div class="fragment">
2025-11-14 12:10:24 +01:00
2025-11-14 18:39:54 +01:00
**Limites identifiées**
2025-11-14 12:10:24 +01:00
2025-11-14 18:39:54 +01:00
- Overrides d'attributs{.fragment .strike}
- Interactions avec le production tracker{.fragment .strike}
2025-11-14 12:10:24 +01:00
- Données de validation
</div>
2025-11-14 18:39:54 +01:00
<div class="fragment">
2025-11-14 12:10:24 +01:00
2025-11-14 18:39:54 +01:00
**Future**
- Intégrer les données de validation
- Partage du template de schéma
2025-11-14 12:10:24 +01:00
</div>
</div>
2025-11-10 13:47:11 +01:00
note:
First of all, it's important to note that the mapping methodology we used for dataflow did not provide a way to represent Blender's override mechanism.
It also did not address the role of the production tracker.
We therefore extended the set of our diagrams to include these two elements.
We plan to share a library of shapes for drawio/diagram.net to make it easier to create these diagrams. ⏭️
--
2025-11-14 12:10:24 +01:00
### 🧫 Échantillons
<div class="twocolumn">
2025-11-14 18:39:54 +01:00
<div class="fragment">
2025-11-14 12:10:24 +01:00
**Limites**
- Studios français
- Format de série d'animation
</div>
2025-11-14 18:39:54 +01:00
<div class="fragment">
2025-11-14 12:10:24 +01:00
2025-11-14 18:39:54 +01:00
**Future**
2025-11-14 12:10:24 +01:00
- Élargir les formats de projet
- Élargir aux autres studios européens
</div>
</div>
2025-11-10 13:47:11 +01:00
note:
Initially, the study focused on a small group of companies to explore the project's feasibility. Additionally, we only examined TV series projects. ⏭️
--
2025-11-14 12:10:24 +01:00
### Publication sur <img src="./src/hal.webp" style="width:280px;position:relative; top:75px;"/>
2025-11-10 13:47:11 +01:00
2025-11-14 12:10:24 +01:00
<div class="twocolumn">
2025-11-14 18:39:54 +01:00
<div class="fragment">
2025-11-10 13:47:11 +01:00
2025-11-14 12:10:24 +01:00
**En cours**
2025-11-14 18:39:54 +01:00
- Publication des cartographies en ligne sur HAL (mot clef: **Pipeline Studies**)
2025-11-14 12:10:24 +01:00
![alt text](./src/halmoderation.png)
- Rédaction d'un article de synthèse sur le premier volet
</div>
2025-11-10 13:47:11 +01:00
2025-11-14 18:39:54 +01:00
<div class="fragment">
2025-11-14 12:10:24 +01:00
**Future**
- Mise a disposition des template de diagrammes
- Ouverture d'une collection HAL dédiée au études cartographie pipeline
2025-11-14 18:39:54 +01:00
![](./src/pipeline_studies_hal.svg){width=300}
2025-11-14 12:10:24 +01:00
</div>
</div>
2025-11-10 13:47:11 +01:00
--
2025-11-14 12:10:24 +01:00
## Merci !
2025-11-10 13:47:11 +01:00
<div id="left">
2025-11-14 12:10:24 +01:00
### 📧 Participer à l'étude
2025-11-10 13:47:11 +01:00
![](./src/mail.svg){width=300}
</div>
<div id="right">
2025-11-14 12:10:24 +01:00
### ❤️ Merci aux contributeurs
2025-11-10 13:47:11 +01:00
- Félix David (Normaal)
2025-11-14 12:10:24 +01:00
- Christophe Seux (Autour du Volcan)
- Florentin Luce (Autour du Volcan)
- Axel Tillement (Cube Creative)
2025-11-10 13:47:11 +01:00
</div>
note:
Thanks a lot for listening !
If you represent a studio and are interested in participating, feel free to come talk to us directly or send an email to this address!
Don't hesitate to reach out if you have any questions!