• 150 €

[Replay] Code Camp La méthode complète pour coder des jeux pour le web et les publier - Stage de programmation 5 jours

Stage en Replay.
  • En 5 jours : Maitrise la programmation de jeux pour le Web sans prise de tête
  • Apprend à construire, déboguer et publier un jeu en JavaScript à 100 % sans aucun moteur externe
  • Tout ce que tu dois savoir pour te lancer dès la fin de la semaine

La méthode complète pour coder des jeux pour le web et les publier

Un thème et 5 jours pour te former et réaliser un projet ensemble.

THEME DE CE STAGE :

Je veux, à la fin de ces 5 jours de stage, que tu sois capable de te lancer dans la programmation de jeux Web.

Tu maitriseras tous les aspects nécessaires pour te lancer directement et créer par exemple des jeux de plateaux, de cartes, des jeux de réflexion, des jeux casuals, etc.

Ces jeux, tu pourras les publier sur le Web ! Imagine : tes joueurs n'ont rien à télécharger !

Au programme :


Prérequis :
- Bases de programmation
- Bases de Love2D
- Un environnement de travail opérationnel (Visual Studio Code et un navigateur tel que Chrome)


Au programme :

  • Installer et paramétrer un environnement de travail hyper pratique avec Visual Studio Code et un simple navigateur internet.
    Pas de moteur lourdingue à installer ! Pas de paramétrage !
    Tu vas halluciner : tu n'as quasiment rien à installer donc tu peux travailler sous Windows, Linux, Mac... et même sur un Raspberry Pi à 50 euros !

  • Comment construire une page Web pour y intégrer son jeu vidéo.
    En quelques minutes tu seras prêt à coder.

  • Exécuter et déboguer son code en 1 clic, faire du pas à pas et tracer les variables sans effort.
    Tu va pouvoir tester ton jeu comme s'il était déjà en ligne, je te montre toutes les étapes, les boutons où il faut cliquer, les raccourcis clavier, et les astuces de pros.

  • Les fondamentaux de JavaScript, sans se prendre la tête.
    C'est un langage tellement simple, tu vas l'adorer si tu ne le connais pas déjà. Je vais t'en donner les bases pour te lancer (prérequis : savoir déjà programmer dans un autre langage par exemple Lua).

  • Construire la structure complète d'un jeu, réutilisable et évolutive.
    Je vais te montrer comment créer un squelette de code qui te servira pour tous tes jeux ! Tu n'auras qu'à le recopier pour commencer immédiatement un jeu avec toutes les fonctions de base !

  • Programmer une gameloop comme sur Love2D pour afficher et animer ton jeu.
    Tu connais la structure hyper simple de Love2D, Monogame ou encore la Pico-8 ? Init / Update / Draw. Et bien je vais t'apprendre à reproduire cette structure en Javascript qui te servira pour tous tes jeux.

  • Charger et afficher des images, et comment prendre en charge les délais de chargement.
    Sur le Web, les choses se dont parfois de manière asynchrone. C'est le cas pour les images. Je vais t'apprendre à prendre en compte cette particularité et à te construire un gestionnaire d'image hyper pratique.

  • Charger et jouer des sons ou des musiques.
    Un jeu n'est pas un jeu sans un peu de son !

  • Gérer le clavier, la souris et le touché pour être compatible mobile.
    Tu lis bien : je vais t'apprendre à coder des jeux qui seront capable de fonctionner sur mobile dans un navigateur. Pour cela, je vais te former aux spécificités nécessaires et t'apprendre à coder pour que ça fonctionne de manière transparente à la souris sur un PC ou au doigt sur un mobile !

  • Organiser son code en différents fichiers.
    Tu vas savoir créer plusieurs scripts et les lier ensemble. Je t'apprendrai à faire ça de manière simple et rapide, afin d'organiser proprement ton code.

  • Coder en objets avec les classes.
    Il est très simple de programmer en objet (POO) en JavaScript. Les classes n'auront plus de secret pour toi. Pas d'inquiétude : on va aborder ça simplement et tu vas rapidement comprendre l'intérêt de ce type de programmation.

  • Programmer différentes scènes et passer de l'une à l'autre.
    Besoin d'un menu ? D'un écran d'options ? Je vais te montrer comment, en quelques lignes de code, tu vas pouvoir découper ton jeu en différents écrans, et comment passer de l'un à l'autre. Le tout en pur JavaScript et sans moteur externe !

  • Cas pratique : un morpion (Tic Tac Toe) en quelques lignes de code.
    Ce sera notre fil rouge. C'est un bon exemple car il est simple tout en mettant en oeuvre plein de concepts qui te serviront dans plein de genre de jeux.

  • Crypter automatiquement son code source pour ne pas vous le faire pirater .
    C'est la principale crainte des programmeurs en JavaScript : mon code sera visible sur le navigateur du joueur, il va pouvoir le modifier pour tricher ou copier mon code ! Pas d'inquiétude, je vais te montrer comment automatiser le cryptage de ton code avant sa publication sur le Web. En 2 clics !

  • Sur quels sites publier son jeu HTML5.
    Comment rendre accessible ton jeu sur le web ? Comment préparer ton code pour le publier et sur quels sites le publier en quelques minutes (et pourquoi pas le vendre ou le monétiser). Je te montre ça et te donne plein de pistes pour commercialiser tes jeux comme un pro !


Le stage s'est déroulé sur 5 jours, avec un cours de 1h30 minimum chaque soir pendant 5 jours.

Ce que tu vas recevoir :

- Je met en ligne chaque jour le replay de chaque session Live, tu peux y accéder en ligne ou tout télécharger !

- Je te fournis le code source de chacune des étapes, pour que tu ne reste jamais à la traîne.

- Je te donne tous les liens utiles pour être autonome.

Chaque semaine, à ramer et à galérer seul, tu perds du temps, tu t'éloignes de tes objectifs. Avec ce Code Camp tu vas réaliser une économie massive de temps.

Contenu

Fichiers et ressources

Bannière du stage
  • 333 ko
Comment rejoindre le stage en direct.txt
  • 366 octets
Lien vers le Trello.txt
  • 86 octets
JavaScript-JS-Cheat-Sheet.pdf
  • 193 ko

Replay des Lives

Replay Stage HTML5 Jour 1.mp4
  • 244 Mo
Replay Stage HTML5 Jour 2.mp4
  • 252 Mo
Replay Stage HTML5 Jour 3.mp4
  • 218 Mo
Replay Stage HTML5 Jour 4.mp4
  • 256 Mo
Replay Stage HTML5 Jour 5.mp4
  • 308 Mo

Codes source

Jour 1.zip
  • 1,12 ko
Jour 2.zip
  • 1010 ko
Jour 3.zip
  • 1020 ko
Jour 4.zip
  • 1,2 Mo
jour 5.zip
  • 2,44 Mo
imageLoader.js
  • 4,15 ko
Test Nouveau Projet.zip
  • 1,9 ko