{"id":245,"date":"2014-06-20T21:58:03","date_gmt":"2014-06-20T20:58:03","guid":{"rendered":"http:\/\/www.uncovergame.com\/?p=245"},"modified":"2016-11-19T16:26:39","modified_gmt":"2016-11-19T15:26:39","slug":"22-create-a-gameplay-video-using-virtualdub-and-bulkrenameutility","status":"publish","type":"post","link":"https:\/\/uncovergame.com\/fr\/2014\/06\/20\/22-create-a-gameplay-video-using-virtualdub-and-bulkrenameutility\/","title":{"rendered":"(2\/2) Cr\u00e9ation d’une video de gameplay: Utilisation de VirtualDub et BulkRenameUtility"},"content":{"rendered":"

J’ai r\u00e9cemment con\u00e7u une vid\u00e9o de gameplay de Reckpunk\u00a0 (visible ici<\/a>)<\/p>\n

Les s\u00e9quences de gameplay ont \u00e9t\u00e9 captur\u00e9es en uitlisant la technique d\u00e9crite dans mon pr\u00e9c\u00e9dent post<\/a> sur apitrace. Cependant, une vid\u00e9o de gameplay n\u00e9cessite d’inclure un maximum de s\u00e9quences provenant de diff\u00e9rents niveaux, et de les regrouper ensemble tout en soignant les transitions, pour cela, il faut disposer d’outils qui permettent de:<\/p>\n

    \n
  1. s\u00e9lectionner uniquement une partie de la capture du jeu<\/li>\n
  2. renum\u00e9roter les fichier png afin qu’ils soit dans l’ordre<\/li>\n
  3. r\u00e9aliser les transitions<\/li>\n
  4. Compresser le fichier vid\u00e9o avec un bon rapport qualit\u00e9 d’image \/ taille du fichier.<\/li>\n<\/ol>\n

    Pour les points 1 et 2, apr\u00e8s avoir supprimer les fichiers png inutiles via l’explorateur Windows, j’ai eu recours \u00e0 \u00a0BulkRenameUtility<\/a> pour r\u00e9aliser la renum\u00e9rotation, voici les param\u00e8tres que j’ai utilis\u00e9s :<\/p>\n

    \"bulkrename\"<\/a><\/p>\n

    En gros, il s’agit de supprimer le nom initial de chaque fichier en premier ( la groupbox \u00ab\u00a0remove\u00a0\u00bb ), et de le remplacer avec un nom de notre choix (groupbox \u00ab\u00a0add\u00a0\u00bb ), \u00a0tout en commen\u00e7ant avec le bon num\u00e9ro de fichier (si la pr\u00e9c\u00e9dent s\u00e9quence comporte 150 fichier, il faut saisir la valeur 151 dans le champ \u00ab\u00a0start\u00a0\u00bb de la groupbox \u00ab\u00a0numbering\u00a0\u00bb)<\/p>\n

    Ceci fait, \u00a0il est possible d’ajouter une transition entre les s\u00e9quences. La transition la plus classique et l’effet de fondu (remplissage de l’\u00e9cran avec une couleur, g\u00e9n\u00e9ralement on utilise la couleur noir)<\/p>\n

    Virtualdub est parfait pour cette t\u00e2che. Tout d’abord, ouvrons le premier fichier de notre s\u00e9quence d’image png. N’oubliez pas de d\u00e9finir le bon framerate pour la s\u00e9quence (Video > Framerate). Pour ma vid\u00e9o, j’ai mis la valeur 60 dans \u00ab\u00a0Source framerate\u00a0\u00bb et 30 dans \u00ab\u00a0frame rate conversion\u00a0\u00bb.<\/p>\n

    Maintenant que les param\u00e8tres de base sont sauvegard\u00e9s,\u00a0(file> save processing settings)\u00a0, ajoutons le filtre qui va nous permettre d’obtenir un effet de fondu. Allez sur video > filter, et ajoutez le filtre \u00ab\u00a0fill\u00a0\u00bb. Dans la partie configuration, s\u00e9lectionnez la couleur noir.<\/p>\n

    \"filter_virtualdub\"<\/a><\/p>\n

    Cela nous permets de remplir l’\u00e9cran avec une seule couleur, mais comment faire pour remplir l’\u00e9cran uniquement \u00e0 un moment donn\u00e9 ? et comment effectuer ce remplissage de mani\u00e8re graduelle d’une frame \u00e0 l’autre?<\/p>\n

    Pour cela, nous allons avoir besoin du \u00ab\u00a0curve editor\u00a0\u00bb. Pour l’afficher , allez sur view>curve editor.<\/p>\n

    \"curve_editor\"<\/a><\/p>\n

    Comme visible sur cette capture, Il est possible de s\u00e9lectionner dans le menu d\u00e9roulant tout en haut le filtre que l’on souhaite modifier. (Ici, seul le filtre \u00ab\u00a0fill\u00a0\u00bb est disponible, et nous pouvons agir sur son opacit\u00e9)<\/p>\n

    Shift+click sur la partie noir fait apparaitre un point et une ligne qui repr\u00e9sente notre valeur d’opacit\u00e9.<\/p>\n

    Quand la ligne est tout en haut, l’opacit\u00e9 est \u00e0 100%, quand elle est tout en base, l’opacit\u00e9 est \u00e0 0%. Les nombres tout en bas repr\u00e9sentent les frames de la vid\u00e9o. Il est possible ainsi de contr\u00f4ler pr\u00e9cis\u00e9ment le fonctionnement du filtre frame par frame.<\/p>\n

    shift + click sur la ligne permet d’ajouter un nouveau point de contr\u00f4le. ctrl + click permet de le supprimer. Un simple glisser\/d\u00e9poser permet de le d\u00e9placer \u00e0 l’endroit souhait\u00e9.<\/p>\n

    Pour le moment, ajoutez un seul point de controle, et d\u00e9placer le tout en bas, ainsi le filtre n’est pas actif. Cela permet de faire apparaitre \u00e0 nouveau nos s\u00e9quences de gameplay \u00a0dans la fen\u00eatre de droite.<\/p>\n

    Maintenant, ajoutez un second point \u00e0 l’endroit o\u00f9 vous souhaitez que l’\u00e9cran soit totalement noir, et d\u00e9placer le tout en haut de l’\u00e9cran de l’\u00e9diteur. Une ligne va relier les deux points, et avec \u00e7a, notre effet changera de la frame o\u00f9 est plac\u00e9 le premier point jusqu’\u00e0 la frame o\u00f9 est plac\u00e9 le deuxi\u00e8me point, remplissant ainsi notre \u00e9cran de mani\u00e8re graduelle. Il est \u00e9videmment possible d’ajouter autant de point de contr\u00f4le que vous voulez pour am\u00e9liorer le rendu final du filtre.<\/p>\n

    Enfin, voyons comment exporter et compresser notre s\u00e9quence d’images png en un fichier avi pr\u00eat \u00e0 \u00eatre envoy\u00e9 sur youtube :<\/p>\n

    Il vous faut pour \u00e7a le lossless codec de CamStudio<\/a>, comme youtube r\u00e9alise sa propre compression, il est inutile d’utiliser un codec qui compresse de mani\u00e8re plus \u00ab\u00a0agressive\u00a0\u00bb tel que x264, vu que nous souhaitons garder la meilleure qualit\u00e9 possible. Pour information, lorsque j’ai export\u00e9 ma vid\u00e9o de gameplay sans compression, le fichier final faisait 1.5 Go pour seulement 30 seconds en 1024 x 768. Un fois compress\u00e9 via le codec de CamStudio, le fichier ne fait plus que 150 Mo, pour une qualit\u00e9 similaire.<\/p>\n

    Apr\u00e8s l’installation du codec, allez sur \u00ab\u00a0video>compress\u00a0\u00bb et s\u00e9lectionner le codec CamStudio.<\/p>\n

    Pour ajouter une bande son, il suffit d’aller sur \u00ab\u00a0audio>audio from other file\u00a0\u00bb et de s\u00e9lectionner le fichier son correspondant.<\/p>\n

    Sauvegarder le tout en avi, attendez que Virtualdub finisse l’export et vous obtiendrez un fichier vid\u00e9o pr\u00e8s \u00e0 l’envoi !<\/p>","protected":false},"excerpt":{"rendered":"

    J’ai r\u00e9cemment con\u00e7u une vid\u00e9o de gameplay de Reckpunk\u00a0 (visible ici) Les s\u00e9quences de gameplay ont \u00e9t\u00e9 captur\u00e9es en uitlisant la technique d\u00e9crite dans mon pr\u00e9c\u00e9dent post sur apitrace. Cependant, une vid\u00e9o de gameplay n\u00e9cessite d’inclure un maximum de s\u00e9quences … Continuer la lecture →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/uncovergame.com\/fr\/wp-json\/wp\/v2\/posts\/245"}],"collection":[{"href":"https:\/\/uncovergame.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uncovergame.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uncovergame.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uncovergame.com\/fr\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":16,"href":"https:\/\/uncovergame.com\/fr\/wp-json\/wp\/v2\/posts\/245\/revisions"}],"predecessor-version":[{"id":454,"href":"https:\/\/uncovergame.com\/fr\/wp-json\/wp\/v2\/posts\/245\/revisions\/454"}],"wp:attachment":[{"href":"https:\/\/uncovergame.com\/fr\/wp-json\/wp\/v2\/media?parent=245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uncovergame.com\/fr\/wp-json\/wp\/v2\/categories?post=245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uncovergame.com\/fr\/wp-json\/wp\/v2\/tags?post=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}