$ 30.00

Tuto Créer un jeu de type Portal 2D en Javascript/HTML5 avec JavaScript, HTML

$ 30.00

  • Une formation vidéo de 3h13s
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Ce tuto HTML5/JS vous permettra de découvrir comment réaliser un mini-jeu de type Portal-like en 2D directement jouable sur un navigateur web. Le mini-jeu que vous créerez permettra au joueur de de déplacer dans les quatres directions avec une gestion des collisions. De plus, il pourra créer des portails temporels permettant au joueur de se téléporter de l'un à l'autre.

Pour suivre ce tutoriel, des connaissances de base en Javascript et en Html seront requises.

Vue d'ensemble de la formation :

  • Une introduction au Tuto.
  • Mise en place du projet.
  • Création de la classe Sprite pour afficher nos images sur notre canvas.
  • Création de la classe Entity contenant les informations de nos objets.
  • Création de la classe World qui gérera les objets dans le jeu.
  • Création de la classe Character pour permettre au personnage principal du jeu de réaliser différentes actions.
  • Codage des actions et des animations du personnage principal.
  • Création de la classe Collider pour gérer les collisions.
  • Ajout des datas (sprites et niveaux du jeu).
  • Création de la classe Tile pour limiter les déplacements du personnage hors du sol.
  • Ajout d'une fonction permettant à la caméra de suivre notre personnage principale.
  • Création de la classe Portal pour générer les portails et codage d'une fonction pour téléporter le joueur d'un portail à l'autre.

Table des matières de cette formation JavaScript, HTML (durée : 3h13s)

    • Mise en place du Projet 00:07:34
    • Classe Entity 00:12:54
    • Classe Sprite 00:08:45
    • Classe World 00:11:02
    • Création des Actions et des Animations 00:14:59
    • Classe Character 00:28:25
    • Classe Collider 00:39:12
    • Ajout des Datas 00:08:22
    • Classe Tile 00:16:26
    • Fonction Follow 00:02:10
    • Classe Portal 00:30:24



Formateur : Nicolas Pierre-loti-viaud

Nicolas Pierre-loti-viaud a publié 6 tutoriels et obtenu une note moyenne de 4,5/5 sur 541 tutoriels vendus. Voir les autres formations de Nicolas Pierre-loti-viaud

4,0
note moyenne

4
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
1
  • 5
    avis de sam67 laissé le 15/07/2016
    C'est un fan-game du mod Portal pour Half-Life² ? Je suis plus habitué ay=u Scroll Portal de Diablo mais de toute ce jeu a de quoi me plaire. HTML, JS et PNG ; mes camarades de jeu. Merci

  • 5
    avis de roulianne laissé le 31/10/2013
    Super Tuto, rien à re-dire. Au delà du jeu à proprement parlé, beaucoup de concept JS sont abordés. Il est vrai qu'il faut pas être débutant et avoir l'esprit math. Pour moi les 30? c'est le prix juste. Je veux encore des tuto de cette qualité où j'apprends des choses !!!

  • 5
    avis de damione laissé le 21/05/2013
    Super tuto. Moi qui gallere à apprendre le JS, voici directement un cas concret qui motive à apprendre!

accédez à plus de 1558 tuto gratuits


non, je ne veux pas me former gratuitement