Accueil > Forum > > > > flash carrousel autour d'une image centrale
flash carrousel autour d'une image centrale
mercredi 18 novembre 2009 à 15:32:06 |
flash carrousel autour d'une image centrale

seb2905
|
Bonjour,
Comme le titre l'indique, je voudrais faire un carrousel flash qui tourne autour d'une image positionné au centre.
J'ai trouvé des sources pour le carrousel qui fait exactement ce que je veux (ou presque), en effet le carrousel en lui même c'est bon, le problème c'est plutôt mon image centrale qui est toujours en fond, je n'arrive pas à "l'incorporer" à l'intérieur du cercle : il faudrait que les images qui tournent passent derrière l'image centrale comme si elles tournaient autour d'un objet.
J'ai trouvé 2 codes que j'essaye de fusionner... sans résultat.
Quelqu'un aurait déjà rencontré ce genre de situation?
Merci de votre aide
code du carrousel (source : http://www.gotoandlearn.com/play?id=33) :
Code :
Code ActionScript : import mx.utils.Delegate;
var numOfItems:Number;
var radiusX:Number = 300;
var radiusY:Number = 60;
var centerX:Number = Stage.width / 2.2;
var centerY:Number = Stage.height / 2;
var speed:Number = 0.1;
var perspective:Number = 100;
var home:MovieClip = this;
var tooltip:MovieClip = this.attachMovie("tooltip","tooltip",10000);
tooltip._alpha = 0;
var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = function()
{
var nodes = this.firstChild.childNodes;
numOfItems = nodes.length;
for(var i=0;i<numOfItems;i++)
{
var t = home.attachMovie("item","item"+i,i+1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
t.toolText = nodes[i].attributes.tooltip;
t.icon.inner.loadMovie(nodes[i].attributes.image);
t.r.inner.loadMovie(nodes[i].attributes.image);
t.icon.onRollOver = over;
t.icon.onRollOut = out;
t.icon.onRelease = released;
}
}
xml.load("icons.xml");
function mover()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s = (this._y - perspective) /(centerY+radiusY-perspective);
this._xscale = this._yscale = s*100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 100);
}
this.onMouseMove = function()
{
speed = (this._xmouse-centerX)/2500;
}
code de l'image qui tourne autour de l'autre (source : http://www.flashkod.com/codes/LOGO-T...ITE_40628.aspx) :
Code :
Code ActionScript : //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;
|
|
mercredi 18 novembre 2009 à 16:52:00 |
Re : flash carrousel autour d'une image centrale

gremlins7
|
Réponse acceptée !
Salut,
tiens c'est curieux le premier code que tu poste ressemble étrangement au miens (que tu peux trouver sur ce site)...Ca y ressemble tellement qu'il y a anguille sous roche comme on dit...
Pour ton pb la solution est simple si tu utilise le premier code : tu place ton image au milieu avec un swapdeth de zero et le tour est joué. D'ailleurs si tu regarde ma source et les posts associés tu y trouvera la même réponse en plus detaillé.
A+
|
|
jeudi 19 novembre 2009 à 09:52:38 |
Re : flash carrousel autour d'une image centrale

seb2905
|
Réponse acceptée !
Merci pour ta réponse Gremlins,
Par contre je n'y suis pas arrivé
Voici ce que j'ai fais :
- j'ai créé un nouveau layer nommé "image" ou j'ai mis mon image au centre
- clic droit : convertir en symbole, en MovieClip nommé "tete"
-j'ai mis en <instant name> : "tete"
- F9 puis j'ai rentrer le code suivant : tete.swapDepths(0);
Quand je teste, ça ne marche pas.
J'ai regardé tes posts mais je n'ai pas trouvé ta réponse plus détaillée (http://www.flashkod.com/codes/MENU-CARROUSSEL-3D_46489.aspx)
Pour ce qui est du code, je sais pas, je l'ai trouvé sur le site gotoandlearn car il y a un tuto vidéo (en anglais)
Pour ce qui est du flash je suis plus que novice, je n'ai jamais pris de cours et j'essaye d'apprendre par moi même.
En tout cas merci pour ton aide!
|
|
jeudi 19 novembre 2009 à 09:59:07 |
Re : flash carrousel autour d'une image centrale

gremlins7
|
Réponse acceptée !
Re,
bien non, il faut le mettre dans le même layer il faut le placer dans la biliotheque de clip puis le rajouter par code rajouter en utilisant attachMovie sur la variable t.
Et le code swapDepths(0); est à integrer au code que tu as déjà mis en place.
A+
|
|
jeudi 19 novembre 2009 à 11:02:35 |
Re : flash carrousel autour d'une image centralehttp://www.flashkod.com/forum/sujet-FLASH-CARROUSEL-AUTOUR-IMAGE-CENTRALE_1377706.aspx

seb2905
|
... ok...
Et en code ça donne quoi?
(va falloir que je prenne des cours sur les bases je crois...^^')
Si je récapitule... la fonction attachMovie je le met dans le code de l'image et le swapDepths dans le code principal..?! 
|
|
jeudi 19 novembre 2009 à 11:16:47 |
Re : flash carrousel autour d'une image centrale

gremlins7
|
rrr non !!!!
bien, le conseil que je te donne c'est d'essayer de bien comprendre comment fonctionne le code que tu utilise. Il est manifeste que tu ne maîtrise pas les bases. Au regard de ça, je ne peut pas t'aider car quelque soit ce que je peux t'expliquer tu ne comprendrai pas ! (c'est pas péjoratif). Donc essaye de te renseigner sur attachMovie avec google.
Je t'ai donné la solution, mais tu n'as pas encore assez de recul pour la comprendre, donc je ne peux te souhaiter que bon courage.
A+
|
|
jeudi 19 novembre 2009 à 11:41:06 |
Re : flash carrousel autour d'une image centrale

seb2905
|
T'es dur prof!
Bon reste plus qu'a me casser les dents dessus et trouver...
C'est assez frustrant d'être près du but et de rien pouvoir faire!!!
J'te tiendrais au courant!
Merci
|
|
jeudi 19 novembre 2009 à 15:10:04 |
Re : flash carrousel autour d'une image centrale

seb2905
|
Après un bon repas ça va mieux!
Bon, je n'ai pas mis l'image sur la scène comme précédemment. J'ai fais clic droit sur le MovieClip nommé "tete" dans la bibliothèque : et j'ai mis "tete" en identifiant dans les propriétés de liaison.
Ceci fait, j'ai rentré le code suivant dans ma page de code principale :
Code ActionScript : var t = attachMovie("tete", "tete" + depth, 199);
tete.swapDepths(0);
Le test est comment dire... mitigé! Oui les objets qui tournent passent devant l'image centrale, mais pas assez tôt... Je suppose que c'est mon "199" sorti de nul part qui en ai la cause. J'ai mis 199 par tâtonnement, j'ai vu que quand je mettais "0" rien ne se passait, quand je mettais 3000, les images tournaient derrière l'image centrale, et de fil en aiguille je suis arrivé au seuil critique qu'est "199", le problème c'est qu'avec des chiffres après la virgule on arrive à rien... Faut trouver la bonne formule je pense...
J'ai l'impression que je suis sur la bonne voie puisque l'image arrive à être tantôt au dessus tantôt au dessous... C'est juste une question de "timing"...
grrrrr...
|
|
jeudi 19 novembre 2009 à 15:17:54 |
Re : flash carrousel autour d'une image centrale
|
jeudi 19 novembre 2009 à 16:19:40 |
Re : flash carrousel autour d'une image centrale

gremlins7
|
Re,
c'est probablement à cause de la ligne :
var perspective:Number = 100;
je sais pas trop comme ça mais à mon avis le "zero réel" de l'anim n'est pas à zero, c'est à dire que l'anim n'est pas centré en profondeur (axe de profondeur z) mais il serait a priori autour de 100; essaye de regler le swapDEATH à autre chose que zero.
A+
PS1: ca n'a rien à voir avec le 199
PS2: ben oui on est la pour amener les gens a trouver tout seul, pas a leur fournir le truc tout cuit. Tu est un des rares qui a réussi car tu na pas lacher le morceau, félicitations.
|
|
Cette discussion est classée dans : var, math, logo, conteneur, inst
Répondre à ce message
Sujets en rapport avec ce message
Scrollpane et chargement d'images dynamique [ par SoyYo ]
Bonjour J'ai un probleme avec une galerie photo dynamique. Je voudrais charger des photos a partir d'un XML dans un scrollpane. En fait ce que je fa
rien ne s'affiche [ par aze555666 ]
voila mon pb: je cherche à faire une simulation, avec 400 points, dont je change tout le temps les coordonnées. mais quand je fais tester l'animation,
Image enligne, hord ligne [ par noarno ]
Salut voila je ne comprends pas mes images se chargenet bien en local mais plus en ligne voila le code que j'utilise... MovieClip.prototype.charge_im
API Cercle [ par on_drag_on ]
voilà je veux dessiner un cercle: MovieClip.prototype.drawCirle=function(rayon,x,y) { //Je crée la méthode var monangle=Math.PI/4; //il s'agit d
Faire apparaitre des texte aléatoirement [ par VooDooS ]
Il s'agit vraiment d'un truc basique, mais que je ne parvient pas à réaliser, et ce même avec maintes recherches googliennes... Je veux faire apparai
amelioration d'un super composant [ par zayn ]
Bonjour, je cherche a ameliorer le composant suivant: menu qui reprend l'effet du dock de mac os x (zoom sur une icone quand la souris s'approche). Da
swf externe omniprésent.... [ par nicodogs ]
bonjour à tous,J'ai un soucis avec un swf externe... dans mon anim principale, je charge un swf externe. tout se passe bien (préload % + anim) mais le
problème LoadMovie / MovieClipLoader [ par zecaraz ]
Bonjour à tous!Je vais essayer de vous exposer mon problème le plus clairement possible.J'ai fait une animation avec un fond comportant plusieurs imag
removeChild dans une boucle... [ par nuclearprout ]
Bonsoir. J'ai le code suivant : package { import flash.display.*; import flash.events.Event; public class atomic extends MovieClip {
Plusieurs boutons pour charger plusieurs images [ par Robby666 ]
Bonsoir à tous,voilà mon problème, je suis en train de m'apprendre flash en construisant un petit jeu de plateau façon jeu de l'oie (sous forme de qui
Livres en rapport
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|