{"id":52,"date":"2014-01-12T21:18:00","date_gmt":"2014-01-12T20:18:00","guid":{"rendered":"http:\/\/oneiricworlds.com\/en\/index.php\/2014\/01\/12\/creation-of-tera-island\/"},"modified":"2016-04-14T09:12:03","modified_gmt":"2016-04-14T08:12:03","slug":"creation-of-tera-island","status":"publish","type":"post","link":"https:\/\/oneiricworlds.com\/fr\/2014\/01\/creation-of-tera-island\/","title":{"rendered":"Cr\u00e9ation de l&rsquo;\u00eele de Tera"},"content":{"rendered":"<p>Salut,<\/p>\n<p>D\u00e9sol\u00e9, je n&rsquo;ai pas eu beaucoup de temps apr\u00e8s la mise en place de la derni\u00e8re d\u00e9mo, mais maintenant je peux poster quelques explications sur mon travail du mois dernier. Dans cet article, je m&rsquo;attarderai sur la cr\u00e9ation de l&rsquo;\u00eele native du h\u00e9ros, Tera (nom temporaire s\u00fbrement&#8230;), et plus particuli\u00e8rement sur la maison o\u00f9 on commence l&rsquo;aventure.<\/p>\n<h3>I &#8211; Trouver l&rsquo;id\u00e9e<\/h3>\n<p>Comme d&rsquo;habitude, la partie la plus difficile est d&rsquo;arriver \u00e0 avoir une id\u00e9e pr\u00e9cise de ce \u00e0 quoi va ressemble l&rsquo;\u00eele. C&rsquo;est pourquoi, dans l&rsquo;industrie du jeu vid\u00e9o (mais pas uniquement), certaines personnes se focalisent exclusivement sur ce travail: les designers. Tr\u00e8s souvent, tout d\u00e9marre d&rsquo;un dessin qui expose les caract\u00e9ristiques principales de l&rsquo;environnement et l&rsquo;ambiance. Dans mon cas, j&rsquo;ai fait quelques esquisses rapides pour avoir une id\u00e9e tr\u00e8s simple. Une fois que la forme de base est pos\u00e9e, tout le reste est une question de temps et de finitions.<\/p>\n<div style=\"clear: both; text-align: center;\"><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/2.bp.blogspot.com\/-_azL9VKfcNk\/UsZ4Sps2_sI\/AAAAAAAAHdw\/glkzc35IvGA\/s1600\/20131203_heroHome3.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/2.bp.blogspot.com\/-_azL9VKfcNk\/UsZ4Sps2_sI\/AAAAAAAAHdw\/glkzc35IvGA\/s1600\/20131203_heroHome3.jpg\" alt=\"\" width=\"320\" height=\"180\" border=\"0\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<div style=\"clear: both; text-align: center;\"><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/2.bp.blogspot.com\/-z4mPsaQ9qVU\/UsZ4Sfv6sUI\/AAAAAAAAHds\/vhNjX9jKrgo\/s1600\/20131203_heroHome2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/2.bp.blogspot.com\/-z4mPsaQ9qVU\/UsZ4Sfv6sUI\/AAAAAAAAHds\/vhNjX9jKrgo\/s1600\/20131203_heroHome2.jpg\" alt=\"\" width=\"320\" height=\"180\" border=\"0\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<div style=\"clear: both; text-align: center;\"><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/1.bp.blogspot.com\/-0OAjJ1aNdkk\/UsZ4SxuxIJI\/AAAAAAAAHd0\/oxVPGtUh7Hs\/s1600\/20131203_heroHome1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/1.bp.blogspot.com\/-0OAjJ1aNdkk\/UsZ4SxuxIJI\/AAAAAAAAHd0\/oxVPGtUh7Hs\/s1600\/20131203_heroHome1.jpg\" alt=\"\" width=\"320\" height=\"180\" border=\"0\" \/><\/a><\/div>\n<div style=\"text-align: center;\"><i>Quelques esquisses num\u00e9riques qui exposent l&rsquo;id\u00e9e principale: une maison partiellement en ruine. Comme vous pouvez le voir, tous les dessins ne sont pas parfaitement coh\u00e9rents entre eux. J&rsquo;essaye plusieurs pistes et je ne garde que quelques \u00e9l\u00e9ments dans chaque cas.<\/i><\/div>\n<p>&nbsp;<\/p>\n<div style=\"clear: both; text-align: center;\"><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/3.bp.blogspot.com\/-6enom8WO2u0\/UsZ4TgTJVrI\/AAAAAAAAHeE\/S0_0BugWJ9M\/s1600\/20131203_heroHome4.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/3.bp.blogspot.com\/-6enom8WO2u0\/UsZ4TgTJVrI\/AAAAAAAAHeE\/S0_0BugWJ9M\/s1600\/20131203_heroHome4.jpg\" alt=\"\" width=\"320\" height=\"191\" border=\"0\" \/><\/a><\/div>\n<div style=\"text-align: center;\"><i>Je me sers aussi de dessins \u00ab\u00a0traditionnels\u00a0\u00bb. L&rsquo;avantage est que je peux dessiner n&rsquo;importe o\u00f9, m\u00eame si je ne suis pas chez moi quand j&rsquo;ai une id\u00e9e.<\/i><\/div>\n<div style=\"text-align: center;\"><\/div>\n<p>A l&rsquo;issue de cette s\u00e9ance de dessin, j&rsquo;ai d\u00e9cid\u00e9 de faire de la maison du h\u00e9ros une ancienne biblioth\u00e8que d\u00e9truite. J&rsquo;aime bien l&rsquo;id\u00e9e de la bilbioth\u00e8que, car il peut y avoir plusieurs livres qui m\u00e8nent \u00e0 diff\u00e9rentes sous-qu\u00eates. Je voulais aussi que le h\u00e9ros partage son toit avec d&rsquo;autres personnages qui pourraient l&rsquo;aider. Je parlerai de \u00e7a dans un autre article.<\/p>\n<h3>II &#8211; Mod\u00e9lisation et textures<\/h3>\n<p>Une fois le concept \u00e9tabli, j&rsquo;utilise Blender pour cr\u00e9er le mod\u00e8le 3D complet. Il y a 2 \u00e9l\u00e9ments principaux \u00e0 ce stade:<\/p>\n<ul>\n<li>Je dois cr\u00e9er quelque chose de visuellement int\u00e9ressant, en jouant sur les textures et la g\u00e9om\u00e9trie, en \u00e9vitant les r\u00e9p\u00e9titions \u00e9videntes, en ajoutant de petits \u00e9l\u00e9ments qui vont rendre la maison \u00ab\u00a0vivante\u00a0\u00bb&#8230; C&rsquo;est la partie \u00ab\u00a0artistique\u00a0\u00bb.<\/li>\n<li>Je dois penser \u00e0 la mani\u00e8re dont le joueur va interagir avec le d\u00e9cor: est-ce que la porte est assez large pour laisser passer le personnage? Est-ce que le personnage peut sauter assez haut pour passer \u00e0 travers les fen\u00eatres? Est-ce qu&rsquo;il peut grimper sur les murs? C&rsquo;est la partie \u00ab\u00a0technique\u00a0\u00bb.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<div style=\"clear: both; text-align: center;\"><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/3.bp.blogspot.com\/-bh01VPN8FkI\/UsaAmuJ34MI\/AAAAAAAAHeU\/HhuirodXrqE\/s1600\/20131203_heroHome.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/3.bp.blogspot.com\/-bh01VPN8FkI\/UsaAmuJ34MI\/AAAAAAAAHeU\/HhuirodXrqE\/s1600\/20131203_heroHome.jpg\" alt=\"\" width=\"400\" height=\"220\" border=\"0\" \/><\/a><\/div>\n<div style=\"text-align: center;\"><i>La maison du h\u00e9ros apr\u00e8s 1 jour de boulot&#8230; Pas brillant&#8230;<\/i><\/div>\n<p>&nbsp;<\/p>\n<div style=\"clear: both; text-align: center;\"><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/2.bp.blogspot.com\/-WfYN0ZF2oK8\/UsaA6KZnI8I\/AAAAAAAAHec\/p1Y45AnkqQ0\/s1600\/20131205_heroHome.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/2.bp.blogspot.com\/-WfYN0ZF2oK8\/UsaA6KZnI8I\/AAAAAAAAHec\/p1Y45AnkqQ0\/s1600\/20131205_heroHome.jpg\" alt=\"\" width=\"400\" height=\"220\" border=\"0\" \/><\/a><\/div>\n<div style=\"text-align: center;\"><i>OK, \u00e7a commence \u00e0 s&rsquo;am\u00e9liorer, mais j&rsquo;ai encore du travail!<\/i><\/div>\n<div style=\"text-align: center;\"><\/div>\n<p>Le second point (la partie \u00ab\u00a0technique\u00a0\u00bb) n&rsquo;est pas \u00e9vident car il y a beaucoup de configurations g\u00e9om\u00e9triques complexes qui peuvent \u00e9merger de la partie \u00ab\u00a0cr\u00e9ation artistique\u00a0\u00bb et je ne peux pas m&rsquo;assurer que le personnage se comportera toujours correctement (les algorithmes de contr\u00f4le du h\u00e9ros et de calcul de collision sont loin d&rsquo;\u00eatre parfaits). Bien s\u00fbr je fais beaucoup de tests pour m&rsquo;assurer qu&rsquo;un maximum de mouvements sont OK dans les endroits les plus exigus, et j&rsquo;ai r\u00e9pertori\u00e9 un ensemble de r\u00e8gles techniques \u00e0 suivre pour la mod\u00e9lisation 3D (\u00e9viter les murs trop petits, laisser des espaces d&rsquo;au moins 1m autour d&rsquo;\u00e9l\u00e9ments isol\u00e9s, &#8230;), mais ce n&rsquo;est pas suffisant. C&rsquo;est pour cette raison qu&rsquo;avoir des testeurs sous la main peut s&rsquo;av\u00e9rer tr\u00e8s utile!<\/p>\n<div style=\"clear: both; text-align: center;\"><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/1.bp.blogspot.com\/-LK0xfeD5ZVc\/UsaHyXoCdjI\/AAAAAAAAHfI\/_k5ws6di9J8\/s1600\/20140103_103336.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/1.bp.blogspot.com\/-LK0xfeD5ZVc\/UsaHyXoCdjI\/AAAAAAAAHfI\/_k5ws6di9J8\/s1600\/20140103_103336.png\" alt=\"\" width=\"400\" height=\"247\" border=\"0\" \/><\/a><\/div>\n<div style=\"text-align: center;\"><i>Le look actuel de la maison du h\u00e9ros (dans le jeu)<\/i><\/div>\n<div style=\"text-align: center;\"><\/div>\n<p>De plus, certains \u00e9l\u00e9ments sont interactifs et peuvent se comporter diff\u00e9remment en fonction des actions du joueur. Et, bien s\u00fbr, je dois tester en particulier les combinaisons d&rsquo;actions les plus incongrues ou inattendues. Par exemple: que se passe-t-il si le joueur attaque un mur alors qu&rsquo;il est en train de sauter \u00e0 c\u00f4t\u00e9 d&rsquo;une lanterne qui oscille? Il existe une combinaison infinie de telles actions totalement improbables (mais pas impossibles!) que je ne pourrai jamais tester exhaustivement. Un autre tr\u00e8s gros probl\u00e8me de la partie technique est que si je change un param\u00e8tre du comportement du personnage, disons la hauteur des sauts, je devrais th\u00e9oriquement re-tester tous les endroits de chaque niveau que j&rsquo;ai d\u00e9j\u00e0 cr\u00e9\u00e9.<\/p>\n<p>A ce stade, j&rsquo;ai quelque chose de jouable et de pas trop horrible \u00e0 regarder, mais je devrais certainement rajouter d&rsquo;autres \u00e9l\u00e9ments (des vases, des livres, quelques d\u00e9corations ici et l\u00e0&#8230;), et \u00e9galement retravailler la finesse des textures et la mod\u00e9lisation des \u00e9l\u00e9ments pour rendre l&rsquo;endroit plus cr\u00e9dible.<\/p>\n<div style=\"clear: both; text-align: center;\"><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/3.bp.blogspot.com\/-1h0QrX0S2Kg\/UsaHTkGzXwI\/AAAAAAAAHfA\/zGrSaUBiUrU\/s1600\/20140103_103117.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/3.bp.blogspot.com\/-1h0QrX0S2Kg\/UsaHTkGzXwI\/AAAAAAAAHfA\/zGrSaUBiUrU\/s1600\/20140103_103117.png\" alt=\"\" width=\"400\" height=\"247\" border=\"0\" \/><\/a><\/div>\n<div style=\"text-align: center;\"><i>Les tapis permettent de casser la monotonie visuelle du sol en bois.<\/i><\/div>\n<p>&nbsp;<\/p>\n<h3>III &#8211; Variations temporelles<\/h3>\n<p>Une fois l&rsquo;endroit cr\u00e9\u00e9, j&rsquo;ai r\u00e9alis\u00e9 que je n&rsquo;avais pas pens\u00e9 \u00e0 toutes les \u00e9volutions possibles du lieu&#8230; En effet, d&rsquo;apr\u00e8s le sc\u00e9nario, le jeu commence apr\u00e8s une temp\u00eate qui a cass\u00e9 le ponton de bois qui relie la maison du h\u00e9ros au reste de l&rsquo;\u00eele de Tera. Ceci est \u00e9videmment une technique classique de gameplay pour \u00e9viter que le joueur puisse directement aller sur l&rsquo;\u00eele principale avant d&rsquo;avoir accept\u00e9 sa 1\u00e8re mission. Mais une fois cette 1\u00e8re mission effectu\u00e9e, le ponton est sens\u00e9 \u00eatre r\u00e9par\u00e9. cela signifie que les d\u00e9cors peuvent \u00e9voluer dynamiquement en fonction des actions du joueur.<\/p>\n<p>Pour r\u00e9soudre ce probl\u00e8me, j&rsquo;ai divis\u00e9 chaque niveau en une partie \u00ab\u00a0statique\u00a0\u00bb et plusieurs parties \u00ab\u00a0dynamiques\u00a0\u00bb qui seront charg\u00e9es uniquement si le joueur a accompli certaines actions.<\/p>\n<div style=\"clear: both; text-align: center;\"><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/3.bp.blogspot.com\/-byTPh-5Rbe4\/UsaJGhplcYI\/AAAAAAAAHfU\/ektnsDYeuj0\/s1600\/20140103_103326.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/3.bp.blogspot.com\/-byTPh-5Rbe4\/UsaJGhplcYI\/AAAAAAAAHfU\/ektnsDYeuj0\/s1600\/20140103_103326.png\" alt=\"\" width=\"400\" height=\"247\" border=\"0\" \/><\/a><\/div>\n<div style=\"text-align: center;\"><i>Un ponton cass\u00e9, au d\u00e9but du jeu<\/i><\/div>\n<div style=\"text-align: center;\"><\/div>\n<div style=\"clear: both; text-align: center;\"><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/4.bp.blogspot.com\/-7hdCBhNtMno\/UsaJR5z2tSI\/AAAAAAAAHfc\/664PMzw9uHg\/s1600\/20140103_103226.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/4.bp.blogspot.com\/-7hdCBhNtMno\/UsaJR5z2tSI\/AAAAAAAAHfc\/664PMzw9uHg\/s1600\/20140103_103226.png\" alt=\"\" width=\"400\" height=\"247\" border=\"0\" \/><\/a><\/div>\n<div style=\"text-align: center;\"><i>Le ponton r\u00e9par\u00e9, apr\u00e8s la 1\u00e8re mission<\/i><\/div>\n<p>&nbsp;<\/p>\n<p>Voil\u00e0! Ce sera tout pour l&rsquo;\u00eele de Tera. Dans le prochain post, je parlerai des nouveaux personnages, et de la m\u00e9thode que j&rsquo;ai utilis\u00e9e pour les cr\u00e9er. Au passage merci \u00e0 tout ceux qui ont test\u00e9 la d\u00e9mo; j&rsquo;ai eu des retours tr\u00e8s constructifs, et plein de choses \u00e0 corriger!<\/p>\n<p>A+<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Salut, D\u00e9sol\u00e9, je n&rsquo;ai pas eu beaucoup de temps apr\u00e8s la mise en place de la derni\u00e8re d\u00e9mo, mais maintenant je peux poster quelques explications sur mon travail du mois dernier. Dans cet article, je m&rsquo;attarderai sur la cr\u00e9ation de l&rsquo;\u00eele native du h\u00e9ros, Tera (nom temporaire s\u00fbrement&#8230;), et plus particuli\u00e8rement sur la maison o\u00f9 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":221,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[13],"class_list":["post-52","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev","tag-blender"],"_links":{"self":[{"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/posts\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":5,"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/posts\/52\/revisions"}],"predecessor-version":[{"id":430,"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/posts\/52\/revisions\/430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/media\/221"}],"wp:attachment":[{"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/categories?post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oneiricworlds.com\/fr\/wp-json\/wp\/v2\/tags?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}