Créer des jeux avec HTML5 et Javascript

Créer des jeux avec HTML5 et Javascript

Les navigateurs sont désormais suffisamment performants pour permettre de jouer à des jeux en 2D ou en 3D.

Voyons comment nous pouvons les développer nous-mêmes.

La balise <CANVAS>

Le navigateur peut afficher les éléments graphiques d'un jeu au sein d'une zone délimitée par la balise "<canvas>".

Des commandes Javascript permettent d'y dessiner en 2D de façon très simple.

Le SVG (partie 1)

Le SVG. (partie 1)

Une image svg est une image composée de vecteurs, par conséquent elle ne perd pas en qualité en l’agrandissant ou en la rapetissant car ce n’est jamais qu’un affichage d’un multiple fois chaque vecteur la composant

Pour l’intégrer il existe plusieurs manières

La balise iframe, img, svg, ou background-image dans du CSS

en gros la balise svg permet de dessiner a meme le navigateur, ce dernier interpretant le code que l'on ecrit

exemples:

<iframe src="image.svg" width="800" height="800">*

<img src="image.svg"/>

<svg><circle cx="200" cy="200" r="200"></svg>

.classe{

Background-image :url('image.svg') repeat;

}

(iframe permet d'inserer une page html dans une autre page html, en miniature dans un conteneur par exemple)

Apprendre jQuery - GitBook

Article intéressant :

https://www.gitbook.io/book/sutterlity/apprendre-jquery

Le magasine WebDesign ! Une merveille !

Je ne peux que vous conseiller de vous abonner à ce magnifique magasine ! C'est de la veille technologique aussi bien pour le designer que pour le developer.
Voici le lien : Oracom.fr
On peut s'abonner à la version papier ou à la version numérique.
N'hésitez pas, c'est un excellent investissement !

De l'AJAX à tous les étages

Cette année, les deuxièmes année auront droit à une étude approfondie de l'AJAX. D'abord à la main, puis avec la bibliothèque jQuery ...
L'idée sera alors de mettre en oeuvre un BackOffice en version full AJAX !!!
Autant voir grand non ? :-)

Un livre vraiment essentiel !

Voici un livre étonnant. On pourrait croire qu'il s'agit d'un livre traitant du pré-processeur CSS SASS et de l'outil COMPASS mais ce n'est pas vraiment le cas.
Il s'agit avant tout d'un recueil de bonnes pratiques en matière de CSS, de réflexions sur des idées reçues et de suggestions à la fois pragmatiques et très sensées.
Au terme de ces réflexions, l'auteur expose alors l'intérêt du SASS et de son outil COMPASS...
Ce livre est à mon sens incontournable pour tous ceux qui maîtrisent déjà les pratiques courantes en matière d'intégration web...
Que de bonnes idées !

Un petit dossier xHTML5 et CSS3 riche et pas cher !

Je viens de me procurer ce petit dossier de Compétences Micro. Il est fort bien fait et il coûte moins de 10 euros ! N'hésitez pas à vous le procurer. Il aborde les principaux éléments vu au cours ... Il est illustré et écrit de manière claire et sympathique.