Le blog de la création de jeux vidéo
Quelques fondamentaux de programmation pour bien débuter dans la création de jeux vidéo
Lire une vidéo dans un canvas html5
Lire une vidéo dans un canvas html5Je vous montre comment jouer une vidéo dans un canvas html5. Quel intérêt me direz vous ? Jouer une vidéo dans un canvas html5 permet entre autres de faire de la surimpression : y dessiner ce que vous voulez, un peu comme la palette...
Le canvas html5 pour les jeux vidéo
Le canvas html5 pour les jeux vidéo Cette balise du HTML 5 est déjà implémentée dans la majorité des navigateurs tels que Firefox, Google Chrome, Opéra ou Safari hormis les plus anciens. Le canvas html5 définit une zone destinée à dessiner sur l’écran. C’est en...
Création de jeux vidéo avec Phaser – Les interactions physiques
Gérer les interactions physiques dans un jeu vidéo Suite de la série d'articles consacrés à la création d'un shooter avec phaser.js, le précédent étant consacré à la gestion d'un game over. Pour accroitre la difficulté, on donne aux météorites des trajectoires qui ne...
Création de jeux vidéo avec Phaser – Game Over et Nouvelle partie
Gérer un game over et lancer une nouvelle partie Suite de la série d'articles consacrés à la création d'un shooter avec phaser.js, le précédent étant consacré à la gestion et l'affichage d'un score. Afin de stopper toutes les animations et interactions, on ajouter une...
Création de jeux vidéo avec Phaser – Gérer et afficher un score
Afficher le score Suite de la série d’articles consacrés à la création d’un shooter avec phaser.js, le précédent étant consacré à la gestion des effets sonores. Pour afficher le score, on a tout d’abord besoin d’ajouter une nouvelle variable nommée score...
Création de jeux vidéo avec Phaser – Le son avec les effets sonores
Ajouter des effets sonores au jeu vidéo Suite de la série d’articles consacrés à la création d’un shooter avec phaser.js, le précédent étant consacré à la gestion d'une barre de vie. On fait simple en intégrant 2 effets sonores : le 1er au lancement du laser et le 2nd...
Création de jeux vidéo avec Phaser – La barre de vie
Ajouter la barre de vie du joueur Suite de la série d’articles consacrés à la création d’un shooter avec phaser.js, le précédent étant consacré à la gestion des calques. C’est par le biais des fonctions graphiques de phaser.js qu’on dessine la barre de vie qui passe...
Création de jeux vidéo avec Phaser – Les calques ou layer
Les calques et les layers pour organiser la structure du jeu vidéo Suite de la série d’articles consacrés à la création d’un shooter avec phaser.js, le précédent étant consacré à la gestion des collisions. Jusqu’à présent, on gérait des objets de même nature parce...
Création de jeux vidéo avec Phaser – Les collisions
Les collisions entre sprites - shooter, laser et météorite Suite de la série d’articles consacrés à la création d’un shooter avec phaser.js, le précédent étant consacré à la gestion des animations des pnj. Les collisions peuvent être gérées manuellement ou par le...
Création de jeux vidéo avec Phaser – Animer des météorites (PNJ)
Les personnages non joueurs (PNJ) Les météorites Suite de la série d’articles consacrés à la création d’un shooter avec phaser.js, le précédent étant consacré à la gestion du laser du joueur. La météorite et son mouvement Le champ de météorites est composé sans...
Création de jeux vidéo avec Phaser – Le laser du joueur (PJ)
Tir de lasers par le joueurSuite de la série d’articles consacrés à la création d’un shooter avec phaser.js, le précédent étant consacré à la gestion du déplacement du joueur. Pour éviter de finir avec du code spaghetti et en y allant crescendo, on instille de la...
Création de jeux vidéo avec Phaser – Le déplacement du joueur (PJ)
Le shooter animé et contrôlé par le joueur Suite de la série d’articles consacrés à la création d’un shooter avec phaser.js, le précédent étant consacré à la gestion du scrolling. Le shooter Le joueur dont l’objectif est de se frayer un chemin dans un champ de...