Le tuto PDF - Formation facile

Transcription

Le tuto PDF - Formation facile
Tuto : Création d'un jeu Iphone 2D en utilisant l'extension « Anime-Sprite »
Beaucoup d'entre vous m'ont demandé de leur expliquer comment animer le personnage de
la même façon que moi dans le tuto présentant l'extension Anime-Sprite. Je vais donc vous faire un
mini tuto pour vous expliquer les étapes à suivre.
Partie 1 : Préparatifs
1) Création d'une scène et d'une feuille de sprite. Bon je n'ai pas besoin de vous le
ré expliquer, tout est dit dans le tuto vidéo et dans la formation gratuite
d'Unity3D.
Exemple de feuille de sprite :
2) Lors de la création de votre
scène et de l'import des standards
assets, vous devriez avoir
importé le « Character
Controller.unitypackage ».
Partie 2 : Création du personnage
1) Commencez par créer un « plane » (GameObject/Create Other/ Plane) et
orientez le face à la caméra en jouant sur la rotation.
2) Ajoutez votre feuille de sprite sur le plane comme texture et dans le
Shader choisissez : Transparent / Cutout / Diffuse :
3) En cas de mauvaise orientation de la texture (si elle est à l'envers), jouez sur
le scale de l'objet :
Cette étape est facultative si vous n'avez pas de soucis d'orientation.
4) Sélectionnez votre personnage et ajouter le Character motor / Character Controller
ainsi que le FPS Input Controller :
Cela nous permettra de faire marcher notre personnage avec les flèches du clavier.
Faites des réglages des paramètres des scripts si nécessaire.
5) Ajoutez l'extension AnimeSprite à votre personnage et faites les réglages si
nécessaire. Le tuto vidéo explique comment ajouter cette extension et comment
la paramétrer. Il est conseillé de ne pas avoir plus d 8 lignes et 8 colonnes sur
une même feuille de sprite, au besoin créez en plusieurs.
Dans l'inspector, si vous avez sélectionné votre personnage, vous devriez avoir
quelquechose comme ceci (les scripts qui ne sont pas cochés ne sont pas à
prendre en compte).
Normalement votre personnage doit pouvoir se déplacer et doit avoir une ligne
continuellement animée.
Partie 3 : Animation par script
Créez un nouveau JavaScript et appelez le comme vous voulez. Pour l'exemple
on choisira « 2dAnime ».
En bleu j'écrit le code, en vert les commentaires.
Les commentaires font office d'explications.
2dAnime.js :
On déclare une variable privé qui permettra d'aller chercher notre personnage :
private var player:GameObject; // Déclaration d'une variable player
player=GameObject.Find("MonPerso"); /* On recherche notre personnage, dans
l'exemple notre personnage s'appelle « MonPerso ».
Créez une fonction update :
function Update () {
Comme notre jeu est en 2D, nous allons limité les mouvements du personnage et
l'empêcher de se déplacer dans la profondeur :
if(transform.position.z < 0 || transform.position.z > 0)
transform.position.z = 0; //On fixe sa position à 0 sur l'axe Z
Toujours dans la fonction Update on ajoute ces conditions :
if (Input.GetKey("left")) //Si on appuie sur gauche
{
player.transform.localScale.x=1; // On oriente le personnage à droite
player.GetComponent(annimSpriteScript).rowNumber=6; /* On affiche l'animation
de marche.
On entre dans le script « annimSpriteScript », on utilise
« player.GetComponent(annimSpriteScript) » pour déclarer l'existence du script.
On demande au script de jouer la ligne de marche en utilisant « rowNumber=6 »
(chez vous ce sera surement une autre ligne.*/
}
else
{
player.GetComponent(sprite_compo).rowNumber=4;
/*Sinon, si aucune touche n'est appuyée, on joue la ligne 4 qui correspond à
l'animation d'attente (encore une fois chez vous ce sera surement une autre ligne.*/
}
if (Input.GetKey("right")) // Si on appuie sur droite
{
player.transform.localScale.x=-1; /*On met une valeur négative pour retourner le
personnage, il s'oriente dans le sens du mouvement.*/
player.GetComponent(sprite_compo).rowNumber=6; // Anime de marche
}
if (Input.GetKey("space")) // Touche espace
{
player.GetComponent(sprite_compo).rowNumber=2;//Anime de saut
}
if (Input.GetKey("down"))// ...
{
player.GetComponent(sprite_compo).rowNumber=1;//Ce que vous voulez...
}
N'oubliez pas de fermer l'accolade de la fonction Update !!
voilà, le script est terminé, vous pouvez ajouter des animations de rire, de mort
du personnage, de tout ce que vous voulez. Enregistrez, ajoutez ce script à votre
personnage.
Si tout vas bien votre personnage se déplace et s'anime en fonction des touches du
clavier. C'est aussi simple que ca.
Le script est flexible, améliorez le, enrichissez le, faite en ce que vous voulez.
Je vous invite à nous envoyer vos jeux sur formation-facile dans la
rubrique « partagez ou revendez vos production ». C'est un moyen pur vous de
faire connaître et de partager vos productions, vous pourrez gagner un peu
d'argent si vous désirez vendre vos jeux.
Il faut faire un travail propre et fini, choisir un prix pas trop élevé (la
logique de formation-facile c'est de proposer des produits à des prix
extrêmement bas). Pour plus d'informations vous pouvez vous reporter au site.
Merci et à bientôt sur http://formation-facile.fr