Tuto 1 : Introduction à Cod4Radiant

Bienvenue dans le monde du mapping. Si vous avez aimé les LEGO quand vous étiez petit, le mapping est donc fait pour vous. Il s'agit en fait de recréer des environnement virtuels non pas en posant des pierres mais des brushs.

Ces brushs vont servir à ériger des bâtiments, des murs, des routes, des ponts etc ... comme des LEGO quoi !


Tout d'abord j'espère que vous avez installé le modtools sans encombre grâce à mon tutoriel. Si ce n'est pas encore fait, je vous invite à le faire dès maintenant en cliquant ici.


Bien, maintenant que le modtools et radiant sont installés, je vais vous proposer d'utiliser la version françisée de Radiant, dans laquelle les menus et certaines fenètres sont traduites afin d'aider les moins anglicistes d'entre nous.
C'est cette version qui sera utilisée pour la rédaction des tutoriels.
Si vous le souhaitez, vous pouvez la télécharger sur ce topic du forum.

Cette introduction cherche avant tout à vous présenter l'éditeur, ses outils et son fonctionnement dans son ensemble. Inutile de croire que nous feront le tour de toutes ses possibilités, mais je vais tenter de vous montrer comment un éditeur de map fonctionne.

Bien, commençont.

Ouvrez l'éditeur. Dans la fenètre qui apparait, naviguez jusqu'au dossier cod4/bin puis cliquez sur le fichier cod4.prj puis cliquez sur ouvrir (ou double-cliquez sur le fichier).
Après quelques secondes, vous devez voir ceci (sans la flèche rouge):

[tutoriel 1 / image 1]

C'est l'interface de CoD4Radiant.

1) Construire le premier brush

Pour les besoin du tuto, je vais vous demander de construire votre premier brush tout de suite, sans autres explications.

Pour ce faire, c'est très simple : faites un clique gauche sur la vue indiquée par la flèche sur l'image ci-dessus, gardez le clic enfoncé puis étirez vers l'autre coin de la vue afin d'obtenir un résultat similaire à celui-ci :

[tutoriel 1 / image 2]

Si vous avez réussit, bravo, vous venez de créer votre premier brush !
Vous voyez, ce n'est pas bein compliqué !

Découvront maintenant l'interface ensemble.

2) L'interface de radiant


[tutoriel 1 / image 3]

Tout en bas de l'interface, nous avons la console, qui indique diverses choses, peu importantes à notre niveau.
Il est inutile d'agrandir cette fenètre plus qu'il n'est montré sur le screen ci-dessus.

Tout à gauche vous avez une fenètre dont je me sert que très rarement (pour ne pas dire jamais). La seule utilité que je lui ai trouvé est de pouvoir déplacer en hautreur un brush sélectionné. Là encore cette fenètre est peu importante par rapport au trois que nos allons voir tout de suite.

2.1) La vue des textures


En bas droite, c'est la vue des textures. Elle montre les textures du jeu que l'on peu appliquer aux brushs et aux patchs (vous verrez ce qu'est un patch au tuto 11 !).


Comme vous venez d'ouvrir Radiant, la vue affiche les unes après les autres dans l'ordre aplphabétique la totalité des textures disponibles.
Si l'on veut trouver une texture précise, ce n'est pas le plus pratique. C'est pourquoi des filtres existent.
Ils vont permettre de n'aficher que certaines textures selon une ou plusieurs catégories détermnées par un ou plusieurs filtres.

Il existe trois pricipaux filtre qui en contiennent d'autre afin d'affiner les recherches. Dans radiant, cliquez sur Textures, dans le menu. Les filtres sont tout en bas :

Dans le menu textures, cliquez sur Usage > exterior wall.
Votre vue des textures change et vous devez voir quelque chose de similaire à l'image ci-dessous :

[tutoriel 1 / image 4]

Vous venez de filtrer les texture selon leur usage et vous avez sélectionner les textures que l'on applique habituellement sur les murs extérieurs d'un bâtiment.


Vous pouvez égallement combiner les filtres. Admettons que vous voullez les textures de mur extérieur mais seulement les textures de bois.
Pour cela sélectionnez simplement le filtre Surface type > wood et votre vue des textures change à nouveau :

[tutoriel 1 / image 5]

Ici, vous avez sélectionnez les textures qui sont à la fois dans le filtre usage > exterior wall et dans Surface type > wood.


Normallement les apperçuts de texture sont plus grand chez vous que chez moi.
J'ai choisis cette taille parce que cela permet de voir un certain nombre de textures à la fois tout en gardant un apperçut de taille correcte.
Pour changer de taille d'apperçut, allez dans le menu Textures > Echelle (Taille des textures).

[tutoriel 1 / image 6]

Essayez les diverses tailles et choisissez celle qui vous convient le plus.


Pour finir cette partie, une petite astuce bien pratique : pour n'afficher que les textures qui sont déjà utilisées sur la map, appuyez sur la touche U.

2.2) La barre de boutons


[tutoriel 1 / image 7]

La barre de bouton regroupe une grande partie des fonctions et outils les plus utilisés de Radiant.
Nous verrons l'utilités d'un certain nombre de ces boutons tout au long des tutoriels.

Pour ceux qui auraient éventuellement une résolution un peu faible, vous ne voyez pas la barre complètement.
Heureusement vous pouvez changer de place la barre et notament la réduire en une fenètre indépendante.
Pour ce faire, double-cliquez sur les petites séparations entre les groupes de boutons (c'est ce que montre la flèche rouge sur l'image ci-dessus) ou cliquez puis -en maintenant enfoncé- déplacez la souris vers le bas.

La barre devient comme cela :

[tutoriel 1 / image 8]

Vous pouvez déplacer cette fenètre n'importe où et changer ses dimentions.
Pour replacer la barre comme avant, faites les même opérations qu'avant.

2.3) La Vue 3D

Cette vue donne un apperçut tridimentionnel en temps réel de votre map.
Elle montre la map telle qu'elle existe dans radiant, ainsi il sera fréquent d'y voir des élements (textures ou models principallement) non visibles en jeu.

Vous pouvez vous déplacer à volonté sur la map grâce à cette vue, voir vos brush sous tous les angles.

Pour se déplacer dans cette vue, il y a trois modes.
Vous pouvez switcher de mode en cliquant sur le 20ème bouton en parant de la gauche [tutoriel 1 / image 9] : "Basculer en mode mouvement camera" (en anglais "Toggle movement camera mode").

Je ne vais vous expliquer qu'un seul de ces modes, celui que nous alons utiliser, car les autres sont à mon sens moins pratique.
Le tableau suivant récapitule les actions à faire sur la vue et leur résulats.
CDS = clique droit souris

Touches à utiliser Déplacement
CDS + déplacement souris vers avant Vers l'avant
CDS + déplacement souris vers l'arrière Vers l'arrière
CDS + déplacement souris vers la gauche Vers la gauche
CDS + déplacement souris vers la droite Vers la droite
Ctrl + CDS + déplacement souris vers avant Vers le haut
Ctrl + CDS + déplacement souris vers l'arrière Vers le bas
Ctrl + CDS + déplacement souris vers la gauche Latéral vers la gauche
Ctrl + CDS + déplacement souris vers la droite Latéral vers la droite
Ctrl + Alt + CDS La position est fixe. Utiliser votre souris pour orienter votre vue comme bon vous semble.

Il se peut que vous switchiez de mode de déplacement sans le faire exprès.
Si jamais cela arrive, le comportement de la caméra n'est pas habituel. Mais pas de panique !
Cliquez sur le bouton jusqu'à qu'il ne soit plus enfoncé, puis cliquez dessus encore 1 fois.

2.4) La Vue 2D

[tutoriel 1 / image 10]

Enfin nous y voilà, le coeur de Radiant !
La vue 2D !
Cette vue tient son nom du fait que l'on travaille ici en deux dimentions uniquement.


Cette vue est compliquée et recèle de nombreuses informations. Expliquont-là ensemble.


2.4.1) Les dimensions

Sélectionnez votre brush en plaçant votre souris au dessus du brush puis en appuyant sur Alt + CGS.

Les bords du brush deviennent rouge sur la vue 2D et des chiffres apparaissent en dessous et à sa droite.

[tutoriel 1 / image 11]

Se sont les dimensions du brush, qui sont tout simplement exprimées en unités.
Toutes les distances dans radiant vont être exprimées en unités.


2.4.2) La grille

Comme vous le voyez, la vue est divisée par plusieurs lignes qui forment un quadrillage. C'est ce que l'on appelle la grille.
L'intersection des lignes forment des carrés.

Les carrés bleus font 1024 unités de cotés. On ne peut pas modifier la taille de ces carrés.
Les carrés plus petits, noir-gris font 64 unités de coté et l'on ne peut pas non plus modifier leur taille.

Par contre les carrés les plus petit sont intéressants car on peut modifier leur taille.
Pour modifier la taille de la grille, appuyez sur les chiffres de 1 à 9 de votre clavier (pas le clavier numérique).
Vous pouvez aussi aller dans le menu Grille.
Voici quelques exemples de grille :

[tutoriel 1 / image 12]


2.4.3) Les différentes vues 2D

L'inconvénient de la 2D, c'est justement que l'on ne peut travailler que sur 2 dimensions à la fois.
Pour travailler sur la troisème dimmenton, il va falloir changer de vue 2D.

Il y a en tout 3 vues 2D différentes. Vouspouvez passer de l'une à l'autre en appuyant sur les touches Ctrl + Tab.
Le nom de la vue s'affiche en haut à gauche de la vue : [tutoriel 1 / image 13]
Les trois vues utilisables sont :

Vous alternerez très souvent entre ces trois vues pour travailler.
Vous pourrez voir sur les tutoriels de mapping pour CoD:UO que Graydiant (la version de radiant pour CoD:UO) possédait une configuration de vues vraiment très pratique où l'interface était divisée en 4 avaec les trois vue 2D et la vue 3D.
Cette configuration n'est malheureusement plus disponibles sur CoD4.


2.4.4) Les coordonnées

En haut et à gauche de la vue 2D, vous pouvez voir des séries de chiffre.
Ce sont les échelles des coordonnées.

Les coordonnées sont une série de trois chiffres (corresppondants aux composantes X, Y et Z) qui définnissent la position d'un model, d'un brush ... sur la map.
Pour un brush les coordonnées sont celles du coin le plus en haut à gauche sur la vue 2D.
Si votre brush est désélectionné, resélectionnez-le et observez ce qui est écrit en haut à gauche : [tutoriel 1 / image 14]
. Ce sont les composantes X et Y des coordonnées du brush (il n'y a pas la composante Z parce que vous êtes en vue XY Top).

Le point de coordonnée (0, 0, 0) est appellé l'origine de la map. C'est l'intersection des deux lignes bleues juste en dessous d'un Z dans Radiant.

Nous reverrons cette notion de coordonnées un peu plus tard, là où c'est le plus utile : pour placer des models.


2.4.5) La caméra

Vous aurez sans doute remarqué qu'un signe étrange se ballade sur la vue 2D :

[tutoriel 1 / image 15]

Ce point est la caméra, il représente la position du point d'observation de la vue 3D.
Le losange représente votre oeil, et le crochet vous indique la direction regardée.

Pour centrer la vue 2D sur la caméra, appuyez sur Alt + X.



Pour en finir avec cette partie sur l'interface, vous pouvez modifier la taille des diverses vue en fesant un CGS (clique gauche souris) sur les petites zones blanches les séparant, en maintenant le clic puis en bougant la souris.
Je conseille personellement d'avoir une configuration des vues tout à fait similaire à ce qui est visible sur la première image de ce tutoriels.

3) Enregistrer la map

Ce serait bète de perdre 3 heures de travail minutieux à cause d'un plantage ou autre.
Comme avec tous les logiciels, il faut enregistrer son travail.
Dans radiant c'est comme partout : allez dans le menu Fichier > Enregistrer (ou Enregistrer sous) ou cliquez sur le deuxième bouton en partant de la gauche.

Vous pouvez aussi demander à ce que radiant enregistre automatiquement votre map.
Ouvrez la fenètre des préférences en allant dans le menu Edition > Préférence ou en appuyant sur P.
Vous devez voir ceci :

[tutoriel 1 / image 16]

Nous verrons certaines de ces options en temps voulus lorsque nous en aurons besoin.

Pour faire enregistrez votre map automatiquement, cocher la case Enrg auto toutes les et réglez l'intervalle de temps entre les enregistrements.
Cet enregistrement enregistre votre map sous le nom autosave.map. Vous trouverez ce fichier dans le dossier bin.


Tout en haut de radiant, vous avez le chemin complet de votre map.
Lorsque vous avez fait une modification et que vous n'avez pas encore enregistré, une petite étoile s'affiche à droite.

[tutoriel 1 / image 17]

4) Quelques autres préférences

Vous vous rappellez ce qu'il faut faire lorsque l'on ouvre radiant ?
Aller chercher à chaque fois le fichier cod4.prj n'est pas très confortable.
On va donc faire en sorte qu'il se charge tout seul au démarage : deux lignes au dessus de l'enregistrement automatique, cochez la case Charger dernier projet à l'ouverture.

Vous pouvez régler la vitesse de déplacement de la caméra dans la vue 3D avec le curseur en haut de la fenètre.
De plus, je vous conseille de cocher la case juste en dessous : Maj des vues XY durant déplacement de la souris, ainsi la caméra va se déplacer en même temps sur les vues 3D et 2D.

5) Changer les couleurs de Radiant

Pour finir enfin ce tutoriel, je vous informe juste que vous pouvez changer la plupart des couleurs dans radiant (couleurs des grilles, des fonds, des écritures, des origines des models, des sélections...).
Le tout se trouve dans le menu Divers > Couleurs.

Ce n'est ni spéciallement utile ni technique, alors je vous laisse découvrir cela par vous même.


Ce tutoriel est enfin finit !
J'espère qu'il vous a plû et que cela vous a donné vraiment envie de vous lancer dans le mapping.

Rendez-vous au prochain tutoriel où nous approfondirons l'utilisation des brushs et des textures et apprendront à construire une skybox.

Par Florent