> Le Site du Zéro - Informatique

> Cours

> Tutoriels

> Mapping

> Half-Life²

> Une map pour le moteur Source avec Hammer 4

> Particularités des mods

> [Portal] Au coeur d'Aperture

> Lecture du tutoriel

[Portal] Au coeur d'Aperture

Par

Sébastien de la Marck (Thunderseb)

Mise à jour : 24/01/2012

Difficulté : Facile Facile

2 942 visites depuis 7 jours, dont 24 sur ce chapitre classé 54/786

Ce mini-tutoriel est rédigé en collaboration avec Capitaine Mousse, qui s'est proposé de m'aider à développer le mapping Portal. C'est lui qui rédige les grandes lignes du tuto. Pour ma part, je me suis juste occupé de la mise en page et de l'adaptation des textes pour coller à l'ensemble du tutoriel de mapping

Ce chapitre, le premier des chapitres sur Portal, est principalement basé sur le level design (mapping, sans parler des entités) et explique comment s'y retrouver et débuter dans la création d'une chambre de test. Il n'y a rien de très compliqué là-dedans, mais il y a quelques astuces à connaître.

La map testchmb_a_05.vmf est fournie avec le SdK (dossier mapsrc du dossier portal, dans sourcesdk_content). Je vous conseille de l'ouvrir et de l'explorer en même temps que vous lisez ce chapitre, c'est toujours mieux d'avoir un exemple direct que des images

Retour en haut

Sommaire du chapitre :

Une salle de test
Salle d'observation
Un peu d'optimisation
Détails et relief

Retour en haut

Une salle de test

L'architecture d'une salle de test est quelque chose de basique.
Les salles de Portal sont généralement très géométriques (cubes, parallélépipèdes...). Les dimensions doivent toujours être multiples de 2 car les textures du jeu sont elles-mêmes en multiples de deux.

Bon, cela étant dit, on peut commencer à mapper une petite salle de test.

Quelques infos sur les textures

Par défaut, les textures de Portal sont définies pour accepter ou non la création d'un portail. Ainsi, les textures de métal ou de vitre empêchent la création de portails. Ce n'est pas le cas pour la grande majorité des textures de murs.

Pour rechercher des textures, je vous recommande d'utiliser le filtre modular pour ce qui est des textures de murs en béton et metalwall04 pour les plaques de métal. Mettez aussi portal comme mot clé (le champ keyword) pour ne prendre que les textures de Portal.

Les bordures lumineuses

Je pense que vous l'avez remarqué, dans les différentes salles, il y a des bordures lumineuses autour des bords du plafond ou du sol :

Ce genre de bordure se fait en rétrécissant de 4 unités le plafond, tout en le gardant au centre :

La salle se retrouve donc ouverte. Pour la fermer, on crée 4 blocs à placer par-dessus. Ces blocs sont à texturer avec la texture lights/light_recessedcool002 :

Le petit bloc avec la texture lumineuse est sélectionné

Cette texture fera office de source lumineuse. On va maintenant utiliser un overlay pour simuler la propagation de la lumière sur les murs. La texture à utiliser est overlay_light_gradient, avec un V start de 0.99. Placez un overlay, que vous redimensionnez en largeur, dans le haut de chaque mur :

Voyez, j'ai positionné l'overlay juste au raz du mur. Faites de même. Si vous n'obtenez pas le même rendu, mettez 0 comme V start et 0.99 comme V end. En fait, vous pouvez même ne pas toucher au V start et au V end. Mettre 1 ou 0.99, ça ne change pas grand chose (les mappeurs de Valve mettent 0.99, suivons-les

).

Ah oui, si votre overlay est appliqué sur plusieurs faces, n'oubliez pas de les picker, en maintenant la touche Contrôle enfoncée (reportez-vous au chapitre sur les overlays, de la première partie si vous ne vous souvenez plus).

Et voilà, en compilant, vous devriez obtenir un résultat comme dans le jeu

Les puits de lumière

Dans certaines salles, des "trous" (ou des puits) sont percés dans les plafonds ou dans les murs, diffusant une lumière très blanche. Ces "trous" font office d'entrée de lumière, puisqu'il n'y a quasi jamais de lampes dans les salles de test. Exemple de puits de lumière :

En réalité, c'est assez simple de faire ce genre de chose. Tout ce que vous avez à faire, c'est trouer votre mur, ajouter 4 blocs pour créer un "renfoncement" et un bloc pour fermer, avec une texture blanche (lights/white007 pour être précis

) :

Pour plus de réalisme, vous pouvez ajouter une lueur - un env_lightglow - dans votre puits. L'env_lightglow est à configurer comme ceci :

Color : 254 220 194
Vertical Sire : 50
Horizontal Size : 50
Minimum Distance : 1
Maximum Distance : 2

Retour en haut

Salle d'observation

Les salles, ou chambres, d'observation sont les pièces cachées derrière des vitres dépolies :

Ces salles ont deux rôles principaux. Realm Lovejoy les explique, si vous passez Portal en mode Commentaires :

Citation : Realm Lovejoy à propos des salles d'observation

Ces salles d'observation en verre dépoli donnent l'impression au joueur qu'il est sous surveillance tout en permettant de garder le mystère quant à l'identité de ceux qui le surveillent. Par ailleurs, ces pièces revêtent une réelle utilité : on les utilise souvent comme sources de lumière logiques pour les salles de test.

En effet, comme il n'y a pas de fenêtres ni de lampes, les salles d'observation font office de source lumineuse (car de la lumière qui vient de nulle part, ça ne le fait pas trop

).

Le trou pour la fenêtre fait généralement 128 unités (taille standard d'un mur d'un étage en fait). Comme le montre mon screen, on voit une sorte de gros plafonnier qui diffuse de la lumière. C'est un tube de lumière, qui fait 64 unités de haut. Si vous voulez en placer un, ce qui est recommandé, vous devez donc faire une salle de 172 unité de haut (128 + 64).

Voici les textures à utiliser pour texturer l'intérieur de la salle (n'oubliez pas, du nodraw, sur les faces que le joueur ne peut voir) :

observationwall_001b pour les murs de 128 unités
observationwall_001a pour les murs de 64 unités
observation_tilefloor001a pour le sol
observationwall_001a pour le plafond

Le tube de lumière

La salle est texturée, occupons-nous du tube de lumière.

On pourrait penser que c'est un model, mais il n'est est rien. Il va donc falloir tout créer avec des blocs, et principalement avec une arche.

Pour une question de facilité, on créera un quart de cercle que l'on dupliquera par la suite pour former un cercle complet.
Prenez l'outil Arch et tracez un carré de 80*80*46 (largeur * profondeur * hauteur), et créez l'arche avec ces paramètres :

Vous obtenez donc un quart de cercle. Il faut ensuite le modifier avec le Vertex Tool pour le faire tenir dans un carré :

Créez des copies de ce quart, pour former le cercle complet. Pensez à mettre des blocs de nodraw pour encadrer ce cylindre, pour pouvoir le convertir en func_detail. Pour les textures, voici ce qu'il faut utiliser :

plastic_light002c pour le tube
plastic_light002a pour le cadre du tube
plasticwall002a pour les partie visible du tour du cadre
white009 pour le fond du tube

Cochez les cases Treat as one et Top pour appliquer rapidement les textures dans le cylindre. Treat as one et Center pour le cadre (le bord du cylindre) :

La vitre dépolie

Il faut commencer par faire un encadrement. La référence est de prendre une largeur de 4 unités pour les "barres". Les montants d'encadrement (à l'extérieur, pas les barreaux) sont plus profonds, ils font la même profondeur que le mur. Vous devez utiliser la texture plasticwall004a.

L'armature en place, il ne reste plus qu'à faire la vitre. Faites plusieurs vitres, une entre chaque barreau. Comme pour toutes les vitres, mettez du nodraw partout, sauf sur la face que le joueur verra. Sur cette face, appliquez la texture glasswindows_refract01. La texture apparait en rose et noir, ce n'est pas grave, ça marchera

N'oubliez-pas un petit env_cubemap qui pointe vers la face visible de chaque vitre

Luminosité

Au centre de la pièce, placez une light paramétrée de la sorte :

Brightness : 183 204 218 200
BrightnessHDR : 183 204 218 150
Constant : 200000

Placez un env_cubemap au centre de la pièce, et pour terminer, mettez un light_spot, qui pointe vers la salle de test. Vous pouvez l'orienter au centre ou vers une partie de la pièce à mettre en valeur. C'est principalement ce spot qui va influencer sur la lumière que diffuse la chambre d'observation. Voici les propriétés à modifier :

Brightness : 183 204 218 800
BrightnessHDR : 183 204 218 1000
Constant : 200000

Retour en haut

Un peu d'optimisation

Portal est une succession de salles. On pourrait dire que Portal est quasiment un long couloir avec des salles et des ascenseurs pour passer d'un étage à l'autre. Cela veut donc dire qu'optimiser un niveau est plutôt simple (hum, comprenez "plus simple que pour une aventure solo d'Half-Life² dans un environnement ouvert"

).

Les deux techniques principales sont les hintbrush, et les areaportals (ou les occluders). De par l'architecture carrée des pièces, c'est plutôt facile à utiliser.

Rien d'autre à dire ici, c'était surtout un petit rappel

Retour en haut

Détails et relief

Dans Portal, la majorité des surfaces sont découpées en petits blocs, ce qui permet de les manier très facilement et d'appliquer des textures différentes d'un bloc à l'autre (des textures avec juste quelques changements). Il est ainsi possible de créer une surface composée de plusieurs textures différentes :

Ça ne se remarque pas toujours, mais si vous observez attentivement les murs de métal, vous remarquez que certains "carrés" ressortent. Ces murs sont aussi découpés et des parties ressortent plus que d'autres.

Pensez aussi à décorer les murs avec des overlays (il n'y a pas beaucoup de decals), à faire des pièces cachées, enfin bref, essayez de coller à l'ambiance de Portal

Retour en haut

ET n'oubliez pas, The cake is a lie

Retour en haut

Retour en haut

5 commentaires pour "[Portal] Au coeur d'Aperture"

Note moyenne : 3.89 / 4 (103 votes)

Pseudo	Commentaire
har1bo	# Posté le 09/07/2008 à 11:43:51
Genre.	Toujours aussi bien Par contre, Citation : Capitaine Mousse - Thunderseb Les deux techniques principales sont les hintbrush, et les areaportals (ou les occluders). De par l'architecture carrée des pièces, c'est plutôt facile à utiliser. "De par" se dit, ou il manque un mot ? Bon, allez je vais mettre un petit 20/20, puisque c'est la seul note que j'ai mise sur le tuto. #LGDF: har1bo vaincra ! Citation : Kelth' Tellement le topic L'Univers de Valve parle de tout et de rien il devrait s'appelé L'Univers tout cours
Thunderseb	# Posté le 09/07/2008 à 16:57:42
Responsable de la validation Blog Twitter close Ville : Liège Pays : Belgique	Euh non, ça se dit . Hébergemoi - Realfox 4 - zValido - Left 4 Dead - Portal - Jouer Medic Dynamisez vos sites web avec Javascript !
har1bo	# Posté le 09/07/2008 à 19:29:12
Genre.	Ah bah je m'endormirais moins bête ce soir #LGDF: har1bo vaincra ! Citation : Kelth' Tellement le topic L'Univers de Valve parle de tout et de rien il devrait s'appelé L'Univers tout cours
Vik0	# Posté le 06/09/2008 à 00:42:04
	Pour les dimensions des salles, ça serait pas plutôt "multiple de 64 (ou 128, c'est encore mieux)" parce que avec 2, j'avais pas fais gaffe et j'ai eu des mur en béton ou en métal coupé avant la fin de la texture et c'est franchement moche . Deux intellectuels assis iront moins loin qu'un con qui marche
simounours	# Posté le 21/06/2011 à 12:16:16
	Moi j'ai un petit problème , je sais pas comment on teste la map aidez moi s'il vous plait.