begin process at 2013 05 23 20:10:48
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Animations

 > EFFET RIDEAUX DE THEATRE EN ACTION SCRIPT

EFFET RIDEAUX DE THEATRE EN ACTION SCRIPT


 Information sur la source

Note :
8,1 / 10 - par 10 personnes
8,10 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Animations Niveau :Débutant Date de création :07/06/2005 Date de mise à jour :07/06/2005 12:39:13 Vu / téléchargé :52 637 / 7 136

Auteur : aKheNathOn

Ecrire un message privé
Site perso
Commentaire sur cette source (13)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Ce fla vous permet de faire une animation dans le style levé de rideau TATANNNN !... Bréf rien de magique, à par qu'elle est faite en action script, ce qui vous permettra de la paramétrer un peu ;) ...

C'est ma premiére source sur flashKod, et je viens de commencer l'action script il y à trés peu de temps. Au niveau algo je me débrouille, mais je pige pas tout encore au niveau du fonctionement. C'est pour cela que je me pose 2 questions :

1 : Serait-il possible de dupliquer seulement les images de la bibliothéque sans pour autant passer par des movieclip - Je trouve ça fouilli qu'elles y soient en double.?

2 : Peut-on faire un symétrie axiale en flash ? Comme ça juste avec un seul rideau j'aurais pû tout faire ...

Source

  • // LA BIBLIOTHEQUE CONTIENT EN REALITE DEUX MOVIECLIP :
  • // rideaux -> L'image d'un rideau gauche
  • // rideaux_droite -> L'image d'un rideau a droite
  • // ------------------------- VERSION 2
  • // PARAMETRAGE DE L'ANIM
  • var top = -10;
  • var espace = 30;
  • var m_rand_esp = 10;
  • var rand_niveau = 2;
  • var nbRideaux = 9;
  • var decalage = 12;
  • var vitesse = 1;
  • var cID = _root.nbRideaux;
  • var vitesse_rotation = 0.2;
  • var vitesse_mvt = 1; // 1 = Maxi - 100 = Normal
  • var max_rotation = 8;
  • var timer = 0;
  • tirer = function (id, direction) {
  • var rideau = _root["r"+id];
  • if (!_root["dir"+id]) {
  • _root["dir"+id] = direction;
  • }
  • rideau._rotation += _root.vitesse_rotation * _root["dir"+id];
  • if (rideau._rotation * _root["dir"+id]>=_root.max_rotation) {
  • _root["dir"+id] *= -1;
  • }
  • rideau._x -= _root.vitesse * direction;
  • if (rideau._x<-80 || rideau._x>570) {
  • clearInterval(_root["timer"+id]);
  • }
  • };
  • attendre = function () {
  • _root.timer += 1;
  • if (_root.timer>_root.decalage) {
  • _root.timer = 0;
  • _root.cID -= 1;
  • if (_root.cID<0) {
  • clearInterval(_root.debutID);
  • } else {
  • _root["timer"+_root.cID] = setInterval(tirer, _root.vitesse_mvt, _root.cID, 1);
  • var droite = _root.nbRideaux * 2 - _root.cID - 1;
  • _root["timer"+droite] = setInterval(tirer, _root.vitesse_mvt, droite, -1);
  • }
  • }
  • };
  • for(i=0; i<nbRideaux; i++) {
  • _root.attachMovie("rideaux", "r"+i, nbRideaux-i);
  • _root["r"+i]._y = top + random(rand_niveau);
  • _root["r"+i]._x = (i*espace) + (random(m_rand_esp) - (m_rand_esp/2));
  • }
  • for(i=nbRideaux; i<nbRideaux*2; i++) {
  • _root.attachMovie("rideaux_droite", "r"+i, i+1);
  • _root["r"+i]._y = top + random(rand_niveau);
  • _root["r"+i]._x = (i*espace) + (random(m_rand_esp) - (m_rand_esp/2));
  • }
  • var debutID = setInterval(attendre, 1);
  • stop();
  • // ------------------------- VERSION 1
  • // PARAMETRAGE DE L'ANIM
  • var nbRideaux = 9;
  • var decalage = 12;
  • var vitesse = 1;
  • var cID = _root.nbRideaux;
  • var vitesse_rotation = 1;
  • var vitesse_mvt = 1; // 1 = Maxi - 100 = Normal
  • var max_rotation = 20;
  • var timer = 0;
  • tirer = function (id, direction) {
  • var rideau = _root["r"+id];
  • if (rideau._rotation * direction<_root.max_rotation) {
  • rideau._rotation += _root.vitesse_rotation * direction;
  • } else {
  • rideau._x -= _root.vitesse * direction;
  • if (rideau._x<-40 || rideau._x>530) {
  • clearInterval(_root["timer"+id]);
  • }
  • }
  • };
  • attendre = function () {
  • _root.timer += 1;
  • if (_root.timer>_root.decalage) {
  • _root.timer = 0;
  • _root.cID -= 1;
  • if (_root.cID<0) {
  • clearInterval(_root.debutID);
  • } else {
  • _root["timer"+_root.cID] = setInterval(tirer, _root.vitesse_mvt, _root.cID, 1);
  • var droite = _root.nbRideaux * 2 - _root.cID - 1;
  • _root["timer"+droite] = setInterval(tirer, _root.vitesse_mvt, droite, -1);
  • }
  • }
  • };
  • for(i=0; i<nbRideaux; i++) {
  • _root.attachMovie("rideaux", "r"+i, nbRideaux-i);
  • _root["r"+i]._y = -20;
  • _root["r"+i]._x = i*30;
  • }
  • for(i=nbRideaux; i<nbRideaux*2; i++) {
  • _root.attachMovie("rideaux_droite", "r"+i, i+1);
  • _root["r"+i]._y = -20;
  • _root["r"+i]._x = i*30;
  • }
  • var debutID = setInterval(attendre, 1);
  • stop();
// LA BIBLIOTHEQUE CONTIENT EN REALITE DEUX MOVIECLIP :
// rideaux -> L'image d'un rideau gauche
// rideaux_droite -> L'image d'un rideau a droite

// ------------------------- VERSION 2
// PARAMETRAGE DE L'ANIM
var top = -10;
var espace = 30;
var m_rand_esp = 10;
var rand_niveau = 2;
var nbRideaux = 9;
var decalage = 12;
var vitesse = 1;
var cID = _root.nbRideaux;
var vitesse_rotation = 0.2;
var vitesse_mvt = 1; // 1 = Maxi - 100 = Normal
var max_rotation = 8;
var timer = 0;

tirer = function (id, direction) { 
	var rideau = _root["r"+id];
	if (!_root["dir"+id]) {
		_root["dir"+id] = direction;
	}
	rideau._rotation += _root.vitesse_rotation * _root["dir"+id];
	if (rideau._rotation * _root["dir"+id]>=_root.max_rotation) {
		_root["dir"+id] *= -1;
	}
	
	rideau._x -= _root.vitesse * direction;
	if (rideau._x<-80 || rideau._x>570) {
		clearInterval(_root["timer"+id]);
	}
};

attendre = function () { 
	_root.timer += 1;
	if (_root.timer>_root.decalage) {
		_root.timer = 0;
		_root.cID -= 1;
		if (_root.cID<0) {
			clearInterval(_root.debutID);
		} else {
			_root["timer"+_root.cID] = setInterval(tirer, _root.vitesse_mvt, _root.cID, 1);
			var droite = _root.nbRideaux * 2 - _root.cID - 1;
			_root["timer"+droite] = setInterval(tirer, _root.vitesse_mvt, droite, -1);
		}
	}
};

for(i=0; i<nbRideaux; i++) {
	_root.attachMovie("rideaux", "r"+i, nbRideaux-i);
	_root["r"+i]._y = top + random(rand_niveau);
	_root["r"+i]._x = (i*espace) + (random(m_rand_esp) - (m_rand_esp/2));	
}
for(i=nbRideaux; i<nbRideaux*2; i++) {
	_root.attachMovie("rideaux_droite", "r"+i, i+1);
	_root["r"+i]._y = top + random(rand_niveau);
	_root["r"+i]._x = (i*espace) + (random(m_rand_esp) - (m_rand_esp/2));	
}

var debutID = setInterval(attendre, 1);
stop();

// ------------------------- VERSION 1
// PARAMETRAGE DE L'ANIM
var nbRideaux = 9;
var decalage = 12;
var vitesse = 1;
var cID = _root.nbRideaux;
var vitesse_rotation = 1;
var vitesse_mvt = 1; // 1 = Maxi - 100 = Normal
var max_rotation = 20;
var timer = 0;

tirer = function (id, direction) { 
	var rideau = _root["r"+id];
	if (rideau._rotation * direction<_root.max_rotation) {
		rideau._rotation += _root.vitesse_rotation * direction;
	} else {
		rideau._x -= _root.vitesse * direction;
		if (rideau._x<-40 || rideau._x>530) {
			clearInterval(_root["timer"+id]);
		}
	}
};

attendre = function () { 
	_root.timer += 1;
	if (_root.timer>_root.decalage) {
		_root.timer = 0;
		_root.cID -= 1;
		if (_root.cID<0) {
			clearInterval(_root.debutID);
		} else {
			_root["timer"+_root.cID] = setInterval(tirer, _root.vitesse_mvt, _root.cID, 1);
			var droite = _root.nbRideaux * 2 - _root.cID - 1;
			_root["timer"+droite] = setInterval(tirer, _root.vitesse_mvt, droite, -1);
		}
	}
};

for(i=0; i<nbRideaux; i++) {
	_root.attachMovie("rideaux", "r"+i, nbRideaux-i);
	_root["r"+i]._y = -20;
	_root["r"+i]._x = i*30;	
}
for(i=nbRideaux; i<nbRideaux*2; i++) {
	_root.attachMovie("rideaux_droite", "r"+i, i+1);
	_root["r"+i]._y = -20;
	_root["r"+i]._x = i*30;	
}

var debutID = setInterval(attendre, 1);
stop();

 Conclusion

Cette source est la réponse au souhait de l'auteur ayant rédigé cette source :
http://www.flashkod.com/codes/EFFET-RIDEAU-DE-TH EATRE/30591.aspx

BurnSide avait dit : "Si quelqu'un sait comment créer l'effet via action script je suis preneur, c à dire via duplicate movie clip, et rajout de mouvement sur chaque movie clip dupliqués."

Bonne prog à tous, akh

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
  •   leveeRideauxAS v1
  •   leveeRideauxAS v2

Télécharger le zip


 Historique

07 juin 2005 12:39:13 :
Le premier jet étais un algo simple. Aprés avoir mieux regardé l'animation de mon ami je me suis rendu compte que ses rideaux se balancent. De plus ils sont élognés mais pas de la méme distance, bréf j'ai un peu complexifié la chose.

 Sources du même auteur

Source avec Zip Source avec une capture KILL THEM ALL - 3D MAZE / RAY CASTING GAME
Source avec Zip CLASSE DE LIAISON ET DE REQUETTAGE AVEC UN SERVEUR MYSQL DIS...
Source avec Zip Source avec une capture ANIMATION SUR DU TEXTE - THEME DE L'AMOUR
Source avec Zip Source avec une capture ANIMATION MOLÉCULES, AVEC : DUPLICATION SIMPLE -> DESTRUCTIO...

 Sources de la même categorie

Source avec Zip Source avec une capture CARROUSEL MENU FLASH AS3 2012 par captainpat
Source avec Zip Source avec une capture IMPERIUM - ANIMATIONS MONSTRE par narftech
Source avec Zip Source avec une capture IMPERIUM - ANIMATIONS SPACE OPÉRA - PACK 3 par narftech
Source avec Zip Source avec une capture IMPERIUM - ANIMATIONS SPACE OPÉRA - PACK 2 par narftech
Source avec Zip Source avec une capture IMPERIUM - ANIMATIONS SPACE OPÉRA par narftech

Commentaires et avis

Commentaire de pegase31 le 07/06/2005 14:24:01 administrateur CS

C'est bien (même si en plus de 12 img/sec ce serait mieux), mais :

Pourquoi ne pas l'avoir fait tout simplement en animation ? tu sais, les interpolations d'images sont trés légères à gérer, tu règles le temps que tu veux, tu les décalles en anim simple et au final, tu te prends pas la tête sur des algos, tu allèges ton swf (ton code prends au moins 3 Ko) et tu gagnes du temps ... Mais libre à toi de te claquer la tête contre les murs !

Le "tout en code" n'est pas une bonne solution sous flash, sauf pour des déplacements dynamique. C'est bien de vouloir faire "pro", mais là, tu as perdu du temps, des neurones et trés franchement, vu le résultat, je ne suis pas motivé pour regarder ton code.

Mais tu vas me dire que c'est paramétrable ? Ben en anim aussi elle l'est ! Juste que tu devras déplacer une frame au lieu de changer un chiffre ...

Peg'
Partisan du simple plutôt que tu prise-de-tête-inutile

Commentaire de goldenboy68 le 07/06/2005 15:28:06

Pour répondre à tes questions:
1. Je crois pas que ce soit possible
2. Tu peux utiliser _xscale et _yscale en négatif

//***********************************************************
Voilà...sinon pourquoi sur un site parlant de flash, on n'a pas d'aperçu des SWF directement avec la source????

Remarque perso désolé! lol

@+! Samy

Commentaire de aKheNathOn le 07/06/2005 17:21:11 administrateur CS

Lut peg, tu vas pas me croire mais je sais pas me servir de flash... alors quand tu me dit interpolation, déjà là je suis paumé ... je saurais pas le faire autrement qu'en AS. De plus vu que j'apprend pour moi c plus simple de le faire en AS et aussi plus utile dans le futur car je vais commencer à gérer petit à petit toutes les fonctionnalités de flash.

J'ai commencé à lire un boukin de flash, je me suis arrété dégouté quand j'ai vu les calques de mouvement... C'est trop tordu, rien que pour arriver à faire une anim en AS. Rien de ressemblant avec les autres framework de programmation.

Sinon pour ce qui est de ta remarque je pense que cette source doit utiliser ce que tu essayes de m'expliquer :
http://www.flashkod.com/codes/EFFET-RIDEAU-DE-THEATRE/30591.aspx

Allez, promis la prochaine sera plus optimisée, akh

Commentaire de on_drag_on le 07/06/2005 18:33:14

ben moi chu pas d'accord avec toi Akenathon, y'a pas plus simple que de faire une interpolation et tu gagnes à mon avis une ch... de temps. seulement les bourqins pour débutants te mettent 53 pages pour te l'expliquer et les autres ben pas de pages du tout. je t'ai fait un tutos pour la base (12i/s, interpol, etc...) ce qui serait cool vu que t'as l'air d'avoir du temps ;-) ce serait de faire un tutos du genre (SIMPLE et CLAIR) sur les variables, les composants, les boucles ... enfin l'AS quoi.
c'est tout ce que je voulais dire.
A+.

Commentaire de pastel13 le 14/06/2005 08:53:38

bonjour  on_drag_on,on le trouve ou ton tuto? merci

Commentaire de on_drag_on le 14/06/2005 15:22:34

Salut Pastel13,
Ben le tuto il se trouve sur Flashkod sous rubrique "tuto", mais bon, apparement il est pas aussi clair que ça... c'est un condensé et si tu piges pas ben ... "Flash pour les nuls" (livre) pas cher, pi autrement ben habitues toi à la rubrique "rechercher" pi y'a google pi n'hésites pas à poser des questions sur le forum, on est parfois ironique mais normalement t'auras une réponse. pi voilà un liens très untile:
http://www.actionscript.org/french/index.shtml
pi n'oublies pas L'aide de Flash!! (F1), il y'a aussi des didactiels et des tutos!
Courage et A+.

Commentaire de aannick le 12/11/2005 03:12:20

Désolé j'ai mis 3 par accident peux t'on rectifier la note j'aimerai mettre un 9 à la place, si un admin pourrais faire la rectif merci d'avance

Commentaire de titic79 le 06/11/2007 23:32:14

bjr

j'ai un probleme moi; j'aimerais pouvoir apres l'ouverture du rideaux pouvoir continuer mon anim avec des interpolations mais l'animation reste bloquée sur la 1ere image

que faire

Commentaire de Zeo34 le 04/03/2008 15:31:20

Bonjour,
Merci pour cette source !
Mais je souhaiterais savoir s'il est possible de rajouter d'autres photos après l'ouverture du rideau :
- le rideau s'ouvre
- un défilement de photos apparait à la suite
Merci par avance

Commentaire de Zeo34 le 04/03/2008 15:39:00

Je n'ai pas trouvé la fonction pour éditer un message ici ...

Alors pour faire un diaporama ou continuer l'animation Flash après l'ouverture des rideaux :
- effacer la photo "couché de soleil"
- créer un clip vide qu'on nommera "conteneur par exemple"
- créer une animation Flash aux dimensions du rideau (soit 529x190)
- dans le code AS de l'animation du rideau, taper : conteneur.loadMovie("monAnimation.swf","","POST");

L'animation Flash : monAnimation.swf sera joué derrière le rideau et continuera après l'ouverture

Commentaire de camaje le 31/03/2008 13:14:22 9/10

Bonjour,

Je fais suite au dernier commentaire.

C'est surement bête ce que je demande (je suis débutante).
J'ai téléchargé le zip. Ca fonctionne mais je voudrai enlever le couché de soleil afin de découvrir ma page de garde sous les rideaux.

Elle est où la photo "couché de soleil" ?

Autre question :
Je construis mon site dans Frontpage et le code qui s'est inscrit après l'insertion de l'ouverture des rideaux ne correspond en rien avec le code qui est affiché sur le site.
Est-ce que le système va chercher le code sur le site ou est-il sur mon pc ?

Merci pour ces infos, je suis bloquée....

a+

Commentaire de camaje le 01/04/2008 17:10:44

Bonjour,

Je reviens à la charge au sujet de la photo "couché de soleil".
Quel logiciel as-tu utilisé pour générer, à partir de ton source, l'animation flash ?

Merci.

Caroline

Commentaire de darkscythe le 10/03/2009 21:15:47

bonsoir,
pourriez vous m'expliquer comment créer la page HTML je n'y arrive pas
j'ai besoin de cet effet qui me semble prometteur
merci

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2013
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 6,396 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales