begin process at 2012 02 10 10:46:26
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Animations

 > LOGO QUI TOURNE AUTOUR DE LA TERRE FAÇON SATTELITE

LOGO QUI TOURNE AUTOUR DE LA TERRE FAÇON SATTELITE


 Information sur la source

Note :
8,8 / 10 - par 5 personnes
8,80 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Animations Classé sous :trainée, terre, sattelite, swapdepths, ellipse Niveau :Initié Date de création :08/12/2006 Date de mise à jour :08/12/2006 00:04:56 Vu / téléchargé :22 831 / 24 169

Auteur : RDave

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

 Description

Cliquez pour voir la capture en taille normale
Ca sert à rien.

C'est ma première source, en flash 8 que j'ai pu terminer graçe à un mec super sympa du forum d'entraide (Girou).

A la base c'était pour un client qui voulait faire une carte de voeux animée, avec le logo de sa boite. L'idée est que le logo tourne autour de la terre en laissant une trainée.

Notions importantes utilisées :

- createEmptyMovieClip
- attachMovie
- swapDepths

Ca fait chauffer un peu le CPU... alors si vous voyez comment améliorer, tell me =)

Source

  • //créer un clip conteneur
  • var mc:MovieClip = _root.createEmptyMovieClip("conteneur", 100);
  • mc._x = 250;
  • mc._y = 200;
  • // y attacher le logo, les ptites étincelles et la planete
  • mc.attachMovie("logo", "logo_inst", 5000);
  • mc.attachMovie("etincelle", "etincelle", 500,{_x:-500,_y:-500});
  • mc.attachMovie("planete","planete_inst",200,{_x:40});
  • i = 1;
  • mc.onEnterFrame = function() {
  • if (i == 50) {
  • i = 0;
  • }
  • //dupliquer les étincelles pour l'effet "trainée"
  • var star:MovieClip = _root.conteneur.attachMovie("etincelle", "etincelle"+i, _root.NSD+i);
  • //les faires suivre le logo
  • star._x = _root.conteneur.logo_inst._x;
  • star._y = _root.conteneur.logo_inst._y;
  • star._xvitesse = Math.random()*15;
  • star._yvitesse = Math.random()*4-3;
  • star._alpha = 100;
  • star.onEnterFrame = function() {
  • this._yvitesse += 0.05;
  • this._xvitesse = _xvitesse/1.5;
  • this._x +=this._xvitesse;
  • this._y += this._yvitesse;
  • this._alpha -= 1;
  • if (this._alpha<=50) {
  • removeMovieClip(this);
  • }
  • };
  • i++;
  • };
  • // fonction pour créer la trajectoire du logo
  • var coef = 0;
  • luneQuiTourne = function () {
  • coef += 0.05;
  • this._x = 40+Math.cos(coef)*230;
  • this._y = 0+Math.sin(coef)*80;
  • this._xscale =Math.sin(coef)*100;
  • this._yscale =Math.sin(coef)*25+75;
  • // là on change les profondeur du logo et des étincelles pour qu'ils aient
  • //l'air de passer derrière la planète
  • if (this._y<0) {
  • conteneur.planete_inst.swapDepths(6000);
  • conteneur.logo_inst.swapDepths(5000);
  • _root.NSD=1;
  • } else {
  • conteneur.planete_inst.swapDepths(400);
  • conteneur.logo_inst.swapDepths(5000);
  • _root.NSD=7000;
  • }
  • };
  • conteneur.logo_inst.onEnterFrame = luneQuiTourne;
//créer un clip conteneur
var mc:MovieClip = _root.createEmptyMovieClip("conteneur", 100);
mc._x = 250;
mc._y = 200;
// y attacher le logo, les ptites étincelles et la planete
mc.attachMovie("logo", "logo_inst", 5000);
mc.attachMovie("etincelle", "etincelle", 500,{_x:-500,_y:-500});
mc.attachMovie("planete","planete_inst",200,{_x:40});

i = 1;
mc.onEnterFrame = function() {
 if (i == 50) {
  i = 0;
 }
 //dupliquer les étincelles pour l'effet "trainée"
 var star:MovieClip = _root.conteneur.attachMovie("etincelle", "etincelle"+i, _root.NSD+i);
 //les faires suivre le logo
 star._x = _root.conteneur.logo_inst._x;
 star._y = _root.conteneur.logo_inst._y;
 
 star._xvitesse = Math.random()*15;
 star._yvitesse = Math.random()*4-3;
 star._alpha = 100;
 star.onEnterFrame = function() {
  this._yvitesse += 0.05;
  this._xvitesse = _xvitesse/1.5;
  this._x +=this._xvitesse;
  this._y += this._yvitesse;
  this._alpha -= 1;
  if (this._alpha<=50) {
   removeMovieClip(this);
  }
 };
 i++;
};
// fonction pour créer la trajectoire du logo
var coef = 0;
luneQuiTourne = function () {
 coef += 0.05;
 this._x = 40+Math.cos(coef)*230;
 this._y = 0+Math.sin(coef)*80;
 this._xscale =Math.sin(coef)*100;
 this._yscale =Math.sin(coef)*25+75;
 // là on change les profondeur du logo et des étincelles pour qu'ils aient 
 //l'air de passer derrière la planète
 if (this._y<0) {
 conteneur.planete_inst.swapDepths(6000);
  conteneur.logo_inst.swapDepths(5000);
  _root.NSD=1;
 } else {
  conteneur.planete_inst.swapDepths(400);
  conteneur.logo_inst.swapDepths(5000);
  _root.NSD=7000;
  

 }
};
conteneur.logo_inst.onEnterFrame = luneQuiTourne;


 Fichier Zip

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

Télécharger le zip


 Historique

08 décembre 2006 00:04:56 :
rien

 Sources de la même categorie

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
Source avec Zip OBJETFLASH! par LeFlashiste

 Sources en rapport avec celle ci

Source avec Zip TERRE QUI TOURNE - MA PARTICIPATION AU CONCOURS par wolfood

Commentaires et avis

Commentaire de bali_balo le 10/12/2006 18:45:11

Sympa...Mais le code n'est pas optimisé...
Un onEnterFrame pour chaque objet présent sur la scène.


bali_balo....=]

Commentaire de RDave le 11/12/2006 17:11:20

Salut, non c'est surement pas optimisé, donc tes conseils sont les bienvenus. Sauf que là, je comprends pas =/

@@
dave

Commentaire de scara 51 le 11/12/2006 18:59:02

pk ne pas utiliser des interval au lieu de mc.onEnterFrame et logo_inst.onEnterFrame ?

D'accord ce serait légèrement moins fluide mais ca consommerait bcp moins de CPU.

Commentaire de Girou le 15/12/2006 18:31:15

Ben... merci pour le mec super sympa !

Je suis pas persuadé de l'utilité des interval dans ce cas. Soit on met un interval plus long que la vitesse de l'animation et du coup on va ralentir et saccader l'animation. Soit on met la même chose que la vitesse de lecture et ca revient au même (aller plus vite ne sert non plus a rien, l'animation tourne bien).

L'optmisation des ressources du CPU doit se faire en adaptant ou en supprimant les _alpha et les recolorisation de clip -> c'est ca qui fait monter le CPU en fleche.

Et, comme je te l'avais déjà signalé, le code est pas super clean... effectivement on pourrais le rendre plus 'joli'

Ceci dit, ca reste une belle réalisation de ta part.

Girou

Commentaire de ehscal le 29/01/2007 18:06:46

_root.NSD+i ????? ça sert a quoi?

Commentaire de RDave le 11/02/2007 19:54:33

A préciser la pronfondeur à laquelle les clips qui forment la trainée d'étoile doivent être attachés

Commentaire de naibaf71 le 15/02/2007 10:04:55

Ce code est super sympas pour moi qui suis débutant!
j'essaye d'utiliser une partie de se code pour me faire les dents en action script mais celà ne marche pas !
j'ai créée un clip mc dans lequel j'ai placé un clip nommé "logo" !
avec la partie de code de ton animation j'ai juste voulu déplacé le clip "mc" en fonction du dépalcement des coordonnées du clip "logo"!
quelqu'un peut me dire ce qui ne marche pas?

//créer un clip conteneur
var mc:MovieClip = _root.createEmptyMovieClip("conteneur", 100);
mc._x = 400;
mc._y = 400;
// y attacher le logo
mc.attachMovie("logo",500);
// créer un bouton qui déplace le logo.
mc.bouton.onPress = function () {logo._x=400 ; logo._y=400};
je place mon problème "attachmovieclip" avec le fla et swf dans le forum !

Commentaire de jbmarcus21 le 09/01/2008 12:48:21

Bonjour,

je suis webmaster d'un site et je débute très doucement sur le système flash. Je fais souvent des vidéos de rallye, et l'animation que tu as créé ici m'intéresse bcp .. je voudrai faire le même genre d'animation avec une terre différente et à la place du logo une autre image...
Par contre je ne connais rien à Flash, 'ai tenté un peu sur les tutos mais je ne sais pas où commencer ..
Si tu peux m'aider ?? ca serait top ...

Merci d'avance

Commentaire de RDave le 09/01/2008 16:20:29

helloo,

dans la bibliothèque tu as les clips "logo" et "planete2". Si tu les ouvre il y a simplement les images du logo et de la terre, ya qu'à remplacer par tes images !

Commentaire de jbmarcus21 le 09/01/2008 18:25:40

ok mais je m'y prend comment pour intégrer tout ça à flash ?

Merci .. sinon si tu as msn ?

a+

Commentaire de jbmarcus21 le 09/01/2008 19:05:14

j'ai téléchargé le zip ... et là je tente d'ouvrir les fichiers sous flash ... ?

Commentaire de doume1976 le 23/03/2008 09:50:12

salut j aimerais bien integer ton effet etincelle dans une de mes anim.je voudrais juste enlever l effet de revolution et simplement l attache a un guide de mouvement.
quand j essaye ca me donne juste un rond fixe et un autre qui se dettache pour suivre le guide.j arrive pas a reperer la portion de code qui le duplique en plein de petite etincelles.
merci

Commentaire de RDave le 23/03/2008 17:50:55

slt, ben c'est commenté !

#  //dupliquer les étincelles pour l'effet "trainée"
# var star:MovieClip = _root.conteneur.attachMovie("etincelle", "etincelle"+i, _root.NSD+i);
# //les faires suivre le logo
# star._x = _root.conteneur.logo_inst._x; <-- là tu "colles" les étincelles à ton clip
# star._y = _root.conteneur.logo_inst._y; <-- là tu "colles" les étincelles à ton clip

tu supprimes tout ce qui suit

"// fonction pour créer la trajectoire du logo"

@


Commentaire de toubi2012 le 16/03/2010 22:31:37

Hello =D je voudrait savoir comment je peux changer le nom du "logo" en "fmws" comment je fait svp ?

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

effet de trainée [ par Evilconcept ] Voila un moment que je m'arrache les cheveux devant quelques lignes d'actionscript. Le prbleme est simple visiblement, mais je suis incapable de le ré stopper un clip [ par raphe ] Hello tout le monde, voila mon problème.J?ai une anim qui contient un clip (rotation de la terre en fausse 3d)Je voudrais depuis la scène principale s Comment faire déplacer une ligne (comme une horloge) avec une trainée [ par thefake69 ] Bonjour &#224; tous,Je souhaite r&#233;aliser un radar style controleur a&#233;rien. Pour ce faire, j'aimerais donc avoir un cadrant rond avec une lig swapDepths et interpolation [ par mailys6 ] J'ai des clips que je cr&#233;e dynamiquement. Quand l'utilisateur clique sur un bouton, je veux faire appara&#238;tre un clip au milieu qui s'agrandi Création ellipse [ par Darhyl ] Bonjour a tous ! Voila j'aimerai créer un menu avec des boules tournants autour d'une ellipse. Pour le moment je n'arrive qu'a créer un cercle. Qqun Tracer une ellipse en pointillés ... [ par baronz ] Bonjour &#224; tous.J'aimerais savoir si quelqu'un a d&#233;ja rencontr&#233; ou d&#233;velopp&#233; une fonction permettant de tracer dynamiquement u Effet du scénario / Transformation mais... je le veux inversé ! [ par Super Guigui ] Tout d'abord bonjour &#224; tous, Cela fait de nombreuses heures que je m'inspire de vos explications, tutoriaux et astuces. Un grand merci &#224; vo ellipse [ par manu5980 ] bonjour, je voudrais savoir sur quel evenement peut t'on tracer plusieurs elipse sur une image en flash.De plus connaissez vous un moyen de faire une Variable.swapDepths(profondeur); [ par joachimdjibril ] Bonjour j'ai une petite question bête, j' ai une variable perso qui est egale a "jo"(verifier avec trace) et lorsque je fait un pseudo.swapDepths(10);


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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 : 1,201 sec (3)

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