Le blog de la création de jeux vidéo
Quelques fondamentaux de programmation utiles à la création de jeux vidéo...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...
Création de jeux vidéo avec Phaser – Le scrolling
Le fond d'écran en scrolling vertical infini 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 création de la 1ère scène. La 1ére chose à faire est d’intégrer et d’afficher le fond d’écran...
Création de jeux vidéo avec Phaser – La scène
Initialisation et première scène 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 configuration de l'environnement de développement. Le jeu vidéo développé ici est un shoot’em up que nous appelons...
Création de jeux vidéo avec Phaser
Configuration de l'environnement de développement"Basé sur les technologies web et le javascript, plateforme et langage très utilisés aujourd’hui par de nombreux développeurs, phaser.js est un outil dont la prise en main est rapide. A l’opposé des artilleries lourdes...
Barre de progression dans un canvas html5
Barre de progression dans un canvas html5Je vous propose d’illustrer les CustomEvent javascript abordés dans l’article javascript : créer des événements personnalisés custom event par le biais d’une barre de progression relative au chargement des images et à leur...
Cordova et l’audio
Cordova et l'audioCordova permet d’utiliser des technologies web pour développer des applications pour smartphone ou tablette. Toutefois, toutes les balises html5 ne sont pas supportées nativement. Ainsi, si vous utilisez la balise html5 audio, vous aurez la surprise...
Cordova et les plugins
Cordova et les pluginComme vous le savez déjà, Cordova permet d’utiliser des technologies web pour développer des applications pour smartphone ou tablette. Il fut un temps où ces technologies web limitaient l’arsenal du développeur : certaines fonctionnalités étaient...
Initialiser un projet cordova
Initialiser un projet Android CordovaDans ce premier article, vous allez apprendre à initialiser un projet via cordova. Cordova (anciennement phonegap) est un projet repris par la communauté Apache visant à développer des applications mobiles natives par le biais des...
Modifier l’orientation de l’écran avec javascript
Modifier l'orientation de l'écran avec javascriptCertains jeux vidéos ne peuvent se jouer qu’en mode portrait ou en mode paysage. Cela nécessite que vous détectiez dans quelle position sont le smartphone ou la tablette de manière à informer le joueur et l’inciter à...
Détecter la taille de l’écran en javascript
Détecter la taille de l'écran en javascriptLorsque vous développez un jeu vidéo html5, il peut être parfois utile de connaitre la taille de l’écran pour ajuster la position des différents composants graphiques du jeu. Je vous montre comment le faire en deux lignes de...
Le stockage de données avec html5
localstorage et sessionstorage avec html5 html5 offre la possibilité de stocker des données sur la navigateur. Certes, cela était déjà possible grâce aux cookies, mais ceux-ci offraient très peu d’espace contrairement à html5 qui permet de stocker environ 5 Mo de...
Créer un sprite javascript html5
Afficher des sprites avec javascript html5Un élément incontournable dans le développement de jeu vidéo 2D est l’affichage des sprites. En effet, la plupart des jeux vidéos utilisent des objets graphiques déplaçables à l’écran. Je vous montre comment le faire avec...