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

STSWEB Echanges avec SCOnet Les éléments de structure
VI50 – TP3 Introduction à Virtools. Virtools Virtools Media Design 3DS, Maya, Lightwave… Sound Design wav, mp3… Texture, 2D interface jpg, bmp… Specific.
Introduction à Virtools
12 novembre 2012 Grégory Petit
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.
Principes de programmation (suite)
Introduction à la programmation (420-PK2-SL) cours 17 Gestion des applications Technologie de linformation (LEA.BW)
Autodesk® Revit® Building 9
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.
Généricité ?!.
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.
La recherche sur le Web Améliorer sa performance Compétences informationnelles – Activité 13 - Documentation Module 3: les moteurs académiques: Google.
La recherche sur le Web Améliorer sa performance Compétences informationnelles – Activité 13 - Documentation Module 3: les moteurs académiques: Google.
Développement dapplication avec base de données Semaine 10 : WCF avec Entité Framework Automne 2013.
31 octobre 2012 Grégory Petit
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. Les sélecteurs simples  Tous les éléments HTML du sélecteur sont affectés dans le document. Exemple : h1 { color:purple;
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
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. Les boîtes 2 Les attributs 3 width height margin margin-top margin-right margin-bottom margin-left border-style border-width.
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.
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.
Auteur : Frédéric Thériault 1. Les titres  (de 1 à 6) Titre 1 Titre 2 Titre 3 Titre 4 Titre 5 Titre 6 2.
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.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
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.
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.
GRAPHISME PAR ORDINATEUR
L T I Laboratoire de Téléinformatique 2 Projet de semestre Parseur XML basé sur la DTD : Buts –Utiliser la grammaire définissant un type de fichiers XML.
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.
Traitement d’images Semaine 09 v.A15.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
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.
DREAMWEAVER SÉANCE 2 SI28 Jonathan Barone – Thomas Lulé.
INF2005– Programmation web– A. Obaid Les cartes. INF2005– Programmation web– A. Obaid Images cliquables Outil permettant d'effectuer des liens à partir.
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
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 quil faut faire Créer un monstre qui suit la souris Ce monstre doit être programmé en objet 2

Ce quil faut faire Pour cet exercice, vous pouvez utiliser les fichiers suivants : Monster.html Monster.png Utils.js Ce fichier contient des méthodes utilitaires. rotateElement : permet de faire une rotation dun DIV getElementAngle : permet de savoir langle de lélément par rapport à la souris getMousepositionX/Y() : permet davoir la position X et Y de la souris Note : La rotation des éléments ne fonctionnent pas en IE 3

Paramètres utilisés Sur la version du prof, les paramètres suivants ont été utilisés: maxVelocity : 8 frameRefreshRate : 30 Pour le setTimeout velocityFactor: 0.1 La variation dune vélocité est de 0.1 4

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