Amélioration des Pages HTML
o Des Fonctionnalités HTML / 4.0 Feuilles de styles Layers / JavaScript DreamWeaver / Templates
Exemple
Iexplorer / Netscape les exploite plus ou moins différemment
Amélioration des Pages HTML
o Macromedia FireWorks / Images - Menus - Animation Flash 3 / Graphique vectoriel - Animation
o Flash 4 ( bientôt v5 )
Textes Graphique Bitmap / Vectoriel Sons
Macromedia / Flash 4
o Animation succession d ’images et de scènes Interpolation
o Actions Interactivité ( clic souris....) Exploitation pour menus, pages, URL,...
o 2 petits exemples sans intéractivité
o Représentation de l ’existence d ’un ou plusieurs objets
Flash 4 - Les couches les layers
o Les différentes images de l ’animation
o L ’organisation des couches
Flash 4 - L ’échelle temporelle
Flash 4 - Les graphiques
o Nombres d ’Objets limités
o Géométrie par Objet
Flash 4 - Les graphiques
o Edition et Composition facilitée
o Transformation
Flash 4 - Les graphiques
o Exercice No1Exercice No1 Définir le principe d ’une Eclipse solaire
et inversement
Flash 4 - Exercice 1
o De quoi avons nous besoin ?
Graphique layer ( attention au layer courant ) importation d ’images frame / ligne de temps NE PAS FAIRE l ’ANIM TROP GRANDE
Flash 4 - La ligne de temps
o Les images clésElles marquent un changement d ’état
vide en cours de modification Interpolée déplacement forme Action avec un a dedans
Flash 4 - La ligne de temps
o La vitesse de lectureA priori la séquence s ’exécute linéairementcadence a définir /
Image/ImageImage clé à chaque changement
important
Pelure d ’Oignons
Flash 4 - La ligne de temps
o Interpolation
de déplacementcalcul des images intermédiaires ( limitation )
de forme ( morphing )
Spécialescouleur, luminosité, alpha ( transparence )
Flash 4 - Les Couches
o Interpolation par trajectoireUn objet, une ligne quelconque
La couche et la trajectoire
ne doivent pas être dissociés
Flash 4 - Les Couches
o ProcessusDéfinir une trajectoire quelconque
entre 2 images clé
Positionner l ’objet sur la courbePoint de départ= image cléPoint d ’arrivée = image finale
Exemple avec Avion
Flash 4 - Les Objets de bibliothèque
Chaque forme manipulable et transformabledoit être traduite en OBJET et mise en
bibliothèque
o Bibli Flash3 / Bibli applicationo Objet : create symbol
bouton image movie sons
Flash 4 - Les Objets de bibliothèque
o Les transformationssur les images clés
Flash 4 - Les Objets de bibliothèque
Effets spéciaux
Déplacements
o Exercice No2Exercice No2 Mouvement de la lune et période
Matérialiser le rayonnement solaire et la phase rotative de la lune
Flash 4 - L ’animation
Flash 4 - REPOS
o Faire un petit site Web sur l ’Eclipse Structure du Site
Incorporer des objets FlashExporter MovieImporter Flash / Page, tableau
Flash 4 - Actions Comportements
o Les BoutonsIl s ’agit de définir des objets animés à états
base de menu, actions diverses
UP : non actifOVER : souris au dessusDOWN: on clicHIT : zone sensible
Flash 4 - Actions Comportements
o Les Actions
Flash 4 - Actions Comportements
Exemple de séquence
Sur un Clic souris ( On / Press ) On peut aller a une frame (Goto Number
15)• Goto and stop ou Goto and play
On peut lancer une animation sur quelques frames
on met une action stop dans la frame ou goto....
Exercice FinalExercice Final
Au choix ( avec insertion dans le site Web )
o faire le menu avec boutons faire un état Over et Clic faire une action RollOver explicative sur
la fonction du bouton
Exercice FinalExercice Final
Ou bien ( avec insertion dans le site Web )