Créez le jeu HTML5 JavaScript 2048 avec le Framework Phaser et l’API Canvas

Apprenez à réaliser le jeu 2048 avec le framework JavaScript Phaser. Cette fois ci, il s’agit d’un jeu de logique dont le but est de faire le plus haut score (2048) en déplaçant des cases suivants des règles précises. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Créez le jeu…

Lire la suite →

Développez un jeu de plateforme simple avec le Framework Phaser et l’API Canvas

Dans ce nouveau cours pour développer un jeu de plateforme simple en JavaScript, apprenez à gérer les périphériques d’entrés/sortis comme le clavier ou la souris. Découvrez également la création de niveau complètement aléatoire. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Développez un jeu de plateforme simple avec le Framework…

Lire la suite →

Créez un jeu de plateforme HTML5 / JavaScript avec des classes POO avec Phaser – Canvas WebGL

Dans cette suite du cours sur le développement d’un jeu de plateforme, vous allez aborder la programmation orienté objet. Cela va vous permettre de mieux organiser votre travail et notamment de pouvoir travailler en équipe. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Créez un jeu de plateforme HTML5 /…

Lire la suite →

Comment créer un jeu de plateforme HTML5 / JavaScript avec le Framework Phaser – Canvas WebGL

Apprenez à réaliser un jeu de plateforme en JavaScript, avec le framework Phaser et les API Canvas et WebGL Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Comment créer un jeu de plateforme HTML5 / JavaScript avec le Framework Phaser – Canvas WebGL Bonjour et bienvenue sur développement facile donc…

Lire la suite →

La technique pour la mise en place de vos interfaces graphiques en JavaScript avec l’API Canvas

Apprenez à réaliser un élément essentiel dans tout jeu : l’interface graphique. Cette interface va servir à faire le rendu graphique de votre jeu. C’est là que se trouveront les boutons, personnage, ennemis, ou tout autre élément servant à la représentation de votre jeu. Avec l’API Canvas c’est vraiment très simple d’implémenter tout ça. Tout…

Lire la suite →

Comment ajouter des animations JavaScript avec les tweens dans l’API Canvas

Découvrez comment intégrer des animations sur les transitions entre les différents éléments qui constituent votre jeu. Avec l’API JavaScript Canvas et plus particulièrement les tweens c’est vraiment très simple à réaliser. Tout est expliqué dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Comment ajouter des animations JavaScript avec les tweens dans l’API…

Lire la suite →

Comment utiliser le clavier avec JavaScript et l’API canvas – keyboard clavier

On continue ensemble avec l’API Canvas pour développer des jeux vidéo. Aujourd’hui vous allez apprendre à capturer les entrées/sorties du clavier pour interagir avec votre jeu. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Comment utiliser le clavier avec JavaScript et l’API canvas –  keyboard clavier Bonjour à tous et…

Lire la suite →

Créez une progression du chargement avec JavaScript et Canvas – loading in progress

Vous allez apprendre à créer des jeux avec l’API JavaScript Canvas. Dans cette vidéo vous allez voir comment créer une barre de progression pour le chargement de votre jeux sur le navigateur du visiteur. Tout est expliqué dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Créez une progression du chargement avec JavaScript…

Lire la suite →

Comment éviter les problèmes de cache des fichiers JavaScript pendant votre développement

Vous allez découvrir une nouvelle série de vidéos dédiées à la création de jeux avec JavaScript, HTML 5 et l’API Canvas. Mais avant d’entrer de le vif du sujet vous allez voir avec cette première vidéo comment gérer vos fichiers JavaScript pendant la phase de développement. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Comment éviter…

Lire la suite →

Comment utiliser les objets vidéo et audio avec JavaScript

Découvrez comment créer et utiliser les objets video et audio à la volée avec JavaScript. Cela vous permet de rajouter très simplement un player audio ou vidéo dans votre page web sur une simple interaction de l’utilisateur. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Comment utiliser les objets vidéo…

Lire la suite →

La technique pour copier des pixels avec Canvas en JavaScript

Dans ce nouveau cours sur l’API JavaScript Canvas, vous allez apprendre à copier les pixels d’un endroit à un autre. C’est très utilisé dans la création de jeux vidéo ou d’applications Web. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] La technique pour copier des pixels avec Canvas en JavaScript…

Lire la suite →

Comment utiliser les effets de transparence avec Canvas en JavaScript

Dans ce nouveau cours sur l’API JavaScript Canvas vous allez apprendre à utiliser les effets de transparence pour votre application web ou pour votre jeu. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Comment utiliser les effets de transparence avec Canvas en JavaScript Bonjour à tous et bienvenu sur Développement…

Lire la suite →

Comment utiliser les dégradés de couleur avec Canvas en JavaScript

On continu ensemble avec l’API JavaScript Canvas. Dans ce nouveau cours, vous allez apprendre à réaliser des dégradés de couleurs. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Comment utiliser les dégradés de couleur avec Canvas en JavaScript Bonjour à tous et bienvenu sur Développement Facile. Ici Matthieu expert en…

Lire la suite →

Comment ajouter des ombres, des transformations et des lignes avec API JavaScript Canvas

Dans cette troisième vidéo sur l’API JavaScript Canvas, apprenez à réaliser des ombrage sur vos dessins. Découvrez aussi comment agir sur vos dessins avec les transformations comme les rotations, les zooms, etc. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Comment ajouter des ombres des transformations et des lignes avec…

Lire la suite →

Créez des courbes de Bézier et des formes avec des couleurs avec l’API JavaScript Canvas

On continue ensemble l’apprentissage de l’API JavaScript Canvas pour dessiner. Dans ce cours vous allez apprendre à créer des formes colorées avec entre autre les courbes de Bézier. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Créez des courbes de Bézier, des formes avec des couleurs avec API JavaScript Canvas…

Lire la suite →

Comment utiliser l’API JavaScript Canvas pour dessiner

Apprenez à dessiner avec l’API JavaScript Canvas. Vous pourrez ainsi dessiner et même animer toutes sortes d’objet dans le navigateur du visiteur. Tout est dans la vidéo ci-dessous. [ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”] Comment utiliser l’API JavaScript Canvas pour dessiner Bonjour à tous et bienvenu sur Développement Facile. Ici Matthieu expert en développement…

Lire la suite →