Beginner 2D UFO Game 2 of 9: Setting Up The Play Field - Unity Official Tutorials

Maintenant que nous avons notre
scène Main de sauvegardée

nous allons créer notre plateau
de jeu, ou terrain de jeu.

Pour faire cela nous avons
besoin d'ajouter

notre premier sprite,
appelé Backgroung.

Nous pouvons le faire en allant
dans le dossier Sprites

qui a été importé quand nous
avons importé nos assets.

Dans Sprites nous voyons un
sprite appelé Background.

Faite glisser Background
depuis la vue project

dans la vue hierarchy.

Cela va créer un nouveau game object

appelé Background.

Ce nouveau game object est créé

avec le composant

sprite renderer attaché.

Les game objects sont
les éléments avec

lesquels dans Unity
les scènes sont faites.

Chaque élément d'une
scène de jeu

que ce soit le joueur, un mur
dans un niveau,

ou une pièce de monnaie
peut être un game object .

Tous les game objects
sont créés

avec un composant transform attaché.

Le composant transform est utilisé pour

stocker et manipuler la position,

la rotation et l'échelle de l'objet.

Pour ajouter d'autres fonctions à

un game object on peut
ajouter

d'autres composants.

l'ajout d'un composant permet

à un game object de
faire quelque chose.

Par exemple ajouter un composant

source audio à un game object

lui permet d'émettre un son.

Le composant sprite renderer

permet à un game object

d'afficher une image 2D,

sur une surface de sprite.

Glisser un sprite dans Scene

ou dans Hierarchy est un
raccourci d'Unity.

Comme nous ne pouvons pas
avoir un sprite dans

la Scene sans game object d'attaché

Unité crée un game object

avec le sprite renderer approprié attaché

et automatiquement

affiche le sprite glissé.

Par ce que nous avons
glissé le sprite

dans la fenêtre hierarchy

il devrait apparaître à l'origine,

à la position (0, 0, 0) dans notre monde.

pour être sûr que le sprite
est à l'origine

faites un reset du composant
transform

en utilisant le menu
d'engrenage contextuel

dans la partie supérieure droite
du composant transform.

Ceci permet de réinitialiser
la position du

game object aux coordonnées (0, 0, 0)

dans notre scène si elle n'y est pas déjà.

Le point d'origine du monde

est à partir d'où toutes les coordonnées

dans la scène sont calculés.

Actuellement, nous ne pouvons
voir qu'une

partie de Background
dans la vue Scene.

Avec le game object toujours sélectionné

déplacer le curseur sur la vue Scene

et taper la touche F.

Cela nous permet de voir l'ensemble

du game object dans la
vue Scene.

Vous pouvez aussi choisir
Frame Selected

depuis le menu Edit.

En regardant notre scène actuelle

nous pouvons voir les lignes
de la grille qui

fournissent une référence
de distance dans la scène.

Pour les besoins de ce projet

nous désactiverons ceux-ci.

Sélectionnez le menu Gizmos

dans la vue scene et décochez
Show Grid.

Maintenant, nous allons créer
notre objet Player.

Dans ce jeu notre joueur sera

représenté par un sprite d'UFO.

Faites glisser le sprite UFO

dans hierarchy.

Un game object appelé UFO

sera créé avec un

composant sprite renderer attaché

pour afficher le sprite que
nous avons glissé.

Renommons notre game object

nouvellement créé de
UFO en Player.

Avec UFO sélectionné

allez dans l'inspector

et cliquez dans la zone de
texte en haut.

Avec le texte sélectionné
saisissez Player.

Maintenant nous avons deux
sprite dans notre jeu.

Comme les sprites ne sont pas
des objets 3D

nous avons besoin de déterminer

manuellement quel
sprite sera

affiché devant ou

derrière l'autre.

On le fait en affectant chacun

de nos sprites à un Sorting Layer.

Si nous cliquons sur le
menu déroulant Sorting Layer

du composant renderer
de notre sprite

nous pouvons voir qu'il y a

déjà quatre Sorting Layers

de déja définis dans notre projet.

Ils sont Default,

Background, Pickups et Player.

Ces Sorting Layers font partie

des paramètres du projet.

Ils ont été importés
quand nous avons choisi

d'importer notre ensemble d'assets
en tant que projet complet

dans la première leçon.

Pour ajouter notre propre
Sorting Layer

sélectionnez Add Sorting Layer

puis cliquez sur le bouton +.

Les Sorting Layers peuvent
réorganisés

par cliqué / glissé.

Nous avons déjà tous
les Sorting Layers

nécessaires, alors
nous pouvons supprimer

celui que nous venons de créer

en le sélectionnant et en cliquant
sur le bouton -.

L'ordre des layers ici est important.

Les layers sont affichés dans

l'ordre de la liste
du haut vers le bas.

Le layer du bas affiché

en dernier sera
par conséquent

affiché devant

les layers précédents.

Ce qui veut dire que
les objets du

sorting layer Background
seront

affichés devant les objets
de Default

et les objets de Pickups

seront affichés devant

les objets de Background
etc.

Pour ce projet nous utiliserons

les layers et leur ordre

comme défini dans sa configuration.

Sélectionnez l'objet Background.

Dans son composant sprite renderer

affectez le sorting layer en Background.

Puis sélectionnez l'objet Player.

affectez le sorting layer en Player.

Ensuite, nous voulons régler

l'échelle de notre Player.

Nous pouvons faire cela
de plusieurs façons.

La première est d'utiliser l'outil Scale.

Avec l'outil Scale sélectionné
utilisez la poignée

de l'axe dont nous voulons
modifier l'échelle

et déplacez la.

Nous pouvons aussi cliquer
et déplacer sur le

titre du champ que
nous voulons modifier

Ou nous pouvons
directement entrer

une valeur dans le champ
que nous voulons modifier.

Nous pouvons tabuler entre
les champs

et appuyer sur enter ou return

pour confirmer notre choix.

Saisissons 0.75 pour les champs X

et Y pour mettre à 75%

la taille originale de Player.

Remarquez que comme
nous travaillons

dans un espace 2D
le changement

d'échelle de l'axe Z

n'aura aucun effet.

Nous pouvons imaginer
chaque sprite

comme une vitre avec
une image peinte dessus.

C'est plat sans profondeur
ni volume.

Vous avez peut-être remarqué que
si vous changez

la valeur d'échelle de X ou de Y

en nombre négatif, l'image

sera renversée suivant l'axe
horizontal

ou l'axe vertical choisi.

Jusqu'alors, nous avons travaillé
dans la scene view,

qui peut être vu comme notre
zone de travail.

Si l'on clique sur la game view

on peut voir ce que notre joueur

va réellement voir quand il jouera le jeu.

Remarquez que quand on bascule
dans la game view

cette vue est plus du Player

et nous ne pouvons pas voir
entièrement le Background.

Dans le cas du jeu que
nous essayons de concevoir

cela va le rendre difficile à jouer,

donc ce que nous allons faire c'est

ajuster la vue de la caméra

afin qu'elle puisse voir plus de surface.

Commençons par sélectionner

la Main Camera.

Avec la Main Camera de
sélectionnée

nous voyons que c'est aussi
un game object

avec une en-tête et
un Transform

mais avec un composant Camera
attaché.

Quand nous avons créé ce projet

nous l'avons configuré
en type 2D.

Dans un projet 2D toutes
les nouvelles

cameras utilisent une projection
orthographique

pour afficher la scène.

Utiliser la projection orthographique

veut dire que les objets n'apparaiterons

plus grand ou plus petit

suivant la distance de la camera.

Pour visualiser comment
cela fonctionne

quittons temporairement
le mode 2D.

Dans la vue Scene nous pouvons voir

notre camera et nos sprites.

Nous pouvons faire une
rotation de la vue en

appuyant sur alt ou option + déplacement
de la souris dans la scène.

Si nous sélectionnons le
game object Camera

nous pouvons voir le
cône de la camera.

Ce cône est la zone que la camera voit.

Si nous basculons la

projection de la camera en
perspective

nous pouvons voir que la forme

du cône change et

la vue de la scène aussi.

Si nous déplaçons temporairement

notre game object Player vers

la camera le long de l'axe Z

nous verrons que sa taille

grossit dans le Camera Preview.

Si nous rebasculons sur la
projection

orthographique nous pouvons

voir bien que l'objet est

plus proche de la caméra

il n'apparait pas plus grand
dans le cadre.

Faisons un reset de la position du
Player à (0, 0, 0)

et vérifier que la camera utilise
la projection orthographique

avant que nous retournons dans
le vue Scene

en mode 2D.

Ensuite, nous allons obtenir
une meilleure vue

de notre terrain de jeu
pour notre camera.

Cliquez dans la vue Game.

Pour changer ce que peut voir

une camera orthographique

nous modifions le champ Size.

Cliquons dans la propriété Size

de notre camera et déplaçons
le souris.

En la déplaçant nous voyons
qu'une valeur

autour de 16.5 convient.

Maintenant nous pouvons voir
que le Player

est au centre du tableau,

et le tableau est posé
sur un fond bleu.

Ce fond bleu est par défaut

pour les nouvelles scènes
quand nous travaillons en mode 2D.

Changeons cela pour quelque
chose de

mieux adapté à notre jeu.

Nous pouvons voir que la camera a

une propriété appelée Background.

Cela nous permet de sélectionner
la couleur de l'arrière-plan.

Cliquer sur la couleur
pour ouvrir

le sélecteur de couleur.

Pour choisir une couleur
on peut cliquer et déplacer

ou entrer les valeurs manuellement.

Utilisons le valeurs numerique
pour définir

la couleur d'arrière plan.

Pour les couleurs rouge,
vert, et bleu

utilisons les valeurs 32, 32, 32.

Cela nous donne un bel
arrière plan gris/noir.

Félicitation, maintenant nous avons

un Player game object et
un arrière plan de jeu.

Dans la prochaine leçon
nous apprendrons

comment ajouter un
script au Player

pour lui permettre de se déplacer
dans le plan de jeu

en utilisant la physique 2D.