Pour certains site vitrine, il est parfois adapté de faire une simple page informative mais attractive pour le visiteur. Même si on a pas beaucoup de contenu on a envie d’avoir une présentation offrant une expérience utilisateur sympa qui fera qu’on se souviendra de nous. Un plugin est bien pour réaliser ce type de site…
Aujourd’hui, j’ai refait mon site de présentation dont je voulais partager les sources. Pour ce simple site, j’ai utilisé bootstrap 3 pour le système responsive, le site htmlcodescouleur pour la palette et font-awesome pour les pictogrammes. Voir la demo de mon site CV gratuit Télécharger les sources Vous pouvez l’utiliser à titre personnel comme…
Initialisation du projet Nous allons commencer par créer un simple fichier HTML5 à la racine de notre dossier « 1stPhaserGame » nommé « index.html » et y inclure phaser.io : <head> <meta charset= »UTF-8″ /> <title>1stPhaserGame</title> <script type= »text/javascript » src= »phaser.min.js »></script> </head> Nous allons définir la zone de notre jeu, en créant un simple élément « div » et en lui donnant un id…
Phaser.IO est un jeune framework de développement de jeux 2D en JavaScript.La communauté est active et de plus en plus nombreuse, ce qui constitue un avantage certain 😉 De nombreuses fonctionnalités sont disponibles comme la gestion de WebGL et Canvas pour le rendu graphique, mais également une multitude d’éléments nous permettant de gagner du temps…
Étant la première interface interactive de notre jeu, il faut la soigner !! Pour faire simple, sur cette scène nous avons presque toujours un fond fixe ou animé et des boutons (généralement le bouton « play » et le bouton « options »). Note : Penser dès le début que notre jeu sera jouable sur smartphone, il faudra donc…
La création de l’écran de chargement Le premier écran de notre jeu est un point à ne pas négliger car c’est le point d’accroche avec le joueur, c’est donc un point aussi important que les autres aspects du jeu. La qualité des images sera un point très important voir décisif dans la réalisation d’un jeu…
Initialisation du « main canvas » Commençons notre jeu par la création du premier canvas (main) qui sera le point d’entrée de notre code et qui défini la zone de notre jeu, pour cela, rien de plus simple ! Dans notre fichier html, commençons par créer le canvas du jeu : <!DOCTYPE html> <head> …
CanvasEngine et un framework JS orienté vers les jeux en HTML5. Il permet de créer plus facilement les éléments d’un jeu tels que les scènes, le préchargement et plus, ainsi que des fonctionnalités d’animation, de temporalité, des controleurs (manette et clavier), les sons, le défilement, les cartes, sauvegarde, les images (spritesheet), multijoueur etc… Bien entendu,…
J’ai découvert, il y a quelques mois l’éditeur SublimeText3 … Et là, il est rapidement devenu mon « chouchou » ! Bien qu’il ne roule pas des mécaniques (au premier abord), il est en réalité très riche car il est assez facile de créer des plugins pour l’enrichir, ce qui a encouragé la communauté autour de ce…
Outre le choix de faire une application native ou hybride ou web, nous allons découvrir ensemble comment créer une application hybride android avec Cordova. Donné par Adobe à Apache en 2011, Cordova est tout simplement le framework de Phone Gap qui, lui, est toujours à Adobe. Apache Cordova est un framework open-sources permettant de créer…