Javascript – objets qui suivent la souris

Slides:



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

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.
-Présentation de l’équipe -Cadre du projet -Enjeux -Choix du sujet.
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.
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.
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.
ContactSite web Comportement mécanique d’un alliage de titane et d’un alliage d’aluminium issus de la fabrication additive par SLM Auteurs: Vincent DOVERGNE,
Stéphane Frénot, Frederique Laforest, Frédéric Le-Mouël IJA 1 TD 6 IJA Structures de données JAVA.
Séquence : Le XIXème siècle : l'évolution politique de la France, TD : Histoire des arts – Etude d'une oeuvre artistique Classe de 4ème.
Sur les dernières versions d’Android, il est possible de créer un compte « utilisateur » supplémentaire, avec un accès restreint aux applications en place.
SYSTEM PROGRAM.
Langages de programmation TP6
AMUE – SIFAC Intégration Fichier Mouvements BDF
Exploitation de logiciels :
« SCIENCES ET TECHNOLOGIE » PARTIE SVT CYCLE 3 – CLASSE DE 6ème
Asynchronous Javascript And Xml
L’ESTIME.
Environnement de développement des BD
La symétrie et l’aire de la surface
Javascript HTML5 - CANVAS
INTEGRIX DROPBOX-MAIL NEW
Spip / Joomla...en 1h ! Mercredi 30 Avril 2008.
Programmation 2: IFT1025 Jian-Yun Nie A 2016.
Programmation du jeu BOMBER en JavaScript
Feuilles de style Cascading Style Sheets
Validation de formulaire
CEMTEC 9 - SYNTHESE ACTIVITES
Programmation du jeu Fruit Ninaj en JavaScript
Collecte de données CAPI
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault
Interaction avec une base de données
LE MASHUP.
TIC (Techniques de l’Information et de la Communication)
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault
INITIATION À UN LOGICIEL DE PRESENTATION Présenter un diaporama
Tableaux à plusieurs dimensions en langage C
Présentation de JQUERY
Séance 1 : voiture-ville
PHP – SESSIONS Aide mémoire
Les interfaces en PHP.
Feuilles de style Cascading Style Sheets
Décomposer un vélo en fonctions
Techniques d’animation
AMUE – SIFAC Exécution du programme après passage de l’OT
REVUE DE LITTERATURE. Introduction Première partie majeure dans la rédaction du mémoire, la réalisation d’une revue de littérature consiste à effectuer.
BILAN SPORTIF 16/09/2018 LE PLAN D’UNE MAISON.
FICHE PRATIQUE D’ENTRAINEMENT DES 100 MEILLEURS EXERCICES DE MUSCULATION.
Un mouvement harmonique simple est caractérisé par:
CLIQUER SUR ADMINISTRATION POUR LES REGLAGES
Programmation Android Les listes
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault
Langages de programmation TP11
Séance de créativité Nom de l'animateur.
DESIGN PATTERN BUILDER KADRI LOUBNA CHARMATI SEWSEN.
Programmation Web : DOM en PHP
Séance de créativité Nom de l'animateur.
Sera vu pendant le cours.
COURS ADMINISTRATION DE BASES DE DONNÉES IMPORT/EXPORT Karim LABIDI ISET Ch
Transcription de la présentation:

Javascript – objets qui suivent la souris 420-B63 Programmation Web Avancée Auteur : Frédéric Thériault Javascript – objets qui suivent la souris

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

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

Paramètres utilisés Sur la version du prof, les paramètres suivants ont été utilisés: Vitesse maximale : 8 Vecteur de vitesse Variation de 0.1 par tick

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