Flash CS5 - Timer

De EduTech Wiki
Aller à : navigation, rechercher

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.


1 Introduction

Prérequis:

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)


2 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;
	}

}

3 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é.