link Source : openclassrooms.com
list 4 séquences
assignment Niveau : Intermédiaire
chat_bubble_outline Langue : Français
date_range Publié le 26 octobre 2020
card_giftcard 200 points
Avis de la communauté
-
starstarstarstarstar
Voir l'avis

Les infos clés

credit_card Formation gratuite
verified_user Certification payante
timer 20 heures de cours

En résumé

Le JavaScript est un langage merveilleux ! Tout ce que nous avons toujours voulu faire est possible. Et depuis peu, la 3D gagne sur Internet ses lettres de noblesse avec des expériences de plus en plus immersives et de plus en plus incroyables ! Alors pourquoi ne pas créer nous-mêmes un petit quelque chose bien sympa en WebGL ? Pourquoi ne pas créer un jeu ? 

Avec quelques amis, nous avons décidé de relever ce challenge  et nous avons plutôt bien réussi ! Au final, nous avons décidé de vous partager ici ce que nous avons créé pour que tout le monde puisse en profiter. 

Babylonjs, le framework avec lequel nous allons travailler tout au long de ce tutoriel, a été créé pour permettre une prise en main facile et intuitive. En créant un jeu vidéo, nous allons voir tous les aspects de la 3D, que ce soit au niveau de la caméra, de l'environnement ou des interactions que l'utilisateur. Et puis créer un jeu vidéo a un petit quelque chose de grisant ! C'est parti !

À la fin de ce cours vous serez capable de :

  • Développer de premières applications en WebGL

more_horiz Lire plus
more_horiz Lire moins
report_problem

Les prérequis

  • Connaître et savoir utiliser le HTML et le CSS
  • Maîtriser les grands principes du JavaScript (fonctions et programmation orientée objet nécessaires)

dns

Le programme

Partie 1 - Construisez la structure de votre jeu avec BabylonJS
1. Familiarisez-vous avec le WebGL et Babylonjs
2. Mettez en place votre première scène
3. Modélisez des objets simples
4. Prenez en main les lumières et les caméras !
Quiz : Les fondamentaux du WebGL
 

Partie 2 - Développez les premiers éléments du jeu
1. Déplacez la caméra sur la scène
2. Codez une première arme
3. Préparez le décor du jeu
Quiz : Questions avancées de WebGL

Partie 3 - Passez en mode multijoueur
1. Créez un système de points de vie et de spawn aléatoire
2. Utilisez les fonctions existantes pour créer de nouvelles armes
3. Importez un objet et une scène
4. Liez vos joueurs avec Node.js !
5. Connectez la 3D avec un affichage 2D
 Quiz : Performance et connectivité

Partie 4 - Lâchez-vous sur le gameplay et les animations
1. Animez les armes
2. Développez une fonction de saut pour le joueur
3. Programmez des bonus en jeu
4. Finalisez le jeu
 Quiz : Optimisation et animations

Certificat de réussite

record_voice_over

Les intervenants

Victor Mallet
Bonjour ! Je suis un développeur javascript ! Venez découvrir avec moi les nouveaux usages que la 3D offre au Web !

store

Le concepteur

HETIC

HETIC est un établissement privé d'enseignement supérieur spécialisé dans l'internet, situé à Montreuil, en France. Elle a été fondée en 2002.

assistant

La plateforme

OpenClassrooms

OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.

Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.

Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.

Vous êtes le concepteur de ce MOOC ?
Quelle note donnez-vous à cette ressource ?
Contenu
5/5
Plateforme
5/5
Animation
5/5