Dans ce tutoriel, vous apprendrez à rédiger une classe d'objets en Javascript afin de récupérer les états d'enfoncement ou de relâchement des touches du clavier que vous souhaitez utiliser... et ne plus réécrire ce code! En effet, étant donné que cette procédure est répétitive, une classe d'objets est idéale pour créer votre propre instruction et ne plus vous soucier de la rédaction de ce code.
A titre d'exemple, nous utiliserons cette classe pour déplacer une image d'hélicoptère dans la page, mais vous pourrez également l'utiliser pour piloter un diaporama au clavier, ou pour un jeu. Vous aborderez donc :
- la POO (programmation orientée objet) en Javascript
- l'instanciation d'une classe
- les différences entre variables privées et publiques
- la création d'une méthode privée (fonction interne à la classe)
Cette classe sera donc réutilisée lors de futurs tutos sur le développement de jeux en HTML5/Javascript via la balise canvas.
Jetez un oeil à ces autres tuto JavaScript 1.6
Créer un jeu de type Portal…
Ce tuto HTML5/JS vous permettra de découvrir comment réaliser…
DEBUTER EN HTML5 - CSS3 -…
Ce pack vidéo fait partie d'une série sur la programmation…
Introduction à l’API Google…
Dans ce tutoriel vidéo Introduction à l'API GoogleMaps Javascript…
WebGL - Les lumières
Dans ce tuto javascript, en vidéo, nous allons apprendre à…
La formation complète sur…
Voici une formation Javascript complète, d'une durée de près…
Débuter en HTML5 - CSS3 -…
Cette formation fait partie d'une série sur la programmation…
Débuter en HTML5 - CSS3 -…
Cette formation vidéo fait partie d'une série sur la programmation…
Animer facilement un spinner…
Dans ce tuto Javascript, vous découvrirez comment scripter…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto JavaScript 1.6 de 39 minutes est proposée dans une résolution plus grande que l’extrait suivant :
Notes attribuées par les utilisateurs (4 votes)
Les avis / Questions des utilisateurs (8)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto JavaScript 1.6 d’une durée de 39 minutes a été acheté 33 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 11 décembre 2012 par JeanBambi, contributeur, ayant reçu une note moyenne de 4,5/5 pour l’ensemble de ses vidéos.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.













(auteur de ce tuto - 30 décembre 2012)
" Merci Shade146, c'est le type de commentaire qui me réjouit ! "
(a acheté ce tuto - 24 décembre 2012)
" Super tuto, c'est ma première initiation au JavaScript orienté Objet et j'ai tout compris.
Merci à toi pour cette formation ;) "
(auteur de ce tuto - 19 décembre 2012)
" Bonjour
Pour utiliser cette classe afin de diriger une voiture vue de haut, il faudra avoir recours à de la trigo simple reposant juste sur les cosinus et sinus.
Ça peut faire l'objet de la suite qu'évoque CybreWarrior !
En ce cas j'aurai recours à la balise <canvas>, qui se prête parfaitement au jeu. "
(a acheté ce tuto - 18 décembre 2012)
" Tuto bien réalisé.
Le tuto m'avait semblé trop cher avant l'achat. Mais ce dernier est bien réalisé, et les crédits se justifient. Effectivement abousidibe , la fin est un peu rapide et sommaire. Vivement la suite !
"
(a acheté ce tuto - 18 décembre 2012)
" très bon tuto
souhiate avoir des fonction pour un jeux de voiture exemple faire tourner l'image et autre
sinon grand merci à toi "
(auteur de ce tuto - 18 décembre 2012)
" Bonjour
Dans le cadre du développement d'une application Javascript comme un jeu, il me semble plus judicieux de rédiger cette classe en JS.
Il faut surtout voir à travers ce tuto la rédaction d'une "instruction personnalisée" qui permet de ne plus s'occuper de la partie code pour une tâche répétitive (ici l'observation des touches du clavier), comme si on étendait Javascript. "
(n'a pas acheté ce tuto - 17 décembre 2012)
" une petite question, pourquoi ne pas faire cette classe objet en php plutôt qu'en javascript ? "
(a acheté ce tuto - 15 décembre 2012)
" intéressant exemple même si la fin du tuto est un peu sommaire "