{"id":2169,"date":"2020-05-15T10:46:13","date_gmt":"2020-05-15T08:46:13","guid":{"rendered":"http:\/\/lamartinieredesign.fr\/?page_id=2169"},"modified":"2025-03-12T22:48:37","modified_gmt":"2025-03-12T21:48:37","slug":"projet-3d-les-bases","status":"publish","type":"page","link":"https:\/\/lamartinieredesign.fr\/?page_id=2169","title":{"rendered":"Projet 3D – Les bases"},"content":{"rendered":"\n

R\u00e9cup\u00e9rez les fichiers n\u00e9cessaires \u00e0 la Session Unity :<\/p>\n\n\n\n

\n
T\u00e9l\u00e9chargeR<\/a><\/div>\n<\/div>\n\n\n\n
1. Lancer Unity et cr\u00e9er un projet<\/h5>\n\n\n\n

Dans Unity Hub, cliquez sur l’onglet Projects<\/strong> puis sur le bouton bleu \u00ab\u00a0New Project<\/strong>\u00a0\u00bb en haut \u00e0 droite.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Choisissez un Template de projet. Ici, nous allons cr\u00e9er un projet 3D simple. Choisissez Universal 3D<\/strong>. Nommez votre projet (en bas \u00e0 droite, \u00e0 la place de My project, nommez-le par exemple \u00ab\u00a0Session Unity 3D bases<\/strong>\u00ab\u00a0) et \u00e9ventuellement choisissez un emplacement o\u00f9 l’enregistrer sur votre ordinateur. On peut sans probl\u00e8me garder l’emplacement par d\u00e9faut.
Cliquez sur le bouton bleu \u00ab\u00a0Create project<\/strong>\u00ab\u00a0.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Unity se lance et voici ci-dessous, ce que vous devez voir.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\n

Par d\u00e9faut, l’environnement est sombre. Allez dans Unity > Settings<\/strong>.
Dans les Preferences > General > Editor Theme<\/strong>, on peut choisir le th\u00e8me Light<\/strong> que j’utiliserai.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
2. L’interface du logiciel<\/h5>\n\n\n\n

L’interface se compose des Menus<\/strong>, en haut, d’une Barre d’outils<\/strong>, juste en dessous et de 5 fen\u00eatres principales, par ordre d’importance :
1 – L’onglet Scene<\/strong> o\u00f9 l’on compose l’environnement de son projet.
2 – L’onglet Game<\/strong>, pr\u00e9visualisation en temps r\u00e9el du r\u00e9sultat de votre jeu ou projet; ce que verra l’utilisateur.
3 – L’onglet Project<\/strong>, sorte de biblioth\u00e8que qui r\u00e9unit tous les \u00e9l\u00e9ments n\u00e9cessaires au projet, objets 3D, textures, sons, scripts, etc.
4 – L’onglet Hierarchy<\/strong> qui liste tous les \u00e9l\u00e9ments utilis\u00e9s sur la Scene<\/strong>. Par d\u00e9faut il y en a deux, une cam\u00e9ra et une lumi\u00e8re.
5 – L’onglet Inspector<\/strong> qui affiche les propri\u00e9t\u00e9s des objets s\u00e9lectionn\u00e9s sur la Scene<\/strong> ou dans la Hierarchy<\/strong>.<\/p>\n\n\n\n

\"L\u2019attribut<\/figure>\n\n\n\n

Il y a plusieurs configurations d’interface pr\u00e9d\u00e9finies dans des Layouts<\/strong>. Vous pouvez modifier la disposition des onglets principaux depuis le Menu Window > Layouts<\/strong> ou depuis le Menu local Defaults<\/strong> en haut \u00e0 droite de la Barre d’outils<\/strong> (Au d\u00e9but, il se nomme \u00ab\u00a0Layouts<\/strong>\u00ab\u00a0).
<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

En dehors de la configuration par d\u00e9faut, un des layouts le plus utilis\u00e9 est le 2 by 3<\/strong> qui a l’avantage de montrer en m\u00eame temps les onglets Scene<\/strong> et Game<\/strong> et les onglets de r\u00e9glage dans un ordre logique.
Il est \u00e9galement possible de cr\u00e9er et enregistrer votre propre configuration d’interface (Layouts > Save Layout\u2026<\/strong>). C’est int\u00e9ressant pour le travail d’animation par exemple, en ajoutant des onglets depuis le Menu Windows.<\/p>\n\n\n\n

Vous pouvez voir ci-dessous les 4 Layouts disponibles dans Unity.<\/p>\n\n\n\n

\n
\n
\"\"
Layout 2 by 3<\/figcaption><\/figure>\n\n\n\n
\"\"
Layout Tall<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Layout 4 Split<\/figcaption><\/figure>\n\n\n\n
\"\"
Layout Wide<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
3. Cr\u00e9er un objet 3D simple et se rep\u00e9rer dans les onglets<\/h5>\n\n\n\n

Dans un projet 3D, il va falloir placer des \u00e9l\u00e9ments de nature diverse : des objets 3D, des personnages, un environnement, des animations, des sons, des comportements, etc.
Il existe de nombreux \u00e9l\u00e9ments que vous pouvez r\u00e9utiliser, certains gratuits et d’autres payants, depuis l’Asset Store ou sur le web.
Vous pouvez \u00e9galement fabriquer un certain nombre de ces \u00e9l\u00e9ments directement dans Unity, ou bien les importer depuis Blender ou autre logiciel de mod\u00e9lisation 3D.<\/p>\n\n\n\n

\u00c0 partir du Menu GameObject > 3D Object<\/strong> vous pouvez ajouter des objets simples \u00e0 votre projet (ou par clic droit dans la Hierarchy<\/strong>).
Ce menu propose des objets basiques, cube, sph\u00e8re, cylindre, capsule, plan, etc. Il propose \u00e9galement des objets vides, nous en reparlerons. Enfin, il propose des objets plus sophistiqu\u00e9s, des terrains, des arbres, du vent et quelques autres pour cr\u00e9er votre environnement de jeu.<\/p>\n\n\n\n

Ajoutez un cube : Menu GameObject > 3D Object > Cube<\/strong>
Ce cube apparait sur la Sc\u00e8ne<\/strong> au point d’origine du projet, et si vous \u00eates en Layout 2 by 3<\/strong> vous pourrez \u00e9galement le voir dans l’onglet Game<\/strong>, \u00e0 travers la cam\u00e9ra pr\u00e9sente sur la Sc\u00e8ne<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Ce cube est \u00e9galement visible dans l’onglet Hierarchy<\/strong>, qui regroupe tout ce qui se trouve sur la Sc\u00e8ne<\/strong>. Vous pouvez le s\u00e9lectionner par un clic gauche indiff\u00e9remment sur la Sc\u00e8ne<\/strong> ou dans la Hierarchy<\/strong>.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n\n\n\n

L’onglet Inspector<\/strong> affiche les propri\u00e9t\u00e9s du cube dans la zone Transform<\/strong> : sa position \u00e0 z\u00e9ro, son \u00e9chelle \u00e0 1 unit\u00e9 (disons que \u00e7a repr\u00e9sente 1m pour un cube).
Le cube comporte \u00e9galement une zone Mesh Renderer<\/strong> et une zone Default Material <\/strong>pour son aspect \u00e0 l’affichage.
Il y a enfin une zone Box Collider<\/strong>, c’est-\u00e0-dire une bo\u00eete virtuelle qui d\u00e9termine sa zone de collision avec son environnement.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
4. Naviguer en 3D et modifier les objets<\/h5>\n\n\n\n

Pour naviguer dans la Sc\u00e8ne<\/strong>, il faut utiliser une souris 3 boutons.<\/p>\n\n\n\n

Les raccourcis claviers sont donn\u00e9s \u00e0 titre indicatif. Ils sont bas\u00e9s sur la disposition d’un clavier Qwerty et sont totalement illogiques relativement \u00e0 d’autres logiciels 3D.
Les axes sont rep\u00e9r\u00e9s par leur couleur mais l\u00e0 aussi, diff\u00e9remment des autres logiciels. C’est infernal!<\/p>\n\n\n\n

En haut et \u00e0 gauche de la Sc\u00e8ne se trouve la Barre d’outils<\/strong>, avec les outils pour se d\u00e9placer dans l’espace 3D sur la Sc\u00e8ne<\/strong> ou pour modifier les objets 3D s\u00e9lectionn\u00e9s. Cette barre peut \u00eatre accroch\u00e9e \u00e0 la bande sup\u00e9rieure de la Sc\u00e8ne.
Par d\u00e9faut, c’est l’outil Move<\/strong> qui est actif.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n


– View<\/strong> Tool (Q<\/strong>) ou Hand<\/strong>

– Move<\/strong> Tool (W<\/strong>)

– Rotate<\/strong> Tool (E<\/strong>)

– Scale<\/strong> Tool (R<\/strong>)

– Rect<\/strong> Tool (T<\/strong>)

– Transform<\/strong> Tool (Y<\/strong>)

– Edit Bounding Volume<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

Lorsqu’un outil de modification est actif, il suffit de cliquer sur un objet pour le s\u00e9lectionner et cliquer en dehors pour le d\u00e9s\u00e9lectionner.<\/p>\n\n\n\n

Pour naviguer dans la vue 3D :
– Molette = Zoom<\/strong> dans la vue 3D
– Clic Molette + Glisser -> Outil Hand<\/strong>, d\u00e9placement de la vue 3D
– ALT Clic Gauche + Glisser -> Orbite<\/strong>, tourner autour de l’Objet
– Clic droit + Glisser -> rotation de la vue 3D<\/p>\n\n\n\n

Lorsque l’outil de navigation Hand<\/strong> est actif (raccourci Q<\/strong>) il n’est plus possible de s\u00e9lectionner des objets, mais :
– Molette = Zoom dans la vue 3D
– Clic Gauche (LMB – Left Mouse Button) = D\u00e9placement de la vue 3D
– ALT Clic Gauche = Rotation de la vue 3D (Orbite)<\/p>\n\n\n\n

Pour s\u00e9lectionner un objet, activez l’un des outils de modification et cliquez sur cet objet indiff\u00e9remment dans la Scene<\/strong> ou la Hierarchy<\/strong>.
Pour le d\u00e9s\u00e9lectionner, cliquez sur une zone vide de la Scene<\/strong> ou de la Hierarchy<\/strong>.<\/p>\n\n\n\n

Un objet s\u00e9lectionn\u00e9 peut \u00eatre modifi\u00e9 en D\u00e9placement (Move)<\/strong>, Rotation (Rotate)<\/strong> ou \u00c9chelle (Scale)<\/strong> selon un ou plusieurs axes. Il faut pour cela agir sur les Gizmos<\/strong> qui s’affichent (fl\u00e8ches, cercles, poign\u00e9es) ou sur le centre de l’objet (un petit cube est visible au survol au centre de l’objet s\u00e9lectionn\u00e9).

– Outil Move<\/strong> (raccourci W<\/strong>) = d\u00e9placer un objet, selon un axe par les fl\u00e8ches ou selon un plan par les plans au centre de l’objet (au survol).
– Outil Rotate<\/strong> (raccourci E<\/strong>) = faire tourner un objet selon un axe par les cercles ou librement sur l’objet.
– Outil Scale<\/strong> (raccourci R<\/strong>) = mettre \u00e0 l’\u00e9chelle selon un axe par les poign\u00e9es ou globalement par la poign\u00e9e au centre de l’objet. La notion d’\u00e9chelle est tr\u00e8s relative dans Unity et varie d’un objet \u00e0 l’autre. \u00c0 ne pas confondre avec la dimension donc, qui n’existe pas en tant que telle.<\/p>\n\n\n\n

Les couleurs correspondent aux axes du Gizmo en haut \u00e0 droite de la Scene : X rouge et Z bleu pour le plan horizontal et Y vert pour les hauteurs.<\/p>\n\n\n\n

\n
\n
\"\"
Outil Move (W)<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Outil Rotate (E)<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Outil Scale (R)<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

On peut modifier ces valeurs par crans en cliquant sur le bouton Snap<\/strong> en haut \u00e0 gauche de la Scene<\/strong>. Ce bouton repr\u00e9sente un aimant sur une grille. La petite fl\u00e8che \u00e0 droite du bouton permet de param\u00e9trer la grille.<\/p>\n\n\n\n

Ces param\u00e8tres peuvent \u00eatre r\u00e9gl\u00e9s plus pr\u00e9cis\u00e9ment dans l’Inspector<\/strong>. Les valeurs sont en unit\u00e9 Unity, disons le m\u00e8tre, sauf la rotation \u00e0 saisir en degr\u00e9s.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Les autres outils disponibles sont :
– Rect<\/strong> Tool (raccourci T<\/strong>) plut\u00f4t utilis\u00e9 pour les \u00e9l\u00e9ments d’interface du jeu que pour les objets 3D, ci-dessous \u00e0 gauche,
– Transform<\/strong> (raccourci Y<\/strong>) qui combine les 3 outils pr\u00e9c\u00e9dents Move<\/strong>, Rotate<\/strong> et Scale<\/strong>,
– Edit Bounding Volume<\/strong> ou Custom<\/strong> (raccourci ?) qui s’adapte \u00e0 la s\u00e9lection. Ci-dessous \u00e0 droite, pour un objet 3D il permet de modifier son Box Collider<\/strong>, c’est-\u00e0-dire sa zone de collision, en vert, en tirant sur les points verts.<\/p>\n\n\n\n

Vous noterez que dans l’ordre, les raccourcis des outils sont les touches : Q W E R T Y<\/p>\n\n\n\n

\n
\n
\"\"
Outil Rect (T)<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Outil Custom<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Pour dupliquer un objet, il faut le s\u00e9lectionner puis aller dans le
Menu Edit > Duplicate<\/strong> (ou mieux taper le raccourci CMD\/CTRL D<\/strong>) et enfin le d\u00e9placer car il se duplique sur lui-m\u00eame.
Pour le supprimer, c’est pareil, Menu Edit > Delete<\/strong> ou le raccourci CMD\/CTRL Del<\/strong> (touche effacement du clavier, ne pas utiliser Suppr<\/strong>).<\/p>\n\n\n\n

Sinon, le plus simple reste de faire un Clic Droit<\/strong> sur la Scene<\/strong> ou dans la Hierrachy<\/strong>, puis Duplicate<\/strong>, Delete<\/strong> ou Rename<\/strong>\u2026<\/p>\n\n\n\n

Tout cela se fait sur la Scene<\/strong>, mais vous pouvez \u00e9galement faire ces op\u00e9rations sur la Hierarchy<\/strong> par un Clic Droit sur les objets, puis Duplicate<\/strong>, Delete<\/strong> ou Rename<\/strong>. Cela permet donc aussi de les renommer, ce qui est recommand\u00e9, plut\u00f4t que d’avoir comme ci-dessous, d’innombrables \u00ab\u00a0cubes\u00a0\u00bb dont vous ne savez plus ce qu’ils repr\u00e9sentent, surtout apr\u00e8s les avoir modifi\u00e9s.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Pour Renommer un Objet dans la Hierarchy : Clic prolong\u00e9 ou Clic Droit > Rename<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Enfin, lorsqu’un objet est s\u00e9lectionn\u00e9, vous pouvez le mettre en premier plan en appuyant sur la touche F<\/strong>, comme ci-dessous. Cela ne le d\u00e9place pas, mais l’affichage fait le focus dessus.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
5. Appliquer des Mat\u00e9riaux et des Textures<\/h5>\n\n\n\n

Cr\u00e9ez un nouveau document 3D et placez sur la sc\u00e8ne plusieurs objets, par le Menu GameObject > 3DObject<\/strong> : un Plane<\/strong> qui servira de sol, quelques Cubes<\/strong>, un Cylinder<\/strong>, un Quad<\/strong> qui servira de mur, quelques Sph\u00e8res<\/strong> et d’autres selon vos envies. Ajustez les propri\u00e9t\u00e9s de ces objets, position, rotation et \u00e9chelle pour faire une composition \u00e0 votre convenance, qui pourrait \u00eatre la base d’un jeu.<\/p>\n\n\n\n

5a_ Les Mat\u00e9riaux<\/h6>\n\n\n\n
\n
\n

Tous les objets comportent un Default Material<\/strong> (Lit<\/strong>) qui leur donne leur aspect initial, un blanc un peu gris. Vous pouvez le voir en s\u00e9lectionnant un objet et regarder dans l’Inspector<\/strong> la partie Mesh Renderer<\/strong>, ci-contre.
V\u00e9rifiez que la Scene<\/strong> est bien r\u00e9gl\u00e9e en mode de rendu ombr\u00e9 : le Menu local, juste sous l’onglet Scene<\/strong>, est bien sur Shaded<\/strong>. Essayez les autres Draw Modes :<\/strong> Wireframe<\/strong>, etc.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Il est n\u00e9cessaire, dans un premier temps de bien organiser ses Assets<\/strong> dans l’onglet Project<\/strong>. Cliquez sur Assets<\/strong> et dans la zone \u00e0 droite, faites un Clic droit > Create > Folder<\/strong>. Renommez-le Materials (le nom est \u00e0 votre convenance, mais autant \u00eatre clair). Cr\u00e9ez \u00e9galement un dossier Textures, comme ci-dessous.
Double-cliquez sur le dossier Materials<\/strong> et dans la zone \u00e0 droite, faites un Clic droit > Create > Material<\/strong>. Renommez-le Sol. Ici aussi, le nom est libre, mais \u00e0 moins d’en avoir besoin pour autre chose, vous saurez \u00e0 quoi il correspond.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Un Material permet de donner un aspect \u00e0 un objet en r\u00e9glant sa couleur et son comportement \u00e0 la lumi\u00e8re, brillance, r\u00e9flexion, \u00e9mission, etc.
Nous allons dans un premier temps cr\u00e9er des mat\u00e9riaux simples pour un r\u00e9sultat visuel de type Flat design, avec essentiellement des couleurs.<\/p>\n\n\n\n

Appliquez le Material<\/strong> que vous avez cr\u00e9\u00e9 \u00e0 un objet, simplement en le faisant glisser sur cet objet depuis les Assets<\/strong>. Il faut ensuite r\u00e9gler les caract\u00e9ristiques de ce mat\u00e9riau.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Dans les Assets<\/strong>, cliquez sur le Material Sol<\/strong>. L’Inspector<\/strong> montre un aper\u00e7u de ce mat\u00e9riau dans la partie basse et les r\u00e9glages initiaux sont en haut : la Base Map <\/strong>(anciennement Color<\/strong>) (le rectangle blanc avec une pipette), le Metallic<\/strong> et le Smoothness<\/strong>, juste en dessous, pour la r\u00e9flexion et la brillance.
Metallic<\/strong> : \u00e0 0 il s’agit d’un mat\u00e9riau diffus et \u00e0 1 un mat\u00e9riau r\u00e9fl\u00e9chissant.
Smoothness<\/strong> : \u00e0 0 c’est mat et \u00e0 1 c’est brillant.
La diff\u00e9rence entre les deux n’est pas toujours \u00e9vidente \u00e0 faire.<\/p>\n\n\n\n

Pour choisir la Base Map<\/strong>, cliquez dans le rectangle blanc, choisissez une teinte sur le cercle chromatique puis ajustez la luminosit\u00e9 dans le carr\u00e9 au centre. La partie droite de l’\u00e9chantillon en haut prend la couleur choisie. L’objet se teinte de cette couleur sur la Scene<\/strong>.
Vous pouvez \u00e9galement utiliser les curseurs RGB<\/strong> en dessous pour choisir votre couleur.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Nous allons tester sur les Spheres les effets de la lumi\u00e8re. Cr\u00e9ez trois Materials, Terre, Metal et Verre. Appliquez-les chacun \u00e0 une Sphere diff\u00e9rente et r\u00e9glez-les comme ci-dessous :<\/p>\n\n\n\n

\n
\n
\"\"
Terre : ocre, mat\u00e9riau mat, Metallic et Smoothness \u00e0 0.<\/figcaption><\/figure>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n
\"\"
Metal : l\u00e9g\u00e8rement bleut\u00e9, mat\u00e9riau brillant, Metallic et Smoothness moyens.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Verre : blanc avec transparence, mat\u00e9riau brillant et transparent, Metallic \u00e0 0 et Smoothness \u00e9lev\u00e9.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Pour la transparence, il faut r\u00e9gler le curseur A<\/strong> de la Color Base Map<\/strong> \u00e0 0. A pour Alpha, soit la transparence. Mais pour voir la transparence sur la Scene, il faut aussi dans l’Inspector<\/strong> du Material passer en Surface Type : Transparent<\/strong>. Mettre le Metallic<\/strong> \u00e0 0 et le Soothness<\/strong> \u00e0 0.8. On peut ajuster ces valeurs pour moduler l\u00e9g\u00e8rement l’effet.<\/p>\n\n\n\n

\n

Pour un effet miroir sur un plan par exemple, appliquez un Material blanc avec le Metallic et le Smoothness \u00e0 1. Passez le Rendering Mode \u00e0 Transparent.<\/p>\n\n\n\n

\n
\n

Par Clic Droit sur la Hierarchy, ajoutez une Light > Reflection Probe<\/strong>.
D\u00e9placez cette Light \u00e0 la m\u00eame position que le Plan qui doit faire Miroir.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Dans l’Inspecteur de cette Light, R\u00e9gler le Type sur Realtime<\/strong>.
Cochez la case Box Projection<\/strong>.
Augmentez la R\u00e9solution<\/strong> pour un meilleur rendu des reflets, ici \u00e0 512.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

S\u00e9lectionnez la Reflexion Probe et dans l’Inspector cliquez sur le bouton en triangle pour changer sa dimension. Elle doit englober les objets \u00e0 r\u00e9fl\u00e9chir, puis cliquez \u00e0 nouveau sur le bouton.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

Ci-dessous, un exemple de r\u00e9sultat possible. \u00c0 vous de jouer\u2026<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
5b_ Les textures<\/h6>\n\n\n\n

Une Texture<\/strong> est une image plaqu\u00e9e qui va s’ajouter \u00e0 un Material<\/strong> et ne peut pas exister sans ce Material.
Il y a deux fa\u00e7ons, qui se rejoignent, d’ajouter une Texture<\/strong> \u00e0 un objet : en la faisant directement glisser sur cet objet sur la Scene<\/strong>, ou en compl\u00e9tant le Material<\/strong> associ\u00e9 \u00e0 cet objet dans l’Inspector<\/strong>.<\/p>\n\n\n\n

On trouve des textures sur internet en faisant une recherche Google. Choisissez des images assez grandes (mini 1280×760) mais pas trop grandes pour ne pas \u00eatre trop lourdes, au format JPG ou PNG. Prenez soin \u00e9galement de faire en sorte qu’elles raccordent en motif si possible.
Il existe des textures plus \u00e9labor\u00e9es, souvent payantes, parfois gratuites comme sur le site Texture Haven (https:\/\/polyhaven.com\/textures\/<\/a>) ou cg0 textures (https:\/\/ambientcg.com\/<\/a>). Elles se pr\u00e9sentent sous forme de plusieurs images pour des fonctions avanc\u00e9es.
Enfin, il est possible de cr\u00e9er vos propres textures, \u00e0 partir de photos ou de dessin dans Photoshop.<\/p>\n\n\n\n

5c_ R\u00e9cup\u00e9rer des textures<\/h6>\n\n\n\n

Cherchez sur le net quelques textures simples de votre choix, diff\u00e9rents bois ou autres. Renommez-les correctement et rangez-les dans un dossier sur votre bureau.<\/p>\n\n\n\n

Nous allons \u00e9galement r\u00e9cup\u00e9rer des textures \u00e9labor\u00e9es. Allez sur le site https:\/\/polyhaven.com\/<\/a> et cliquez sur le bouton Browse Textures<\/strong> sur la page.
Utilisez les cat\u00e9gories \u00e0 gauche, choisissez une texture, cliquez dessus et choisissez la plus faible r\u00e9solution (1K), pour ne pas surcharger votre fichier Unity, c’est g\u00e9n\u00e9ralement suffisant pour de bons r\u00e9sultats. T\u00e9l\u00e9chargez-la en cliquant sur le bouton 1K.
En production, vous pouvez choisir une r\u00e9solution sup\u00e9rieure pour des objets visibles en premier plan dans votre jeu.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

D\u00e9zippez le fichier t\u00e9l\u00e9charg\u00e9 et placez le dossier obtenu dans votre dossier de textures.
Vous pouvez voir ci-contre mon dossier de textures. J’ai trois textures de bois simples en bas et 4 dossiers de textures \u00e9labor\u00e9es en haut.<\/p>\n\n\n\n

Faites glisser la totalit\u00e9 du contenu de ce dossier dans votre dossier \u00ab\u00a0Textures\u00a0\u00bb dans les Assets<\/strong> de Unity.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"\"<\/figure>\n\n\n\n
5d_ Utiliser une texture simple<\/h6>\n\n\n\n

Vous pouvez ranger vos textures simples dans un sous-dossier dans les Assets<\/strong>, ici \u00ab\u00a0bois simple\u00a0\u00bb par exemple.
Faites directement glisser une image depuis les Assets<\/strong> sur un objet sur la Scene<\/strong>. La texture est ajout\u00e9e au Material<\/strong> automatiquement en tant que Base Map<\/strong> (voir dans l’Inspector<\/strong>).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
5e_ Ajouter une texture \u00e9labor\u00e9e<\/h6>\n\n\n\n

Ouvrez un dossier de texture \u00e9labor\u00e9e. Il contient plusieurs images. L’image principale, qui donne son aspect \u00e0 l’objet est l’image diffuse (diff ou color).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

L’Inspector<\/strong> pr\u00e9sente diff\u00e9rentes cases sur lesquelles il faut glisser \/ d\u00e9poser les diff\u00e9rentes images, selon leur r\u00f4le.
– Diffuse (diff)<\/strong> : image en couleurs; correspond \u00e0 la texture telle qu’on la voit. Va sur la case Base Map<\/strong>.
– Specular (spec)<\/strong> ou Rough (rough)<\/strong> : images en niveau de gris; correspondent aux zones d’application de la r\u00e9flexion de la lumi\u00e8re. Vont sur la case Metallic<\/strong>.
– Normale (nor)<\/strong> : image RVB; permet de simuler le relief, chaque composante RVB correspond \u00e0 un des axes 3D XYZ. Va sur la case Normal Map<\/strong>. Puis cliquer sur le bouton Fix Map<\/strong>.
– Normal (bump)<\/strong> : image niveaux de gris; simule \u00e9galement le relief. Peut \u00eatre utilis\u00e9e sur la case Normal Map<\/strong> mais on lui pr\u00e9f\u00e8re la pr\u00e9c\u00e9dente.
– Ambiant Occlusion (ao)<\/strong> : image niveaux de gris; permet de renforcer les ombres de l’image diffuse en augmentant le contraste. Va sur la case Occlusion<\/strong>.
– Displacement (disp)<\/strong> : image niveaux de gris; sert \u00e0 g\u00e9n\u00e9rer un vrai relief. Ce n’est pas une simulation comme pour Normal Map. \u00c0 utiliser avec pr\u00e9caution car cela alourdit la g\u00e9om\u00e9trie des Mesh. Va, en principe sur la case Height Map<\/strong>.<\/p>\n\n\n\n

La case Detail Mask<\/strong> peut recevoir une image en niveaux de gris pour utiliser une seconde texture, Secondary Maps<\/strong>, avec la possibilit\u00e9 de placer une Base Map<\/strong> et un Normal Map<\/strong>. Les zones noires du masque laissent apparaitre la seconde texture, en surimpression.<\/p>\n\n\n\n

Enfin, dans l’Inspector<\/strong>, le Tiling<\/strong> d\u00e9termine l’\u00e9chelle et donc la r\u00e9p\u00e9tition de la texture. L’Offset<\/strong> sert \u00e0 d\u00e9caler l’image sur l’objet pour la faire correspondre \u00e0 la g\u00e9om\u00e9trie (pour placer un carrelage bien au bord par exemple).<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Dans les Assets<\/strong>, cliquez sur un Mat\u00e9rial<\/strong>, \u00ab\u00a0Sphere_metal\u00a0\u00bb par exemple, ou un autre, peu importe. L’inspector<\/strong> affiche les propri\u00e9t\u00e9s de ce mat\u00e9riau.
Faites glisser les images de la texture dans les cases appropri\u00e9es selon l’effet souhait\u00e9, comme ci-dessous.<\/p>\n\n\n\n

\n
\n
\"\"
Ajout de l’image Diffuse<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Ajout de l’image Normale<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Ajout de l’image Sp\u00e9culaire<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Vous trouverez ici une explication plus d\u00e9taill\u00e9e sur le r\u00f4le des images d’une texture : https:\/\/help.poliigon.com\/en\/articles\/9612755-poliigon-materials-explained<\/a><\/p>\n\n\n\n

5f_ Cr\u00e9er une texture trou\u00e9e<\/h6>\n\n\n\n

Nous allons cr\u00e9er un grillage ajour\u00e9, \u00e0 travers lequel on peut voir ce qui se trouve derri\u00e8re. Partons d’une photo de grillage trouv\u00e9e sur internet. Ce sera l’image Diffuse<\/strong>.<\/p>\n\n\n\n

\n
\n

Attention, la partie qui suit est obsol\u00e8te. Dans les versions r\u00e9centes de Photoshop, la fonction \u00ab\u00a0G\u00e9n\u00e9rer une carte de Normales a \u00e9t\u00e9 supprim\u00e9e. Il faut \u00e0 pr\u00e9sent utiliser des logiciels sp\u00e9cialis\u00e9s ou utiliser un site web, par exemple https:\/\/cpetry.github.io\/NormalMap-Online\/<\/a>, qui est gratuit.
Cette partie est \u00e9crite en gris et en italique.<\/p>\n<\/blockquote>\n\n\n\n

Dans un premier temps, on va utiliser Photoshop pour g\u00e9n\u00e9rer l’image Normal Map<\/strong>. Ouvrez l’image dans Photoshop. Allez dans le Menu Filtre > 3D > G\u00e9n\u00e9rer une carte de normales\u2026<\/strong>
La fen\u00eatre qui s’ouvre pr\u00e9sente de nombreux r\u00e9glages. Gardez les r\u00e9glages par d\u00e9faut qui donnent de bons r\u00e9sultats. Vous pouvez voir une simulation \u00e0 gauche, sur diff\u00e9rents volumes \u00e0 choisir dans la liste en bas \u00e0 gauche. Validez.
Enregistrez l’image obtenue en incluant le mot \u00ab\u00a0nor\u00a0\u00bb ou \u00ab\u00a0norm\u00a0\u00bb au nom de fichier.<\/em><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Faites glisser les deux images dans un dossier dans le dossier \u00ab\u00a0Textures\u00a0\u00bb dans Unity. Placez les images respectivement dans les cases Base Map<\/strong> et Normal Map<\/strong> du Material<\/strong> \u00e0 modifier. <\/em><\/p>\n<\/div><\/div>\n\n\n\n

Glissez l’image Diff dans le dossier texture et placez la dans la Base Map<\/strong> du Material<\/strong>. Le r\u00e9sultat ci-dessous pour le mur du fond. Mais les zones entre le grillage ne sont pas ajour\u00e9es.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Il reste \u00e0 rajouter \u00e0 l’image Diffuse<\/strong> une couche alpha pour identifier les zones transparentes.
Ouvrez l’image Diffuse<\/strong> dans Photoshop et renommez-la. S\u00e9lectionnez les zones blanches en faisant attention de ne pas mordre sur le grillage. Utilisez la Baguette magique<\/strong> pour cela avec une tol\u00e9rance tr\u00e8s faible.
Ouvrez la Palette Couches<\/strong> et cliquez sur le deuxi\u00e8me bouton en bas (un cercle dans le rectangle) pour M\u00e9moriser la s\u00e9lection sur une couche<\/strong>.<\/p>\n\n\n\n

Mais la couche affiche le grillage en noir et les trous en blanc. C’est le contraire qu’il faut obtenir. Cliquez sur cette couche et passez-la en n\u00e9gatif (\uf8ffI<\/strong>). En bas, le r\u00e9sultat attendu.
Enregistrez l’image au format PSD et faites-la glisser dans le dossier de la texture puis sur la case Base Map<\/strong>, \u00e0 la place de la pr\u00e9c\u00e9dente.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n
\n

Enfin, dans l’Inspector<\/strong>, s\u00e9lectionnez le Material<\/strong> grillage et cochez la case Alpha Clipping<\/strong>, puis agissez sur le curseur Threshold<\/strong> jusqu’\u00e0 ce que les trous apparaissent.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Si on r\u00e9duit l’\u00e9chelle en agissant sur le Tiling<\/strong>, on s’aper\u00e7oit que les raccords n’ont pas \u00e9t\u00e9 pr\u00e9par\u00e9s sur la texture originale. Nous ne traiterons pas cet aspect ici.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
5g_ Texture PNG Transparent<\/h6>\n\n\n\n

Pour \u00e9conomiser des ressources, il est fr\u00e9quent de plaquer une texture transparente sur un plan pour simuler un objet plut\u00f4t que le mod\u00e9liser en 3D. On utilise pour cela une image PNG avec transparence. \u00c0 partir d’une image quelconque, faites le d\u00e9tourage dans Photoshop et enregistrez cette image en PNG, comme ci-dessous. Notez bien ses dimensions en pixels. Pour ma part, l’image fait 770 x 1030 px. Attention qu’elle ne soit pas trop grande. Adaptez la dimension au niveau de d\u00e9tail souhait\u00e9, plus \u00e9lev\u00e9 pour une image en premier plan par exemple.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Dans Unity, ajoutez un Quad<\/strong> \u00e0 la Scene<\/strong> ou tout autre objet 3D plat. Cr\u00e9ez un Material<\/strong> pour cet objet et ajoutez-lui l’image en tant que texture en Base Map<\/strong>. Vous pouvez ajouter une Normal Map<\/strong> si n\u00e9cessaire pour donner une sensation de relief. Ce n’est pas le cas ici.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Pour rendre le fond transparent, s\u00e9lectionnez le Material<\/strong> et dans l’inspecteur cochez la case Alpha Clipping<\/strong>. Le r\u00e9glage Threshold<\/strong> agit comme une tol\u00e9rance dans Photoshop, pour ajuster le d\u00e9tourage.
Laissez le Tiling<\/strong> \u00e0 1×1, car ce n’est pas une texture r\u00e9p\u00e9titive.
Enfin, dans Render Face<\/strong>, choisissez Both<\/strong>, afin qu’elle soit visible des deux c\u00f4t\u00e9s.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

L’image est d\u00e9form\u00e9e. Il faut donc adapter les proportions de l’objet support. Pour \u00eatre pr\u00e9cis il faut \u00e9tablir le rapport de proportions de l’image originale en divisant un c\u00f4t\u00e9 par l’autre. Ici, 1030 \/ 770 = 1,337.
R\u00e9glez le Scale<\/strong> dans l’Inspector<\/strong> de l’objet pour obtenir les m\u00eames proportions, comme ci-dessous.
Ajustez enfin la position verticale de l’objet directement sur la Scene<\/strong>.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
6. R\u00e9gler l’\u00e9clairage<\/h5>\n\n\n\n

Par d\u00e9faut dans tout nouveau projet, la Scene<\/strong> comporte un \u00e9clairage de type Soleil qui illumine les objets, une Directional Light<\/strong>. Cet \u00e9clairage donne la direction des ombres et l’intensit\u00e9 lumineuse \u00e0 la Scene<\/strong>.<\/p>\n\n\n\n

6a_ Les types d’\u00e9clairage<\/h6>\n\n\n\n

Il y a quatre types principaux de source lumineuse :

– Directional Light<\/strong>, fonctionne comme un soleil, envoie des rayons dans une seule direction, gr\u00e2ce \u00e0 sa Rotation<\/strong>. G\u00e9n\u00e9ralement utilis\u00e9e pour l’\u00e9clairage global de la Scene<\/strong>, elle peut \u00eatre plac\u00e9e n’importe o\u00f9 dans l’espace, sa Position<\/strong> ne change rien. Les rayons verticaux vers le bas correspondent \u00e0 Midi, des rayons presque horizontaux vont servir \u00e0 simuler l’aurore ou le cr\u00e9puscule. Il faudra alors colorer la lumi\u00e8re.

– Point Light<\/strong>, fonctionne comme une lampe, \u00e9claire dans toutes les directions. C’est le contraire de la pr\u00e9c\u00e9dente, sa Position<\/strong> est importante mais sa Rotation<\/strong> ne sert \u00e0 rien. Elle n’\u00e9claire plus au del\u00e0 d’une certaine distance, \u00e0 r\u00e9gler dans le Range<\/strong>, autrement nomm\u00e9 Falloff<\/strong>.

– Spot Light<\/strong>, fonctionne comme une torche, \u00e9claire dans une seule direction, selon un c\u00f4ne lumineux dont il faut d\u00e9terminer l’Ouverture<\/strong>. Elle s’att\u00e9nue comme la pr\u00e9c\u00e9dente avec la distance.

– Area Light<\/strong>, est une surface lumineuse, \u00e9claire seulement autour d’elle une lumi\u00e8re diffuse. Elle est plus complexe \u00e0 utiliser car elle doit \u00eatre pr\u00e9calcul\u00e9e, Baked<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

S\u00e9lectionnez la Directional Light<\/strong> part d\u00e9faut pr\u00e9sente sur la Scene<\/strong>. L’inspector<\/strong> montre les r\u00e9glages disponibles. Sa Position<\/strong> et sa Scale<\/strong> importent peu mais la Rotation<\/strong> donne la direction de l’\u00e9clairage.<\/p>\n\n\n\n

On retrouve dans le premier Menu local Type<\/strong>, ce qu’on a vu plus haut.
La couleur par d\u00e9faut est blanche \u00e0 peine jaunie. Vous pouvez la modifier en cliquant sur le rectangle color\u00e9, ou en modifiant la valeur de Temp\u00e9rature de Couleur<\/strong>. Vous pouvez aussi changer la fa\u00e7on de d\u00e9terminer la couleur dans Light Appearance<\/strong>.<\/p>\n\n\n\n

Le menu local G\u00e9n\u00e9ral > Mode<\/strong> d\u00e9termine comment l’\u00e9clairage de cette source est calcul\u00e9 :
– Realtime<\/strong>, en temps r\u00e9el, si elle se d\u00e9place comme une lampe de poche par exemple; c’est la valeur par d\u00e9faut des Directional Lights<\/strong>.
– Baked<\/strong>, l’\u00e9clairage est pr\u00e9calcul\u00e9 pour \u00e9conomiser des ressources de calcul \u00e0 l’ordinateur; c’est utile pour les lumi\u00e8res qui \u00e9clairent le d\u00e9cor statique,
– Mixed<\/strong>, un m\u00e9lange des deux.<\/p>\n\n\n\n

L’intensit\u00e9 lumineuse, Intensity<\/strong>, est par d\u00e9faut \u00e0 1. Vous pouvez la modifier. Attention, quand on l’augmente, on peut tr\u00e8s vite \u00ab\u00a0griller\u00a0\u00bb les lumi\u00e8res.<\/p>\n\n\n\n

Le Menu local Shadow Type<\/strong> d\u00e9termine quel type d’ombre cette lumi\u00e8re porte :
– No Shadows<\/strong>, il est parfois utile que certains \u00e9clairages, secondaire ou sp\u00e9cifique, ne portent pas ombre. Cela permet \u00e9galement d’\u00e9conomiser du calcul.
– Hard Shadows<\/strong>, ombres aux limites nettes
– Soft Shadows<\/strong>, ombres floues sur les bords.<\/p>\n\n\n\n

L’ombrage est plus ou moins dense selon la valeur du curseur Strength<\/strong>.
\u00c0 1 les ombres sont noires, et \u00e0 0 totalement transparentes.
La zone Soft Shadow<\/strong> permet de r\u00e9gler le d\u00e9grad\u00e9 des Soft Shadows<\/strong>, de Low \u00e0 High.
Le Bias<\/strong> est un d\u00e9calage des ombres par rapport \u00e0 leur position attendue (je ne sais pas \u00e0 quoi \u00e7a sert, \u00e0 part corriger certaines erreurs d’affichage qui peuvent arriver)<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Obsol\u00e8te<\/p>\n\n\n\n

Plus bas dans l’Inspector<\/strong>, la case Draw Halo<\/strong> permet, comme son nom l’indique, d’afficher un halo lumineux autour d’un \u00e9clairage. Surtout utile pour un Point<\/strong> ou Spot<\/strong>.<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n

Pour ajouter une source lumineuse \u00e0 votre Scene<\/strong>, faites un Clic droit <\/strong>dans la Hierarchy<\/strong> et choisissez Light > Point Light<\/strong> ou autre.
En plus des sources d\u00e9j\u00e0 \u00e9voqu\u00e9es plus haut, il existe des Light Probes<\/strong>, pour un rendu plus r\u00e9aliste.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n\n\n\n

Ici, une Directional Light<\/strong> de couleur blanche dont l’Intensity<\/strong> \u00e0 \u00e9t\u00e9 baiss\u00e9e \u00e0 0.4, et le Shadow Strength<\/strong> \u00e9galement, pour des ombres grises.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n

Un Point Light<\/strong> de lumi\u00e8re blanche, au centre de la construction, d’Intensity<\/strong> augment\u00e9e \u00e0 3 pour \u00eatre visible.
Le Range<\/strong>, baiss\u00e9 \u00e0 4 (10 par d\u00e9faut), fait apparaitre sous forme d’une sph\u00e8re, la limite d’\u00e9clairement de cette lampe.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Ci-dessous, un Spot Light<\/strong>, au centre de la construction, orient\u00e9 vers le sol, avec un Angle<\/strong> augment\u00e9 du c\u00f4ne. Les deux images montrent, pour le m\u00eame Angle, une valeur de Range respectivement \u00e0 10 et \u00e0 4. \u00c0 droite, la lumi\u00e8re s’att\u00e9nue plus vite et pr\u00e9sente donc un cercle moins vif.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
6b_ Les ombres<\/h6>\n\n\n\n

Dans l’Inspector<\/strong> d’une lumi\u00e8re, dans le Component Light<\/strong>, un menu local (voir plus haut) permet de r\u00e9gler comment cette lumi\u00e8re porte ombre.<\/p>\n\n\n\n

\n
\n
\"\"
No Shadows
<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Hard Shadows<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Soft Shadows<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Mais chaque objet poss\u00e8de des propri\u00e9t\u00e9s relatives aux ombres. Ci-dessous, un cube aplati au premier plan re\u00e7oit des ombres de la construction en arri\u00e8re plan et porte ombre sur le sol en bas de l’image.
Cet objet s\u00e9lectionn\u00e9 montre dans l’Inspector<\/strong> dans le Component Mesh Renderer<\/strong>, cat\u00e9gorie Lighting<\/strong>, les propri\u00e9t\u00e9s d’\u00e9clairage de cet objet.
Cast Shadows<\/strong> concerne les ombres port\u00e9es par cet objet sur les autres. La valeur peut \u00eatre Off<\/strong> ou On<\/strong>. La valeur Shadows only<\/strong> permet de cr\u00e9er un objet invisible dont on ne voit que l’ombre port\u00e9e.<\/p>\n\n\n\n

Receive Shadows<\/strong> indique si cet objet re\u00e7oit les ombres port\u00e9es par d’autres objets. <\/em><\/p>\n\n\n\n

Ce dernier r\u00e9glage a \u00e9t\u00e9 supprim\u00e9 ou d\u00e9plac\u00e9.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"
Cast Shadows sur Off.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Receive Shadows d\u00e9coch\u00e9.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
6c_ Surfaces & Mat\u00e9riaux lumineux<\/h6>\n\n\n\n

\u00c0 chercher sur le web si besoin.<\/p>\n\n\n\n

6d_ Sky Box<\/h6>\n\n\n\n

Une SkyBox<\/strong> est un immense cube qui entoure la globalit\u00e9 de la Scene<\/strong>. Un Material<\/strong> comportant une Texture<\/strong> est plac\u00e9 sur cette bo\u00eete pour donner l’aspect du ciel, avec ou sans nuages, de jour ou de nuit, etc. mais aussi du sol. De plus une SkyBox<\/strong> a la propri\u00e9t\u00e9 d’\u00e9clairer la Scene<\/strong>. Par d\u00e9faut il y a une SkyBox<\/strong> avec un sol gris et un ciel bleu d\u00e9grad\u00e9.
Vous pouvez le voir par le Menu Window > Rendering > Lighting > Environment<\/strong>, comme dans la fen\u00eatre ci-dessous.
On peut notamment r\u00e9gler dans cette fen\u00eatre l’Intensity<\/strong> lumineuse du ciel.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

On peut cr\u00e9er une SkyBox<\/strong> personnalis\u00e9e avec Photoshop, mais on en trouve dans l’Asset Store<\/strong>. Vous allez Importer la Classic Skybox<\/strong> depuis l’Asset Store<\/strong>. Elle comporte un ciel nuageux avec un soleil, \u00e0 diff\u00e9rentes heures de la journ\u00e9e.<\/p>\n\n\n\n

Dans l’Asset Store, cherchez \u00ab\u00a0Classsic SkyBox\u00a0\u00bb et ajoutez le \u00e0 vos assets.
Dans Unity, Menu Window > Package Manager > My Assets<\/strong>. Dans la liste \u00e0 gauche cliquez sur Classic SkyBox puis sur le bouton Download<\/strong> en bas \u00e0 droite. Une nouvelle fen\u00eatre vous permet d’importer ces Assets dans votre projet. Cliquez sur Import<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n

Un nouveau dossier \u00ab\u00a0Classic SkyBox<\/strong>\u00a0\u00bb est ajout\u00e9 aux Assets<\/strong> dans l’onglet Project<\/strong>. Il comporte 15 sous-dossiers pour diff\u00e9rents moments de la journ\u00e9e. Chaque sous-dossier contient 6 images, correspondant respectivement aux six faces du cube de la SkyBox<\/strong>, rep\u00e9r\u00e9es par BK (Back), DN (Down), FR (Front), LF (Left), RT (Right) et UP (Up).<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Cr\u00e9ez un nouveau Material<\/strong>. Ici je l’ai renomm\u00e9 \u00ab\u00a0Ciel\u00a0\u00bb, en haut \u00e0 gauche de l’image, dans les Assets<\/strong> (\u00e0 placer dans un sous-dossier Materials<\/strong>, comme de coutume). S\u00e9lectionnez ce Material<\/strong>. Dans l’Inspector<\/strong>, il faut commencer par lui attribuer un Shader<\/strong> appropri\u00e9 pour pouvoir s’en servir pour une SkyBox<\/strong> :
dans le Menu local Shader<\/strong>, choisissez Skybox > 6 Sided<\/strong>.<\/p>\n\n\n\n

Vous constatez qu’il existe plusieurs fa\u00e7ons de cr\u00e9er un Shader Skybox<\/strong> :
– 6 Sided<\/strong> : le plus courant et le plus ancien, fonctionne avec 6 images pour les six faces du cube SkyBox<\/strong>.
– Cubemap<\/strong> pour des images panoramiques HDRI.
– Panoramic<\/strong>
– Procedural<\/strong> pour un ciel calcul\u00e9 (ce n’est pas une image) qui ressemble au Default SkyBox<\/strong>, mais avec la possibilit\u00e9 de faire des r\u00e9glages, de couleur notamment.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Le Material<\/strong> Ciel \u00e9tant toujours s\u00e9lectionn\u00e9, ouvrez le dossier d’une Classic Skybox<\/strong>, dans les Assets<\/strong> et faites glisser les images dans les bonnes cases de l’Inspector<\/strong> \u00e0 droite.<\/p>\n\n\n\n

Il ne reste plus qu’\u00e0 faire glisser le Material<\/strong> sur le ciel sur la Scene<\/strong>. Attention de ne pas le d\u00e9poser sur un Objet.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Vous pouvez aussi utiliser la Fen\u00eatre Lighting Settings<\/strong> (voir plus haut). Cliquez sur le petit cercle \u00e0 droite de la case Skybox Material<\/strong> et dans la fen\u00eatre qui s’affiche, voir ci-contre, choisissez le Skybox<\/strong> de votre choix parmi ceux disponibles dans votre projet, ici le \u00ab\u00a0sky12\u00a0\u00bb.<\/p>\n\n\n\n

Ci-dessous, le r\u00e9sultat, depuis deux points de vue diff\u00e9rents, montrant la spatialit\u00e9 du ciel obtenu.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
6e_ Cr\u00e9er un Skybox avec Photoshop<\/h6>\n\n\n\n

Cr\u00e9ez une grande image, deux fois plus large que haute, genre 4096×2048; c’est un minimum. Placez un sol \u00e0 la moiti\u00e9 inf\u00e9rieure et un ciel sur la moiti\u00e9 sup\u00e9rieure.
Les deux c\u00f4t\u00e9s gauche et droit doivent raccorder (c’est le plus dur \u00e0 faire sauf \u00e0 \u00eatre sur une couleur uniforme). Vous pouvez aussi faire une transition floue sur la ligne d’horizon si vous voulez.
Enregistrez l’image en PNG.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Ouvrez le site internet : https:\/\/jaxry.github.io\/panorama-to-cubemap\/<\/a>
Uploadez votre image. Les r\u00e9glages par d\u00e9faut conviennent. Cliquez sur chaque face dans la pr\u00e9visualisation pour enregistrer les 6 images. Placez-les dans un dossier et importez-les dans Unity.<\/p>\n\n\n\n

Cr\u00e9ez un nouveau Material, appliquez-lui un Shader Skybox 6Sided et attribuez les 6 images au bon endroit :
pz -> Front \/ nz -> Back
px -> Left \/ nx -> Right
py -> Up \/ ny -> Down<\/p>\n\n\n\n

Le raccord n’est pas parfait mais cela peut d\u00e9panner.<\/p>\n<\/div><\/div>\n\n\n\n

7. Contr\u00f4ler la cam\u00e9ra<\/h5>\n\n\n\n

S\u00e9lectionnez la Main Camera<\/strong> qui se trouve sur la Scene<\/strong>. L’Inspector<\/strong> affiche ses propri\u00e9t\u00e9s. Pour m\u00e9moire, la cam\u00e9ra est plac\u00e9e sur la Scene<\/strong> et ce qu’elle \u00ab\u00a0voit\u00a0\u00bb est visible dans l’Onglet Game<\/strong>.
Lorsque la Camera<\/strong> est s\u00e9lectionn\u00e9e, une pr\u00e9visualisation de l’Onglet Game<\/strong> apparaitra en bas \u00e0 droite de la Scene<\/strong>, si vous cochez la case Cam\u00e9ra<\/strong> dans les outils en bas de la Scene<\/strong>.<\/p>\n\n\n\n

Dans l’Inspector<\/strong>, le r\u00e9glage le plus important est la nature de la Projection<\/strong> : Perspective<\/strong> ou Orthographic<\/strong>.
– Perspective<\/strong> correspond \u00e0 une vision naturelle; c’est la plus courante.
– Orthographic<\/strong> est une vue projet\u00e9e de fa\u00e7on orthogonale. Il n’y a plus de fuyantes. Les lignes sont parall\u00e8les entre elles. Cela permet des vues de dessus, de face ou de cot\u00e9. C’est la base \u00e9galement des vues isom\u00e9triques caract\u00e9ristiques de nombreux jeux, un des plus connus \u00e9tant Monument Valley.<\/p>\n\n\n\n

La case Physical Camera<\/strong> correspond aux r\u00e9glages d’un objectif d’appareil photo. Cela ajoute des curseurs, comme la focale par exemple.<\/p>\n\n\n\n

Le Clipping Planes<\/strong> est la zone d’affichage en profondeur du projet \u00e0 partir de la Camera<\/strong>. Les valeurs par d\u00e9faut sont telles que toute la Scene<\/strong> sera visible. Si on augmente le Near<\/strong> ou diminue le Far<\/strong>, la vue sera coup\u00e9e et tout ne sera pas visible.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Ci-dessous une vue perspective classique. Le c\u00f4ne de vision est bien visible dans la Scene<\/strong>. La Camera<\/strong> est plac\u00e9e \u00e0 hauteur d’\u0153il, correspondant \u00e0 une vision humaine standard.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Ci-dessous, la m\u00eame position de la Camera<\/strong> mais en mode Orthographic<\/strong>. Le point de vue est le m\u00eame mais il n’y a plus de perspective. C’est une vue de face.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Ci-dessous, une vue Isom\u00e9trique, caract\u00e9ristique de plusieurs jeux.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

La Camera<\/strong> est plus haute (Y plus \u00e9lev\u00e9) et plac\u00e9e sur un angle de la Scene<\/strong> (valeurs X et Z identiques,
la Rotation<\/strong> \u00e0 45\u00b0 en X et Y permet cette vue).
Il existe d’autres types d’Isom\u00e9trie avec des valeurs de Rotation<\/strong> diff\u00e9rentes (30-60\u00b0 par exemple).<\/p>\n<\/div>\n<\/div>\n\n\n\n

Si vous souhaitez que la Cam\u00e9ra<\/strong> corresponde au point de vue pr\u00e9sent sur la Scene<\/strong>, il faut s\u00e9lectionner la Camera et Clic Droit ou Menu GameObject > Align with View<\/strong>.
Pour faire le contraire choisir Menu GameObject > Align View to Selected<\/strong><\/p>\n\n\n\n

Ce n’est pas le sujet, mais il faut savoir que seule une cam\u00e9ra (g\u00e9n\u00e9ralement la Main Camera<\/strong>) doit poss\u00e9der un Component Audio Listener<\/strong>. Il faut donc supprimer celui des autres cam\u00e9ras.<\/p>\n\n\n\n

Dans la Main Camera<\/strong>, Choisir Skybox<\/strong> dans la zone Background Type<\/strong> du Component Environnement<\/strong>, sinon le fond sera jaune (ind\u00e9fini).<\/p>\n\n\n\n

8. Cr\u00e9er un terrain<\/h5>\n\n\n\n

Unity offre la possibilit\u00e9 de cr\u00e9er un Terrain<\/strong> en 3D. C’est un objet qui a des propri\u00e9t\u00e9s plus \u00e9labor\u00e9es qu’un simple Plane<\/strong>, car on peut le modeler pour lui donner son aspect. Il n’est pas obligatoire de cr\u00e9er un terrain pour un jeu, cela d\u00e9pend de la nature du jeu. Il suffit souvent d’utiliser des objets 3D comme espace de jeu.<\/p>\n\n\n\n

Pour cr\u00e9er un Terrain<\/strong>, Menu GameObject > 3D Object > Terrain<\/strong>
Le terrain se pr\u00e9sente comme un plan blanc carr\u00e9, avec une valeur de Scale<\/strong> \u00e9gale \u00e0 1 (voir l’Inspector<\/strong>) , mais qui mesure 1000 x 1000 carr\u00e9s de Scale<\/strong> 1, donc 1000m de c\u00f4t\u00e9.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n

L’Inspector<\/strong> de Terrain<\/strong> pr\u00e9sente 5 outils :
– La cr\u00e9ation de terrains voisins Create Neighbor Terrains<\/strong>,
– Le pinceau Paint Terrain<\/strong> pour donner sa forme, son relief et son aspect textur\u00e9 au terrain,
– Les arbres Paint Trees<\/strong>, pour ajouter des arbres associ\u00e9s au terrain,
– Les fleurs Paint Details<\/strong> pour de la v\u00e9g\u00e9tation, des pierres et autres petits objets,
– La roue dent\u00e9e Terrain Settings<\/strong> pour les param\u00e8tres g\u00e9n\u00e9raux.<\/p>\n<\/div>\n<\/div>\n\n\n\n

8a_ Terrain Settings<\/h6>\n\n\n\n
\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n

Dans les R\u00e9glages du terrain, on retrouve sa dimension en m\u00e8tres (1000), dans Mesh Resolution<\/strong>. Il est aussi possible d’y r\u00e9gler la hauteur en m\u00e8tres, la force du vent, la densit\u00e9 des arbres et d\u00e9tails, etc.<\/p>\n\n\n\n

Commencez par plus petit terrain, de 50 ou 100m de c\u00f4t\u00e9 par exemple.<\/p>\n<\/div>\n<\/div>\n\n\n\n

ATTENTION. Une recommandation tr\u00e8s importante est de fermer d’une mani\u00e8re ou d’une autre les bords d’un terrain avec des obstacles pour \u00e9viter que les joueurs ne tombent dans le vide en se d\u00e9pla\u00e7ant<\/p>\n\n\n\n

8b_ Create Neighbor Terrain<\/h6>\n\n\n\n

Le premier choix, Create Neighbor Terrain<\/strong>, permet d’\u00e9tendre le terrain, par contigu\u00eft\u00e9. Autour du terrain s\u00e9lectionn\u00e9 dans la Sc\u00e8ne<\/strong>, d’autres zones apparaissent. Cliquez sur une de ces zones pour cr\u00e9er une extension du terrain existant. Il est possible de recommencer autant de fois que n\u00e9cessaire.
Attention aux tr\u00e8s grands terrains. Il vaut mieux souvent cr\u00e9er plusieurs sc\u00e8nes en tant que diff\u00e9rents niveaux d’un jeu, plut\u00f4t qu’un terrain trop grand, ing\u00e9rable.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
8c_Paint Terrain<\/h6>\n\n\n\n
\n
\n

Cliquez sur l’outil Paint Terrain<\/strong> pour faire apparaitre un Menu et choisir le mode d’action du pinceau, r\u00e9gl\u00e9 par d\u00e9faut sur Set Height<\/strong>.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Nous \u00e9tudierons les diff\u00e9rentes options de ce Menu de fa\u00e7on logique dans le travail \u00e0 r\u00e9aliser pour cr\u00e9er un terrain.<\/p>\n\n\n\n

8d_ Set Height (part 1)<\/h6>\n\n\n\n
\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n

Il peut \u00eatre utile de commencer par donner une hauteur globale \u00e0 votre terrain, de sorte \u00e0 pouvoir lui ajouter du relief mais aussi des creux.
Par d\u00e9faut, un terrain est \u00e0 l’altitude 0 sur sa hauteur totale, param\u00e9tr\u00e9e dans les Settings<\/strong>. Passez cette hauteur \u00e0 200.<\/p>\n\n\n\n

Mettez ensuite le terrain \u00e0 20, dans la case Height<\/strong>, ci-contre, et cliquez sur le bouton Flatten Tile<\/strong> pour modifier son altitude.<\/p>\n<\/div>\n<\/div>\n\n\n\n

8e_ Raise or Lower Terrain<\/h6>\n\n\n\n

La commande Raise or Lower Terrain<\/strong> va vous servir \u00e0 donner son relief principal au terrain.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Il faut choisir une brosse parmi celles propos\u00e9es. Les parties noires n’agissent pas, les parties blanches produisent du relief. Entre les deux, les parties grises cr\u00e9ent un d\u00e9grad\u00e9 de relief. La premi\u00e8re brosse en haut \u00e0 gauche bien nette peut donner quasiment un cylindre. La seconde brosse donne les grandes montagnes dans l’\u00e9cran ci-dessus, en forme de c\u00f4ne d\u00e9grad\u00e9. La cinqui\u00e8me brosse donne les petits picots devant les montagnes.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n

Avant d’agir sur le terrain, il faut r\u00e9gler la taille du pinceau, Brush Size<\/strong>, autrement dit l’\u00e9tendue du relief \u00e0 cr\u00e9er. La valeur d’Opacity<\/strong> donne sa force au relief. La montagne au fond \u00e0 gauche est \u00e0 50%, celle au fond \u00e0 droite \u00e0 80% et le petit relief au centre \u00e0 10%.
Pour cr\u00e9er un relief (Raise<\/strong>), Clic gauche<\/strong> et faire glisser<\/strong> la souris.
Pour r\u00e9duire le relief (Lower<\/strong>), appuyer sur Maj<\/strong> en m\u00eame temps.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\u00c0 vous de trouver les bons r\u00e9glages en fonction du terrain souhait\u00e9, montagnes enneig\u00e9es, verte prairie, dunes de sable, etc.<\/p>\n\n\n\n

Vous pouvez cr\u00e9er votre propre brosse. Il doit s’agir d’une image carr\u00e9e en niveaux de gris, en JPEG ou PNG.
Ajoutez votre image dans les Assets<\/strong> de l’onglet Project<\/strong> (par glisser d\u00e9poser dans un dossier de Textures<\/strong>). S\u00e9lectionnez le terrain. Cliquez sur le bouton New Brush<\/strong> de l’Inspector<\/strong>.
Dans la fen\u00eatre Select Texture 2D<\/strong>, double cliquez sur l’image d\u00e9sir\u00e9e. Cela ajoute une brosse dans la liste, ci-dessous l’image \u00ab\u00a0paves\u00a0\u00bb.
Dans l’Inspector<\/strong>, cliquez sur cette brosse et sur la petite fl\u00e8che en bas \u00e0 gauche de la zone New Brush<\/strong>. Vous pouvez alors r\u00e9gler le Falloff<\/strong>. En cliquant dessus, une fen\u00eatre vous permet de d\u00e9terminer la courbe de progressivit\u00e9 entre les noirs et les blancs, ce qui va se traduire par les plats et les reliefs. Vous pouvez choisir une courbe pr\u00e9d\u00e9finie ou dessiner votre propre courbe en manipulant les poign\u00e9es.
<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n\n\n\n

La valeur de Falloff Radius Scale<\/strong> va arrondir l’empreinte \u00e0 1 ou respecter le carr\u00e9 de l’image au maximum.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Voir ci-dessous, l’empreinte obtenue avant cr\u00e9ation du relief avec un Falloff<\/strong> r\u00e9gulier et une Scale<\/strong> moyenne (valeurs par d\u00e9faut).<\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
8f_ Set Height (part 2)<\/h6>\n\n\n\n
\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n

Bien utilis\u00e9, cela va permettre de dessiner des chemins, des plateaux, voire m\u00eame des rivi\u00e8res.
Il faut choisir une brosse et r\u00e9gler la hauteur Height<\/strong> \u00e0 atteindre. Il est recommand\u00e9 de placer l’Opacity<\/strong> \u00e0 100 pour un r\u00e9sultat r\u00e9gulier. Cliquez-glisser doucement et r\u00e9guli\u00e8rement.
Si la zone de terrain survol\u00e9 est plus basse, cela cr\u00e9\u00e9 du relief, sinon cela aplatit le relief \u00e0 la hauteur r\u00e9gl\u00e9e.<\/p>\n<\/div>\n<\/div>\n\n\n\n

Dans l’exemple ci-dessous, j’ai utilis\u00e9 une brosse plate assez petite et basse pour tracer le chemin le long des montagnes avec un bord presque vertical et une brosse floue plus large et plus haute pour dessiner le plateau au premier plan \u00e0 droite avec des bords plus \u00e9vas\u00e9s.
Si vous tracez trop vite, vous aurez comme des pointill\u00e9s au tout premier plan. N’h\u00e9sitez pas \u00e0 repasser sur votre dessin.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
8g_ Smooth Height<\/h6>\n\n\n\n
\n
\n

Ensuite, la commande Smooth Height<\/strong> permet d’adoucir les reliefs. Il faut aussi choisir une brosse, r\u00e9gler sa taille et opacit\u00e9 et passer sur des reliefs existants. Cela va aplanir et arrondir les angles, comme ci-contre au premier plan (comparez avec l’image au dessus).<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
8h_ Stamp Terrain<\/h6>\n\n\n\n

Enfin, la derni\u00e8re commande de mod\u00e9lisation, Stamp Terrain<\/strong>, sert \u00e0 placer des empreintes de formes, d\u00e9termin\u00e9es par des brosses, \u00e0 une certaine hauteur. C’est utile pour faire des bassins ou autres zones creuses.<\/p>\n\n\n\n

Il faut r\u00e9gler la hauteur d’extrusion de la brosse Stamp Height<\/strong>. Le curseur Max<->Add<\/strong> \u00e9tant \u00e0 0 (Max<\/strong>), la hauteur sera absolue. Il sera ainsi possible de placer une forme en bas \u00e0 droite au niveau du sol, mais si vous voulez \u00e9galement placer cette forme sur le plateau plus haut \u00e0 gauche, il faut mettre le curseur sur 1 (Add<\/strong>).<\/p>\n\n\n\n

\n
\n
\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

L’outil Paint Holes<\/strong>, comme son nom l’indique, sert \u00e0 faire des trous dans le maillage du terrain.<\/p>\n\n\n\n

8i_ Paint Texture<\/h6>\n\n\n\n

La derni\u00e8re commande, Paint Texture<\/strong>, permet d’appliquer des textures sur le terrain afin de lui donner son aspect visuel et son \u00e9ventuel r\u00e9alisme. Il faut \u00e9videmment disposer de textures dans les Assets, comme expliqu\u00e9 pr\u00e9alablement.<\/p>\n\n\n\n

Dans l’Inspector<\/strong>, cliquez sur le bouton Edit Terrain Layer > Create Layer<\/strong>
S\u00e9lectionnez une image dans la fen\u00eatre Select Texture 2D<\/strong>. Cela sera la texture principale et globale du terrain.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n\n\n\n

Dans l’Inspector<\/strong>, cliquez sur le bouton Edit Terrain Layer > Create Layer<\/strong>\u2026
S\u00e9lectionnez une image dans la fen\u00eatre Select Texture 2D<\/strong>. Cela sera la texture principale et globale du terrain.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Vous pouvez ensuite cr\u00e9er de nouveaux Layers<\/strong> de la m\u00eame mani\u00e8re (ne pas utiliser Add Layers). Un Layer<\/strong> est une texture. Ci-contre, j’ai ajout\u00e9 une texture de pav\u00e9s, sous le nom New Layer 4<\/strong>. Si vous cliquez dans la zone des textures en haut, puis sur la petite fl\u00e8che en bas \u00e0 gauche du Layer correspondant, on acc\u00e8de aux r\u00e9glages de la texture. L’image Diffuse<\/strong> pour l’aspect g\u00e9n\u00e9ral, la Normal Map<\/strong> pour les effets de relief et le Mask Map<\/strong> pour g\u00e9n\u00e9rer des trous dans la texture.
Les valeurs Specular, Metallic et Smoothness<\/strong> g\u00e8rent le comportement \u00e0 la lumi\u00e8re.
Le Tile Setting<\/strong> donne la dimension de la texture. Il est important de l’augmenter, car un terrain est tr\u00e8s grand.<\/p>\n<\/div>\n<\/div>\n\n\n\n

Choisissez ensuite en bas de l’Inspector<\/strong>, une brosse. R\u00e9glez sa dimension, Brush Size<\/strong> et sa force, Opacity<\/strong>.
Peignez ensuite les zones du terrain dont vous souhaitez modifier la texture. Zoomez, d\u00e9placez-vous pour ne pas oublier de zones.
Recommencez autant de fois que n\u00e9cessaire.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Le r\u00e9sultat final, ci-dessous.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
8j_ Les autres outils de Terrain<\/h6>\n\n\n\n
\n
\n
\"\"<\/a><\/figure>\n\n\n\n

Les autres boutons, ouvrent \u00e0 la cr\u00e9ation d’arbres, de v\u00e9g\u00e9tation, rochers et autres d\u00e9tails. Il faut pour cela disposer dans les Assets, d’arbres et autres objets.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
9_ Finaliser le Terrain<\/h6>\n\n\n\n

Ajoutez un Plane, \u00e0 redimensionner et positionner au m\u00eame emplacement que le Terrain. Ajustez sa hauteur afion qu’il recouvre une partie des trous et attribuez-lui un Material bleu, pour \u00e9voquer de l’eau.<\/p>\n\n\n\n

Le but du jeu est de d\u00e9couvrir un objet en suivant le chemin (une boule bleue \u00e0 gauche, au bord du terrain) et sans tomber \u00e0 l’eau.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
10_ Relief \u00e0 partir d’une image<\/h6>\n\n\n\n

Il est possible de d\u00e9finir le relief d’un terrain \u00e0 partir d’une image en niveaux de gris, au format .raw<\/p>\n\n\n\n

Cr\u00e9ez un Terrain et dans l’Inspector > Settings, r\u00e9gler sa dimension \u00e0 50×50 de c\u00f4t\u00e9 et 60 de hauteur, dans l’onglet Mesh Resolution. Puis, dans l’onglet Texture Resolution, cliquez sur le bouton Import raw et choisissez un fichier raw de m\u00eames proportions. Les zones noires sont \u00e0 l’altitude 0 et le blanc \u00e0 l’atitude max r\u00e9gl\u00e9e pour le terrain.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Pour cr\u00e9er une telle image, dans Photoshop, cr\u00e9ez une image en niveaux de gris, au format proportionnel aux dimensions du terrain (exemple 513 x 513px pour un terrain carr\u00e9), dessinez vos valeurs de gris, puis Menu Fichier > Enregistrer une Copie<\/strong> et choisissez comme Format Photoshop brut<\/strong>.<\/p>\n\n\n\n

11. Ajouter un personnage (Asset FPS ou TPS)<\/h5>\n\n\n\n
11a_ R\u00e9cup\u00e9rer des Assets de personnages sur l’Asset Store<\/h6>\n\n\n\n

Allez sur l’Asset Store sur le web : https:\/\/assetstore.unity.com<\/a> et connectez-vous \u00e0 votre compte Unity.
Faites une recherche sur \u00ab\u00a0Starter<\/strong>\u00ab\u00a0, puis dans la colonne de droite, dans Pricing, cochez seulement les \u00ab\u00a0Free Assets<\/strong>\u00ab\u00a0.
Vous allez trouver les Starter Assets de personnage (Third Person<\/strong> et First Person<\/strong>). Ajoutez-les \u00e0 vos assets \u00ab\u00a0Add to My Assets<\/strong>\u00ab\u00a0.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Dans Unity, ouvrez Menu Window > Package Manager<\/strong>. Choisissez en haut \u00e0 gauche, Packages > My assets<\/strong>. Dans la liste de la colonne de gauche, s\u00e9lectionnez le Starter Assets – First Person<\/strong> et cliquez sur le bouton Download<\/strong> en bas \u00e0 droite, puis sur le bouton Import<\/strong>.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Enfin, dans le fen\u00eatre qui s’ouvre, gardez tout coch\u00e9 et cliquez sur le bouton \u00ab\u00a0Import\u00a0\u00bb.<\/p>\n\n\n\n


Il vous est demand\u00e9 de d\u00e9sactiver l’ancien syst\u00e8me d’Input. Vous pouvez acceptez. Cliquez sur le bouton Save si n\u00e9cessaire. Cela red\u00e9marre Unity.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
11b_ Placer un First Person sur la Sc\u00e8ne<\/h6>\n\n\n\n

Un FirstPerson est un personnage que l’on ne voit pas apparaitre sur le jeu : c’est vous, le joueur. Il voit la Sc\u00e8ne directement en se d\u00e9pla\u00e7ant.<\/p>\n\n\n\n

Une fois les Starter Assets<\/strong> int\u00e9gr\u00e9s \u00e0 votre Projet, ils apparaissent comme nouveau dossier dans le Dossier Assets.
Ouvrez le dossier Starter Assets > First PersonControler > Prefabs<\/strong>. Il contient 4 \u00e9l\u00e9ments. Il faut placer sur la Sc\u00e8ne les deux derniers en les y faisant glisser, le PlayerCapsule<\/strong> et le PlayerFollowCamera<\/strong>.
Ils apparaissent alors \u00e9galement dans la Hierarchy, comme ci-dessous. Le PlayerCapsule contient deux sous-\u00e9l\u00e9ments, dont le PlayerCameraRoot<\/strong>.
<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Sur la Sc\u00e8ne, positionnez le PlayerCapsule o\u00f9 doit se trouver le personnage initialement. Placez le PlayerFollowCamera au m\u00eame endroit.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n

S\u00e9lectionnez le PlayerFollowCamera<\/strong>. Dans l’Inspector<\/strong>, il faut l’associer au personnage. Dans la case Follow<\/strong>, choisir le PlayerCameraRoot<\/strong> \u00e0 la place de None.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n

S\u00e9lectionnez ensuite la Cam\u00e9ra principale, Main Camera<\/strong>. Ajoutez un Component en cliquant dans l’Inspector sur le bouton Add Component<\/strong> et chosissez Cinemachine > CinemachineBrain<\/strong>.<\/p>\n<\/div>\n<\/div>\n\n\n\n

Orientez le PlayerCapsule<\/strong> pour que la fen\u00eatre Game<\/strong> montre le point de vue initial souhait\u00e9.
Cliquez sur la fl\u00e8che Play<\/strong> et d\u00e9placez-vous sur le jeu en d\u00e9pla\u00e7ant la souris pour tourner la t\u00eate, en utilisant les touches fl\u00e8ches de direction<\/strong> pour avancer ou reculer et en appuyant sur la barre d’espace<\/strong> pour sauter.
Il y a probablement d’autres touches pour d’autres actions, famili\u00e8res des gamers.<\/p>\n\n\n\n

\n
<\/div>\n<\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

R\u00e9cup\u00e9rez les fichiers n\u00e9cessaires \u00e0 la Session Unity : 1. Lancer Unity et cr\u00e9er un projet Dans Unity Hub, cliquez sur l’onglet Projects puis sur le bouton bleu \u00ab\u00a0New Project\u00a0\u00bb en haut \u00e0 droite. Choisissez un Template de projet. Ici, nous allons cr\u00e9er un projet 3D simple. Choisissez Universal 3D. Nommez votre projet (en bas … Continuer la lecture de Projet 3D – Les bases<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1283,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/pages\/2169"}],"collection":[{"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2169"}],"version-history":[{"count":67,"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/pages\/2169\/revisions"}],"predecessor-version":[{"id":5257,"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/pages\/2169\/revisions\/5257"}],"up":[{"embeddable":true,"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/pages\/1283"}],"wp:attachment":[{"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}