{"id":18238,"date":"2025-04-11T15:39:40","date_gmt":"2025-04-11T19:39:40","guid":{"rendered":"https:\/\/www.toonboom.com\/le-saut-creatif-derriere-kiki-boba-gagnant-du-jump-game-jam\/"},"modified":"2025-05-29T12:50:47","modified_gmt":"2025-05-29T16:50:47","slug":"le-saut-creatif-derriere-kiki-boba-gagnant-du-jump-game-jam","status":"publish","type":"post","link":"https:\/\/www.toonboom.com\/fr\/le-saut-creatif-derriere-kiki-boba-gagnant-du-jump-game-jam","title":{"rendered":"Le saut cr\u00e9atif derri\u00e8re Kiki & Boba, gagnant du Jump! Game Jam"},"content":{"rendered":"\n

Lorsque Landon X. Jenkins, Finn Kulers et Vincent Tracy ont fait \u00e9quipe pour le Winter Game Jam de Toon Boom, ils n'avaient que douze jours pour cr\u00e9er un prototype de jeu jouable inspir\u00e9 d'un th\u00e8me : Boom! Le r\u00e9sultat a \u00e9t\u00e9 Kiki & Boba<\/em>, un jeu de rythme mettant en sc\u00e8ne deux personnages stylis\u00e9s battant des ennemis en synchronisation avec le rythme. <\/p>\n\n\n\n

Puisant dans leurs carnets de croquis et dans leur amour commun des jeux de rythme, ces trois artistes ont combin\u00e9 leurs passions pour l'illustration, l'animation et les jeux avec Toon Boom Jump! (actuellement en version b\u00eata publique), pour cr\u00e9er un prototype soign\u00e9 et satisfaisant. Leur travail acharn\u00e9 a \u00e9t\u00e9 r\u00e9compens\u00e9, puisque Landon, Finn et Vincent ont remport\u00e9 la premi\u00e8re place.<\/p>\n\n\n\n

Lisez la suite pour d\u00e9couvrir les id\u00e9es de Landon, Finn et Vincent sur leur processus cr\u00e9atif pendant le Game Jam, les d\u00e9fis auxquels ils ont \u00e9t\u00e9 confront\u00e9s lors de la conception de Kiki & Boba<\/em> et ce qui pourrait r\u00e9sulter de leur collaboration \u00e0 l'avenir.<\/p>\n\n\n\n

\"\"<\/a>
Cliquez ici pour jouer \u00e0 Kiki & Boba<\/em> sur votre navigateur!<\/figcaption><\/figure>\n\n\n\n

Pouvez-vous nous parler de vos exp\u00e9riences en animation?<\/h2>\n\n\n\n

Landon:<\/strong> En grandissant, j'aimais l'animation, les jeux vid\u00e9o et les ordinateurs. Ma m\u00e8re poss\u00e9dait un tr\u00e9sor de logiciels de conception du d\u00e9but des ann\u00e9es 2000, datant de l'\u00e9poque o\u00f9 elle \u00e9tait graphiste et j'ai donc jou\u00e9 avec Flash, Fireworks, AppleWorks et bien d'autres choses encore. \u00c0 9 ans, j'ai cr\u00e9\u00e9 mon premier jeu, PhunnyButtons<\/em>. Au cours des ann\u00e9es qui ont suivi, j'ai continu\u00e9 \u00e0 dessiner, \u00e0 animer et \u00e0 d\u00e9velopper de petits jeux \u00e0 l'aide d'autres logiciels, comme Unity.<\/p>\n\n\n\n

Plus tard, je suis all\u00e9 au Savannah College of Art and Design \u00e0 Atlanta, o\u00f9 je me suis sp\u00e9cialis\u00e9 dans l'animation. Depuis, je me suis lanc\u00e9 comme travailleur autonome en tant que g\u00e9n\u00e9raliste 2D, en me concentrant sur la conception et le d\u00e9veloppement de personnages m\u00e9morables.<\/p>\n\n\n\n

Vincent<\/strong>: En fait, je suis un illustrateur et non un animateur, mais j'ai rejoint le groupe des animateurs au Savannah College, o\u00f9 je me suis sp\u00e9cialis\u00e9e dans la cr\u00e9ation de ressources pour les jeux d'animation. Je dessine depuis mon plus jeune \u00e2ge.<\/p>\n\n\n\n

Au secondaire, j'\u00e9tais celui qui dessinait sur les mains des gens. Tout le monde me disait : \u00ab Tu devrais \u00eatre tatoueur! \u00bb. Cela m'a amen\u00e9 \u00e0 me demander si je pouvais dessiner professionnellement. J'ai l'intention de devenir un illustrateur professionnel, mais j'adore travailler dans le monde de l'animation.<\/p>\n\n\n\n

Finn:<\/strong> Le fait de regarder des dessins anim\u00e9s pendant mon enfance m'a beaucoup transform\u00e9. Je voulais cr\u00e9er quelque chose qui inspire les autres de la m\u00eame mani\u00e8re que ces \u0153uvres d'art m'ont inspir\u00e9.<\/p>\n\n\n\n

J'adore les jeux et j'aime le charme des jeux anim\u00e9s en 2D. Je me consacre vraiment \u00e0 la satisfaction des mouvements et des arcs complets, ainsi qu'\u00e0 l'aspect technique de l'animation, mais derni\u00e8rement, je me suis surtout int\u00e9ress\u00e9 \u00e0 la conception des personnages.<\/p>\n\n\n\n

\"\"
Un croquis pour Kiki & Boba<\/em> dans l'interface de storyboard de Jump!<\/figcaption><\/figure>\n\n\n\n

Comment vous connaissez-vous? Comment cette \u00e9quipe s'est-elle cr\u00e9\u00e9e pour travailler sur Kiki & Boba<\/em>?<\/strong><\/h2>\n\n\n\n

Finn:<\/strong> Landon et moi nous sommes rencontr\u00e9s lors d'un de nos premiers cours d'animation et nous avons travaill\u00e9 ensemble sur un court m\u00e9trage intitul\u00e9 Outta Here<\/em>. Il s'agissait d'un extraterrestre qui en avait tellement marre de sa plan\u00e8te qu'il la quittait pour se rendre compte qu'il n'y avait rien \u00e0 faire dans l'espace.<\/p>\n\n\n\n

J'ai rencontr\u00e9 Vincent par l'interm\u00e9diaire d'un ami commun et nous sommes devenus colocataires. Landon m'a dit qu'il travaillait sur un jeu pour le Game Jam de Toon Boom et m'a demand\u00e9 si j'\u00e9tais int\u00e9ress\u00e9. Je l'\u00e9tais et j'ai tout de suite sugg\u00e9r\u00e9 que Vincent pourrait \u00eatre un excellent ajout \u00e0 l'\u00e9quipe. C'est ainsi que nous nous sommes retrouv\u00e9s \u00e0 travailler sur Kiki & Boba<\/em>.<\/p>\n\n\n\n

Vous avez cr\u00e9\u00e9 le jeu pour le Winter Game Jam de Toon Boom. Comment avez-vous entendu parler du Game Jam et qu'est-ce qui vous a pouss\u00e9 \u00e0 y participer?<\/h2>\n\n\n\n

Landon:<\/strong> J'ai entendu parler de Jump! pour la premi\u00e8re fois l'ann\u00e9e derni\u00e8re alors que je participais au programme d'ambassadeurs de Toon Boom. Apr\u00e8s l'ouverture du serveur Discord aux b\u00eata-testeurs, j'ai eu envie de l'essayer. C'\u00e9tait le bon moment; avec la disparition de Flash, je souhaitais un moyen plus rapide et plus facile de cr\u00e9er des jeux anim\u00e9s en 2D et je connaissais d\u00e9j\u00e0 Godot Engine [qui est \u00e9galement int\u00e9gr\u00e9 dans Jump!].<\/p>\n\n\n\n

J'ai pens\u00e9 que le Game Jam serait une excellente occasion de tester l'int\u00e9gration du moteur de jeu et j'avais tr\u00e8s envie de r\u00e9aliser un autre petit projet complet.<\/p>\n\n\n\n

\"\"
Le sprite du personnage Boba dans le moteur de jeu Godot, int\u00e9gr\u00e9 dans Jump!.<\/figcaption><\/figure>\n\n\n\n

Parlez-nous du jeu, Kiki & Boba<\/em>! De quel type de jeu s'agit-il et comment fonctionne-t-il?<\/strong><\/h2>\n\n\n\n

Landon:<\/strong> Kiki & Boba est un jeu de rythme! Le but du jeu est de vaincre les ennemis qui sont synchronis\u00e9s avec la musique. Pendant que vous jouez, vous utilisez les commandes du clavier pour \u00e9liminer les attaquants qui arrivent et vos commandes sont synchronis\u00e9es avec la musique.<\/p>\n\n\n\n

Votre score dans le jeu d\u00e9pend de votre synchronisation et, \u00e0 la fin du jeu, vous \u00eates class\u00e9 en fonction de votre pr\u00e9cision. Si vous \u00eates tr\u00e8s r\u00e9gulier, vous pouvez obtenir le rang le plus \u00e9lev\u00e9, appel\u00e9 Ka-Boom! Nous envisageons \u00e9galement d'ajouter d'autres fonctionnalit\u00e9s au jeu, comme de nouveaux types d'ennemis, de nouvelles chansons et m\u00eame d'\u00e9changer les places de Kiki et Boba pour un d\u00e9fi suppl\u00e9mentaire.<\/p>\n\n\n\n

Qu'est-ce qui a inspir\u00e9 le concept du jeu? Comment avez-vous pris votre d\u00e9cision?<\/h2>\n\n\n\n

Finn:<\/strong> Je me trouvais dans une p\u00e9riode un peu creuse sur le plan artistique. L'une des choses que je faisais pour essayer de sortir de ce marasme \u00e9tait de fermer les yeux et d'essayer de surfer sur mon subconscient. Kiki est n\u00e9e de cet exercice! J'aimais beaucoup son design et quand je l'ai montr\u00e9 \u00e0 Vincent, il m'a dit : \u00ab Et si elle avait une \u00e9norme \u00e9p\u00e9e? \u00bb<\/p>\n\n\n\n

J'ai alors r\u00e9alis\u00e9 que Kiki avait besoin d'un partenaire. Je voulais un personnage qui la compl\u00e8te et c'est ainsi que Boba est n\u00e9. J'ai parl\u00e9 de ces personnages \u00e0 Landon et il m'a dit qu'elles seraient parfaites pour un jeu de rythme. J'ai pens\u00e9 que Kiki et Boba, en tant que personnages de jeux de rythme, fonctionnaient tr\u00e8s bien, et c'est \u00e0 partir de l\u00e0 que nous sommes all\u00e9s de l'avant.<\/p>\n\n\n\n

\"\"
Kiki utilise une \u00e9p\u00e9e qui rendrait Cloud Strife jaloux.<\/figcaption><\/figure>\n\n\n\n

Comment a \u00e9t\u00e9 le Game Jame?<\/h2>\n\n\n\n

Landon:<\/strong> Nous disposions de 12 jours pour le Game Jam. J'avais d\u00e9j\u00e0 particip\u00e9 \u00e0 des jams auparavant, je savais donc qu'il \u00e9tait essentiel d'\u00e9viter les d\u00e9rives! Nous avons d\u00e9cid\u00e9 de nous limiter \u00e0 deux personnages (plus Hopper), deux ennemis, une chanson et un d\u00e9cor.<\/p>\n\n\n\n

L'objectif \u00e9tait de cr\u00e9er un produit minimum viable de haute qualit\u00e9. En limitant le jeu aux \u00e9l\u00e9ments essentiels, nous avons pu faire briller chacun d'entre eux, ce qui nous a laiss\u00e9 le temps de les peaufiner et de les rendre plus agr\u00e9ables \u00e0 l'\u0153il. De plus, nous pourrons toujours compl\u00e9ter le jeu plus tard.<\/p>\n\n\n\n

Finn:<\/strong> Je me suis beaucoup inspir\u00e9 du jeu Rhythm Heaven Fever<\/em> sur la Wii. Mais nous voulions introduire quelque chose de nouveau. Nous avions beaucoup d'id\u00e9es, mais il fallait d'abord s'attaquer aux parties essentielles du jeu, donc nous ajouterons certaines fonctionnalit\u00e9s plus tard.<\/p>\n\n\n\n

Vous avez utilis\u00e9 Jump!, un logiciel b\u00eata de Toon Boom pour le d\u00e9veloppement de Kiki & Boba<\/em>. Pouvez-vous nous parler du processus d'animation du jeu dans Jump! ?<\/h2>\n\n\n\n

Landon:<\/strong> Jump! partage beaucoup des excellents outils de dessin d'Harmony, donc \u00e0 part quelques fonctionnalit\u00e9s absentes, il a \u00e9t\u00e9 facile de s'adapter. Venir d'un programme comme Flash serait un peu plus difficile.<\/p>\n\n\n\n

Nous avons tous r\u00e9alis\u00e9 des storyboards sur une application collaborative appel\u00e9e Magma, bien que j'aie utilis\u00e9 l'\u00e9diteur de storyboard de Jump! Storyboard Editor pour quelques esquisses. Dans l'\u00e9diteur de ressources, j'ai appr\u00e9ci\u00e9 que Jump! facilite la manipulation des fichiers en enregistrant chaque ressource sous la forme d'un fichier .tbg unique. Contrairement \u00e0 Harmony, nous n'avons pas eu besoin de les zipper avant de les ajouter au stockage sur le cloud.<\/p>\n\n\n\n

Ainsi, si mes co\u00e9quipiers effectuaient un travail d'animation sur, disons, Kiki ou Boba, je pouvais facilement t\u00e9l\u00e9charger le nouveau fichier, le placer dans le dossier du jeu, puis l'exporter dans la bonne r\u00e9solution. \u00c0 partir de l\u00e0, Jump! cr\u00e9ait automatiquement un fichier de sc\u00e8ne Godot Engine qui configurait les donn\u00e9es d'animation des personnages exactement comme nous l'avions d\u00e9fini dans l'\u00e9diteur de ressources, ce qui \u00e9tait incroyablement utile - sans aucun doute ma fonctionnalit\u00e9 pr\u00e9f\u00e9r\u00e9e!<\/p>\n\n\n\n

Je n'ai m\u00eame pas eu \u00e0 m'inqui\u00e9ter du fait que le personnage soit recadr\u00e9 par le cadre du canevas; Jump a g\u00e9r\u00e9 cela de mani\u00e8re transparente, m\u00eame lorsque les personnages se trouvaient en dehors des limites. Une fois les ressources import\u00e9es sous forme de sc\u00e8nes, je pouvais les placer dans le jeu et utiliser du code pour contr\u00f4ler sa lecture.<\/p>\n\n\n\n

Finn:<\/strong> Il \u00e9tait \u00e9galement tr\u00e8s utile d'avoir un seul fichier pour chaque personnage dans lequel je pouvais placer toutes les images. Elles \u00e9taient toutes regroup\u00e9es dans ce fichier et n'avaient pas besoin d'\u00eatre export\u00e9es sous forme d'images individuelles.<\/p>\n\n\n\n

Pour l'animation d'un jeu, c'est surtout sur les cycles que vous travaillez. Il faut s'assurer qu'ils bouclent bien et qu'ils s'int\u00e8grent de mani\u00e8re transparente dans d'autres animations. Ils doivent \u00e9galement s'int\u00e9grer \u00e0 d'autres cycles.<\/p>\n\n\n\n

Il s'agit de travailler avec les images dont on dispose et de s'assurer que tout s'encha\u00eene et que le mouvement est satisfaisant. Dans un jeu de rythme, vous avez besoin d'un retour d'information imm\u00e9diat, sinon vous ne vous sentez pas \u00e0 l'aise, vous avez l'impression d'\u00eatre l\u00e9thargique. Il faut combler le foss\u00e9 entre une animation qui fonctionne et un retour d'information imm\u00e9diat.<\/p>\n\n\n\n

Vincent<\/strong>: J'ai l'habitude du processus d'animation, mais j'interviens g\u00e9n\u00e9ralement plus t\u00f4t dans le processus. Travailler sur Kiki & Boba<\/em> a \u00e9t\u00e9 amusant parce que j'ai pu participer au processus tout du long. J'ai dessin\u00e9 des \u00e9l\u00e9ments jusqu'\u00e0 la fin. Tout le monde a apport\u00e9 sa contribution tout au long du processus. C'\u00e9tait la premi\u00e8re fois que j'utilisais un programme comme Jump! ce qui a \u00e9t\u00e9 une exp\u00e9rience d'apprentissage. J'ai pris le coup de main assez facilement!<\/p>\n\n\n\n

\"\"
Capture d'\u00c9cran de Hopper dans l'\u00e9diteur de ressources de Jump!. Dans le d\u00e9veloppement d'un jeu, il est utile d'avoir plusieurs courts cycles d'animation pour les sprites de personnage.<\/figcaption><\/figure>\n\n\n\n

Quelle a \u00e9t\u00e9 la partie la plus difficile du point de vue de l'animation ou de la technique dans la cr\u00e9ation de Kiki & Boba et comment l'avez-vous surmont\u00e9e? <\/strong><\/h2>\n\n\n\n

Vincent<\/strong>: L'esth\u00e9tique du jeu \u00e9tait tr\u00e8s importante pour nous. Nous avions des personnages forts d\u00e8s le d\u00e9part, mais nous avons pass\u00e9 beaucoup de temps \u00e0 peaufiner le monde que nous avons construit autour d'eux. Nous savions que nous avions besoin d'une interface utilisateur, de d\u00e9cors et de personnages, mais il y a aussi toutes les sous-parties comme les polices de caract\u00e8res, la disposition sur l'\u00e9cran, la r\u00e9solution et la fa\u00e7on dont le d\u00e9cor change. Il nous a fallu beaucoup de temps pour parvenir \u00e0 une vision esth\u00e9tique.<\/p>\n\n\n\n

Finn:<\/strong> Honn\u00eatement, l'une des parties les plus difficiles a \u00e9t\u00e9 celle des couleurs. Kiki et Boba ont d'abord \u00e9t\u00e9 esquiss\u00e9s dans mon carnet de croquis et j'avais donc une id\u00e9e de ce que je voulais comme couleurs, mais ces id\u00e9es n'\u00e9taient pas grav\u00e9es dans le marbre. Lorsque nous avons commenc\u00e9 \u00e0 exp\u00e9rimenter diff\u00e9rentes couleurs, nous avons rencontr\u00e9 des probl\u00e8mes.<\/p>\n\n\n\n

Par exemple, nous avons d\u00e9termin\u00e9 les couleurs de Boba, puis nous l'avons plac\u00e9e sur le fond pour nous apercevoir qu'elle se fondait dans le d\u00e9cor. Nous avons fait de nombreux allers-retours pour trouver les couleurs. C'est ce qui a \u00e9t\u00e9 le plus difficile.<\/p>\n\n\n\n

Landon:<\/strong> D'un point de vue technique, la partie la plus difficile pour moi a \u00e9t\u00e9 de transformer les donn\u00e9es sonores en un niveau r\u00e9el, d'autant plus qu'il s'agissait d'un aspect crucial du jeu. J'ai compos\u00e9 la musique dans un programme appel\u00e9 UltraBox, qui peut exporter les fichiers au format MIDI et WAV. J'ai utilis\u00e9 un plugin pour importer des fichiers MIDI dans Godot, mais il ne fonctionnait pas sur la plateforme web.<\/p>\n\n\n\n

Il y avait aussi beaucoup de probl\u00e8mes avec l'input lag. Si les jeux de rythme sont relativement faciles \u00e0 r\u00e9aliser, il est beaucoup plus difficile d'en cr\u00e9er un qui soit fiable et r\u00e9actif. Dans les premi\u00e8res versions, le jeu ne compensait pas la latence audio et si le code du jeu \u00e9tait d\u00e9cal\u00e9, la musique se d\u00e9synchronisait encore plus. J'ai d\u00fb mettre en place des contr\u00f4les pour compenser le d\u00e9calage et faire en sorte que la musique, les ennemis et le code d'entr\u00e9e soient synchronis\u00e9s.<\/p>\n\n\n\n

\"\"
Un poisson explosif appara\u00eet pr\u00e8s \u00e0 exploser!<\/figcaption><\/figure>\n\n\n\n

Comment a \u00e9t\u00e9 la r\u00e9ception du jeu jusqu'\u00e0 pr\u00e9sent? Avez-vous des plans pour cr\u00e9er d'autres jeux dans le futur?<\/h2>\n\n\n\n

Vincent<\/strong>: J'ai vraiment appr\u00e9ci\u00e9 lire les commentaires que les gens laissent sur le jeu. C'est tr\u00e8s amusant de voir \u00e0 quel point les gens sont enthousiastes et cela a cr\u00e9\u00e9 un sentiment de communaut\u00e9 tr\u00e8s agr\u00e9able autour du jeu. Nous avons \u00e9galement beaucoup appr\u00e9ci\u00e9 d\u00e9couvrir les autres jeux cr\u00e9\u00e9s dans le cadre du Game Jam et nous avons \u00e9galement cr\u00e9\u00e9 une communaut\u00e9 avec ces cr\u00e9ateurs et cr\u00e9atrices.<\/p>\n\n\n\n

Landon:<\/strong> Nous envisageons de cr\u00e9er une version 2.0 de Kiki & Boba<\/em> avec de nouvelles chansons et d'autres fonctionnalit\u00e9s. J'ai ador\u00e9 faire la musique pour le jeu, alors je suis impatient d'en faire d'autres.<\/p>\n\n\n\n

Finn:<\/strong> De plus, Vincent et moi avons travaill\u00e9 sur un projet appel\u00e9 Gorp World<\/em>. Je ne peux pas en dire plus, mais restez \u00e0 l'aff\u00fbt!<\/p>\n\n\n\n

\"\"
Landon a aussi s\u00e9quenc\u00e9 la musique originale de Kiki & Boba<\/em>, inspir\u00e9es de la musique chiptune.<\/figcaption><\/figure>\n\n\n\n

Avant qu'on se laisse, j'ai besoin de demander! Comment \u00eates-vous tomb\u00e9 sur le nom Kiki & Boba<\/em>?<\/strong><\/h2>\n\n\n\n

Finn:<\/strong> C'est une histoire amusante! Kiki et Bouba est un exercice sur la th\u00e9orie des formes universelles. Il s'agit d'une exp\u00e9rience c\u00e9l\u00e8bre o\u00f9 l'on montre \u00e0 une personne deux formes : une forme h\u00e9riss\u00e9e et une forme arrondie. On lui demande de nommer l'une des formes Kiki et l'autre Bouba.<\/p>\n\n\n\n

Cette exp\u00e9rience a r\u00e9v\u00e9l\u00e9 que, quels que soient la langue, le sexe, l'\u00e2ge et autres, 95 % des personnes attribuent le nom de Kiki \u00e0 la forme h\u00e9riss\u00e9e et celui de Bouba \u00e0 la forme arrondie. Les personnages ont \u00e9t\u00e9 dessin\u00e9s en premier et alors que je r\u00e9fl\u00e9chissais \u00e0 des noms, j'ai r\u00e9alis\u00e9 que les deux faisaient tr\u00e8s \u00ab kiki et bouba \u00bb.<\/p>\n\n\n\n

Ensuite, les noms se sont impos\u00e9s d'eux-m\u00eames. Bouba a \u00e9t\u00e9 remplac\u00e9 par Boba pour des raisons de clart\u00e9 de prononciation. Dans l'ensemble, je pense que le nom est tr\u00e8s appropri\u00e9 pour un jeu de rythme. Il met en \u00e9vidence l'interaction entre les images et les sons.<\/p>\n\n\n\n

\n\n\n\n