420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.

Slides:



Advertisements
Présentations similaires
1 JavaScript V0 : Nauer. 2 JavaScript Quid ? Langage de programmation lié à HTML. Code JavaScript intégré aux pages HTML. Code interprété par le navigateur.
Advertisements

Chapitre 8: Mouvement d’un solide
Correction du Tp N°4: Les Lois de Newtons
Formation Microsoft® Office Access 2007
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Introduction à la programmation (420-PK2-SL) cours 17 Gestion des applications Technologie de linformation (LEA.BW)
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
ASP.NET Par: Hugo St-Louis. C ARACTÉRISTIQUES A SP. NET Évolution, successeur plus flexible quASP (Active Server Pages). Pages web dynamiques permettant.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
L’INDUCTION ÉLECTROMAGNÉTIQUE
Direction générale des technologies de l’information et de la communication (DGTIC) Scénario pédagogique – WebDépôt Mise à la disposition de documents.
Dans la barre des messages, cliquez sur Activer la modification,
Projet I.S.N. Arbre fractal
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
-Présentation de l’équipe -Cadre du projet -Enjeux -Choix du sujet.
Algo-Prog en Ada TD1 2 MIC Romaric GUILLERM
Exercices sur les forces et mouvement
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
APPLETS. Applets : généralités Applet : application s'exécutant dans une page HTML Le ByteCode (fichiers.class) est téléchargé depuis un serveur. L'exécution.
Exploitations graphiques du CIR
Centre d’échange d’informations sur la Convention sur la Diversité Biologique Bienvenue dans le cours sur l’ajout d’une page web sur un site web développé.
GRAPHISME PAR ORDINATEUR
GRAPHISME PAR ORDINATEUR SIF Contenu du cours 11 Interaction Joueur/Jeu, effets sonores –Interaction clavier –Interaction souris –Interaction manette.
LES QUALITES D’UN BON ENSEIGNANT
VISITE AUTOMATIQUE GUIDÉE SOUS VREng. Fonctionnement de VREng Avatar représentant l’utilisateur Chat permettant aux utilisateurs de discuter Panel de.
Pour une présentation orale
0 Objectifs de la session n°1  Revenir sur toutes les bases théoriques nécessaires pour devenir un développeur Web,  Découvrir l’ensemble des langages.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Auteur : Frédéric Thériault 1. À quoi ça sert !?  Cascading Style Sheet  Modifier la page Web en ajoutant des styles aux balises  Modifier l’apparence.
Programmation créative – Les vecteurs
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
1 Quatrième journée Les flots de données Les entrées/sorties Les flots de données Les entrées/sorties.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
POWERPOINT.
1 Deuxième journée La programmation procédurale. 2 Unité de programmation : la procédure ou fonction Très semblable au math Un programme est un ensemble.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Module : Pages Web Dynamiques (Production Électronique Avancée)
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Aide Retraités & Seniors Niveau 1 Théorie Générale Argentique et numérique...( RVB & CMJ ) Conseils sur les différents modes ( sensibilité,
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Le bonheur est toujours une exception… Quelque chose qui s’arrache aux lois ordinaires de l’existence… Avance au clic.
Les objets de la classe de classe. Qu'est-ce que c'est? C'est...
Structure globale du logiciel L’efficacité du programme repose : sur ces nombreuses listes de données : -Liste de membres -Liste d’administrateurs -Liste.
Programmation créative – Les vecteurs
Traitement d’images Semaine 09 v.A15.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Pluvinage Raphaël – Si28. Pour quoi faire? / / Logiciel de graphisme orienté vers le web, dérivé de Photoshop (Même Interface) / Utilisation : Optimisation.
SI28 : Adobe Image Ready 3.0 Agathe Edange.
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
Présentation Scratch10 mars 2016 Présentation Scratch Lycée De La Salle Jeudi 10 mars 2016.
Programmation du jeu Fruit Ninaj en JavaScript
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault
Javascript – objets qui suivent la souris
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault
Transcription de la présentation:

420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1

Ce qu’il faut faire  Créer un monstre qui suit la souris Ce monstre doit être programmé en objet 2

Ce qu’il faut faire  Pour cet exercice, vous pouvez utiliser les fichiers suivants : monster.html monster.png animation.js ○ Fichier principal de l’animation Monster.js ○ Classe Monster Utils.js ○ Ce fichier contient des méthodes utilitaires. rotateElement : permet de faire une rotation d’un DIV getElementAngle : permet de savoir l’angle de l’élément par rapport à la souris getMousepositionX/Y() : permet d’avoir la position X et Y de la souris 3

Paramètres utilisés  Sur la version du prof, les paramètres suivants ont été utilisés: Vitesse maximale : 8 tick : 30msec ○ Pour le setTimeout Vecteur de vitesse ○ Variation de 0.1 par tick 4

Pour ceux qui veulent un défi !  Créer une classe qui permet de contrôler une liste d’objets/monstres 5