« Flash CS5 - Timer » : différence entre les versions
m (Page créée avec « {{Ebauche}} {{Tutoriels Flash|CS5/CS4/CS3|Intermédiaire}} <pageby nominor="false" comments="false"/> == Introduction == Les animations Flash que l'on peut créer avec les... ») |
m (Remplacement de texte — « <pageby nominor="false" comments="false"/> » par « <!-- <pageby nominor="false" comments="false"/> --> ») |
||
(7 versions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
{{Ebauche}} | {{Ebauche}} | ||
{{Tutoriels Flash|CS5/CS4/CS3|Intermédiaire}} | {{Tutoriels Flash|CS5/CS4/CS3|Intermédiaire}} | ||
<pageby nominor="false" comments="false"/> | <!-- <pageby nominor="false" comments="false"/> --> | ||
== Introduction == | == Introduction == | ||
'''Prérequis:''' | |||
* [[Flash AS3 - Objets interactifs]] | |||
** positionner un objet | |||
* [[Flash CS4 - Utilisation de librairies]] | |||
** Lire la section ''Export for ActionScript'' | |||
** Alternativement vous pouvez lire [[AS3 - Survol du langage ActionScript]], section ''Utilisation d'un clip de la library'' | |||
Les animations Flash que l'on peut créer avec les outils d'interpolation sont basés sur une logique de cinéma, c-a-d sur la timeline. | Les animations Flash que l'on peut créer avec les outils d'interpolation sont basés sur une logique de cinéma, c-a-d sur la timeline. | ||
Ligne 12 : | Ligne 19 : | ||
== Exemple d'une simple compte à rebours == | == Exemple d'une simple compte à rebours == | ||
L'exemple suivant montre les éléments suivants | |||
* Un texte est affiché au lancement. | |||
* Au bout de 4 secondes un graphisme est affiché et une musique sera joué. | |||
* Au bout de 6 secondes, le texte disparaîtra | |||
Le graphisme et la musique sont lancés par une fonction timer: ''CountDownTimerHandler'' | |||
* [http://tecfa.unige.ch/guides/flash/ex5/timer/CS5-timer-exemple-1.html CS5-timer-exemple-1.html] | * [http://tecfa.unige.ch/guides/flash/ex5/timer/CS5-timer-exemple-1.html CS5-timer-exemple-1.html] | ||
* [http://tecfa.unige.ch/guides/flash/ex5/timer/CS5-timer-exemple-1.fla CS5-timer-exemple-1.fla] | * [http://tecfa.unige.ch/guides/flash/ex5/timer/CS5-timer-exemple-1.fla CS5-timer-exemple-1.fla] | ||
''' code source ''' | |||
<source lang="actionscript"> | <source lang="actionscript"> | ||
// Sound | |||
var son = new Salsa(); | |||
// Art | |||
var art2 = new Art(); | |||
art2.x = 150; | |||
art2.y = 200; | |||
/* Countdown Timer | |||
Counts down from a specified number of seconds. | |||
*/ | |||
var COMPTE = 6; | |||
// On définit un timer qui déclenche un événement toutes les 1000 millisecondes | |||
// c-a-d des intervalles d'une seconde, une fois par seconde un événement est crée | |||
var fl_CountDownTimerInstance:Timer = new Timer(1000,COMPTE); | |||
// On enregistre une fonction qui sera appelée par le timer tous les X intervalles | |||
fl_CountDownTimerInstance.addEventListener(TimerEvent.TIMER, CountDownTimerHandler); | |||
// start the timer | |||
fl_CountDownTimerInstance.start(); | |||
// Manage timer events | |||
function CountDownTimerHandler(event:TimerEvent):void | |||
{ | |||
COMPTE--; | |||
if (COMPTE == 2) // If count down is 2 seconds, then we play sound and add art | |||
{ | |||
addChild(art2); | |||
son.play(); | |||
} | |||
if (COMPTE == 0) // If count down is 0 seconds, then we hide text | |||
{ | |||
text_box.visible=false; | |||
} | |||
} | |||
</source> | </source> | ||
== Alternative : les fragments de code == | |||
Un timer peut être implémenté aussi à travers les fragments de code. | |||
Le timer ne nécessite pas qu'un symbole soit sélectionné. Dans le panneau Fragments de code (Fenêtre > Fragments de code) : | |||
* Ouvrez Actions | |||
* Double-cliquez sur "Countdown timer" | |||
NB: Si vous avez la fenêtre des actions affichée, il suffit de cliquer sur le symbole "Code snippet". | |||
Le code sera inséré directement dans le niveau "Actions" de votre timeline. Il pourra à ce moment être modifié et adapté. |
Dernière version du 22 août 2016 à 20:12
Cet article est une ébauche à compléter. Une ébauche est une entrée ayant un contenu (très) maigre et qui a donc besoin d'un auteur.
Introduction
Prérequis:
- Flash AS3 - Objets interactifs
- positionner un objet
- Flash CS4 - Utilisation de librairies
- Lire la section Export for ActionScript
- Alternativement vous pouvez lire AS3 - Survol du langage ActionScript, section Utilisation d'un clip de la library
Les animations Flash que l'on peut créer avec les outils d'interpolation sont basés sur une logique de cinéma, c-a-d sur la timeline.
Avec ActionScript il est possible d'adopter une logique plus basé sur le temps (time-based)
Exemple d'une simple compte à rebours
L'exemple suivant montre les éléments suivants
- Un texte est affiché au lancement.
- Au bout de 4 secondes un graphisme est affiché et une musique sera joué.
- Au bout de 6 secondes, le texte disparaîtra
Le graphisme et la musique sont lancés par une fonction timer: CountDownTimerHandler
code source
// Sound
var son = new Salsa();
// Art
var art2 = new Art();
art2.x = 150;
art2.y = 200;
/* Countdown Timer
Counts down from a specified number of seconds.
*/
var COMPTE = 6;
// On définit un timer qui déclenche un événement toutes les 1000 millisecondes
// c-a-d des intervalles d'une seconde, une fois par seconde un événement est crée
var fl_CountDownTimerInstance:Timer = new Timer(1000,COMPTE);
// On enregistre une fonction qui sera appelée par le timer tous les X intervalles
fl_CountDownTimerInstance.addEventListener(TimerEvent.TIMER, CountDownTimerHandler);
// start the timer
fl_CountDownTimerInstance.start();
// Manage timer events
function CountDownTimerHandler(event:TimerEvent):void
{
COMPTE--;
if (COMPTE == 2) // If count down is 2 seconds, then we play sound and add art
{
addChild(art2);
son.play();
}
if (COMPTE == 0) // If count down is 0 seconds, then we hide text
{
text_box.visible=false;
}
}
Alternative : les fragments de code
Un timer peut être implémenté aussi à travers les fragments de code.
Le timer ne nécessite pas qu'un symbole soit sélectionné. Dans le panneau Fragments de code (Fenêtre > Fragments de code) :
- Ouvrez Actions
- Double-cliquez sur "Countdown timer"
NB: Si vous avez la fenêtre des actions affichée, il suffit de cliquer sur le symbole "Code snippet".
Le code sera inséré directement dans le niveau "Actions" de votre timeline. Il pourra à ce moment être modifié et adapté.