Découvrez l'API de Facebook, connectez des milliers de joueurs, créez un Flappy Bird like avec Unity sur navigateur web.
Formation pour apprendre à créer votre un JEU VIDÉO 2D web avec Facebook et Unity, de type Flappy Bird.
Bienvenue dans cette formation axée sur l'utilisation de Facebook avec Unity afin d'apprendre les fonctionnalités indispensables à tout jeu vidéo utilisant Facebook :
- Créer une application Facebook
- Héberger son jeu vidéo
- Authentification
- Récupération des informations de l'utilisateur (dont l'avatar)
- Partager du contenu la timeline de l'utilisateur
Retrouver ici les principes de base du développement de jeux vidéos avec facebook, tout en utilisant le langage C# dans les scripts.
-----------------------------------------------------------------------------------------------
- Dernière Mise à jour Mars 2019
-----------------------------------------------------------------------------------------------
La première section vous permettra de créer votre première application Facebook, choix de la plateforme WebGL, hébergement web, découverte du dashboard Facebook, déployer sur les serveurs... vous verrez ainsi les bases des services Facebook, sans oublier le paramétrage de Unity.
Dans la seconde section nous mettrons en place les bases du jeu vidéo qui sera crée dans ce cours. Ainsi nous commencerons concrètement le développement de votre jeu vidéo :
- Etude du package initial du jeu
- Création d'un prefab heart
- Gestion de la vie du joueur
- Prise en main du projet
Nous verrons donc comment gérer les collisisions 2D, notion de layer et order in layer, utiliser un rigidbody...
La troisième section entre dans l'API Facebook, afin de pouvoir se connecter. L'API sera ainsi étudiée, puis mise en place dans un script qui sera à intégrer par vos soins, dans le jeu vidéo.
Nous en profiterons pour générer les prefabs coeur tout en utilisant une interface pour visualiser les vies à l'écran.
Une fois connectés, il sera temps d'afficher les informations dans la section 4. Le graphe de Facebook sera présentée afin de comprendre la requête sur le noeud "me" qui permettra entre autres, de récupérer le pseudo du joueur.
De plus nous verrons la notion de pooler, notion essentielle dans la création de jeux vidéos, puis nous l'utiliserons pour générer efficacement nos coeurs.
Le tout sera affiché à l'écran, puis un test en ligne sur le serveur sera effectué. Enfin l'implémentation de la récupération de l'avatar sera traitée en exercice.
Pour terminer nous verrons dans la section 5, comment partager du contenu sur Facebook. La méthode ShareLink du sdk Facebook pour Unity sera utilisée est utilisée dans notre jeu vidéo tout en modifiant le comportement initial du jeu au GameOver.
Une nouvelle interface sera donc mise en place et le script GameControl sera modifié en conséquence... Nous verrons donc comment créer des boutons et leur donner une action à accomplir grâce à l'EventSystem de Unity.
Nous utiliserons aussi PlayerPrefs afin d'enregistrer le pseudo et l'avatar du joueur.
Note: l'accès à ce cours vous offre aussi la possibilité de rejoindre gratuitement la communauté Make Your Game, et ainsi retrouver plus de contenu sur la création de jeux vidéos: https://makeyourgame.fun
Toutes les vidéos sont enregistrées en 1080p, assurant une qualité optimale de votre visionnage.
Si vous rencontrez des difficultés en cours d'apprentissage, vous pouvez me contacter par email et je ferai de mon possible pour vous débloquer.
N'hésitez plus et plongez dans la création de votre premier jeu, avec Facebook et Unity, en cliquant sur Suivre ce cours en haut à droite.
Afin de pouvoir suivre sereinement le cours, voici les pré-requis:
- Avoir des bases dans le langage c-sharp (C#)
- Les bases de l'utilisation de Unity
Ce cours n'est donc pas destiné aux débutants.es, si c'est votre cas, veuillez plutôt commencer votre apprentissage par un autre cours: Apprenez à coder en C# tout en créant votre propre jeu avec Unity 2018
Voici un code de réduction de 50% : 2019-FB-50 / 50 %
Si le code ne fonctionne pas, merci de me contacter par email sur: a.taurisano@makeyourgame.fun
Dans ce cours vous apprendrez à :
- Créer une application Facebook avec Unity
- Découvrir Facebook et son API
- Se connecter avec Facebook
- Récupérer les informations de l'utilisateur Facebook
- Découvrir le graphe de Facebook
- Afficher l'avatar du joueur dans l'application
- Héberger gratuitement son jeu vidéo sur les serveurs de Facebook
- Partager sur la timeline Facebook du joueur depuis le jeu vidéo
- Utiliser un pooler
- Créer des interfaces (IHM) simples
- Gérer les permissions Facebook
- Utiliser le sdk Facebook pour Unity
Nous commençons ici à créer l'application Facebook : présentation du dashboard, icône de l'application
Présentation des différentes plateformes prises en charge par Facebook
Après avoir ajouté au démarrage les plateformes web, nous allons voir cii comment se passer d'un serveur personnel avec le WebHosting de Facebook
Nous verrons ici comment déployer très facilement sur les serveurs de Facebook
Comment télécharger et installer la dernière version de Unity
Dans cette partie nous allons importer le jeu en l'état actuel, qui nous servira de base afin d'implémenter les fonctionnalités liées à Facebook.
Découverte des différentes éléments du jeu vidéo : repeating background, prefabs, scrolling, collision, IHM, Bird...
Retrouvez la correction de l'exercice précédent...cherchez un peu quand même avant !!
Il faut maintenant changer les conditions de Game Over afin que ce dernier n'ait plus lieu dès qu'une collision est détectée, mais plutôt quand le joueur n'a plus de vie.
Nous importerons ici le script de connexion, tout en étudiant son fonctionnement
Explication du principe de connexion, API Facebook, notions de permissions de l'application
Second exercice de cette formation, ici on monte d'un cran la difficulté avec une demande plus conséquente...
En plus d'ajouter la génération de coeurs, nous allons ajouter aussi une interface de visualisation des coeurs et ajuster certains aspects du GameOver
Cette partie essentielle, pour tout développeur de jeux vidéos, présente la notion du Pooler qui permet d'optimiser les performances globales du jeu.
après un overview du graphe de Facebook, on se penchera sur le noeud "me" afin de récupérer les informations du joueur Facebook.
Il est temps d'améliorer le visuel de notre jeu en affichant le pseudo et l'email du joueur à l'écran
Après un autre build WebGL, puis un upload sur les serveurs de facebook, nous testerons le jeu pour vérifier que l'on obtient bien l'email du joueur.
Au travers de cet exercice vous aurez à implémenter l'affichage de l'avatar facebook du joueur
Une première mise en place de l'IHM ainsi que la modification du script GameControl seront réalisées afin de préparer le terrain pour la fonctionnalité de share sur FB
En présentant cette nouvelle fonction du sdk Unity de Facebook, nous allons implémenter le partage sur facebook dans le jeu vidéo
Test final en ligne pour vérifier la fonctionnalité de partage Facebook.
Retrouvez le package final en téléchargement.