CARROUSEL EN VRAI 3D SOUS CS4

Commentaire de tom le 28/11/2008 14:39:17 administrateur CS

Ca tombe bien, j'ai cs4 la semaine prochaine...
Bon petit exemple pour commencer l'as3 ^^

Commentaire de vallees4 le 29/11/2008 12:58:53

ok mais je ne peux meme pas la lire dans mon navigateur?

Commentaire de vallees4 le 29/11/2008 20:46:32

Merci Pegase31, et le resurltat est vraiement reussi. Bravo.

Commentaire de gremlins7 le 01/12/2008 09:49:21

J'ai bientôt CS4 aussi, j'ai hate d'essayer ce code...
par contre moi non plus j'arrive pas à le visualiser sous firefox ?

Commentaire de gremlins7 le 01/12/2008 10:00:36

Re,
en fait ça passe très bien lorsqu'on visualise le swf ailleurs que sur flashkod. C'est pas la première fois que je constate que la page de visu de flashkod deconne, je trouve que cela discredite une source...

Commentaire de jtoto le 01/12/2008 10:41:11

toujours moi!!! il n'y a pas de problème avec le nombre de photo en fait ma dizième image n'existait pas c'est pour cette raison que qu'à partir de cellec-ci je n'avait plus la possibilité d'afficher les autres. Donc tout marche c'est une magifique source. Ma seule question reste la possibilité ou non de mettre le carrousel au milieu de la ligne d'horizon!!!

Commentaire de kirin29 le 01/12/2008 19:42:04

waouw bien joué magnifique source

très très bien fait bravo ^^

Commentaire de stefbuet le 02/12/2008 23:26:47

Salut,

Source bien organisée et propre!
Si tu rajoutais un Blur en X en fonction de la vitesse de défilement des photos, cela serait encore mieu.
Sinon pourquoi ne pas utiliser getTimer pour avoir une vitesse de déplacement homogene sur tous les PC ? Sur les PCs lents, sa va tout doucementtt...

@++

Stef.

Commentaire de assassin333 le 04/12/2008 12:28:11

pegase31 est dieu :D

Commentaire de pegase31 le 04/12/2008 23:04:08 administrateur CS

salutations à tous et désolé de ne pas avoir pu répondre avant car on était en Italie à l'Adobe Max avec Nix et Ebarsoft (le pied)

alors; pour répondre aux questions :

1° Pour visualiser la source sur Firefox, il faut le plug-in Flash 10, puis décompresser le zip à un endroit car sans le XML ni les images le swf ne sert à rien.

2° Pour mettre le swf au centre de l'image il va falloir arranger plusieurs choses car l'angle auquel est penché le carrousel (pour voir les images du fond) dépend directement de son axe en Y (à cause de la caméra fait pas l'écran) :
- dans carrousel.as, changer à la ligne 33 : mtx.appendTranslation(Math.cos(i*angBase)*radius, [distance voulue à partir du centre du cercle], Math.sin(i*angBase)*radius); ... évidemment, changer ce qui est entre [] et ne le copiez pas comme ça bêtement.
- il faut ajouter un Matrix3D pour garder l'angle de d'inclinaison et permettre aux objets de tourner comme il faut ... mais je n'ai pas le temps pour le moment de modifier le code (il faut que je dorme). Je verrais ça dans un prochain post.

3° Pour le timer, j'ai préféré la solution "simple", sachant que ce n'est pas le but premier de la source et que je l'ai faite "rapidement" avant de partir à Milan. Mais c'est très facilement ajoutable pour qui voudrait le faire.

3° je ne suis pas dieu, mais il est en haut de ma liste des célébrités à supplanter ;)

ps: avec ce que j'ai appris à l'adobe Max, je risque de faire passer cette source pour un moment de "mumuse" personnel ;)

Peg'

Commentaire de gremlins7 le 05/12/2008 10:43:22

Je savais pas que vous organisez des sorties avec les fanatique de ce forum...
Ya moyen d'être de la partie pour la prochaine ?

Commentaire de pegase31 le 10/12/2008 18:24:17 administrateur CS

Malheureusement pas dans la configuration actuelle, car je me sers de la propriété Bitmap.bitmapData pour dupliquer l'image chargée et créer le reflet sur le sol.
Cependant, avec quelques modifications dans la class PhotoDisp, celà devrait (j'ai bien dit "devrait") être faisable.
Le plus difficile sera de na pas changer la structure de l'objet et de pouvoir créer le reflet dynamiquement.

L'autre soucis qui risque de se produire est le principe de contrôle des swf et de poids en mémoire des animations chargées ainsi que les ressources nécessaires pour faire tourner le tout en temps réel.

Peg'

Commentaire de pegase31 le 10/12/2008 18:50:16 administrateur CS

C'est effectivement la solution à laquelle j'ai pensé au début, mais je pense que Bricius aimerait aussi permettre l'interaction lorsque les animations se trouvent en plein écran.

Peg'

Commentaire de bricius le 11/12/2008 09:04:30

Bonjour,

La solution du SWF normal et d'un bitmap en reflet me parait bien.
Je voudrais présenter des voyages et lors du clique le voyage s'agrandit et l'internaute peux agir sur le swf. (Ce serait énorme vu la qualité du carrousel)


Je vais essayer aujourd hui de faire des modifs sur la  class PhotoDisp. (je me fais pas trop d'illusion le niveau du code est bien plus haut que le mien ).

Bonne journée

Commentaire de pegase31 le 16/12/2008 00:01:51 administrateur CS

qu'entends-tu par "donner un peu de perspective à la rotation" ?

Peg'

Commentaire de ericphilbert le 29/12/2008 13:01:41

Bonjour,

super carrousel !!!
Je débute en programmation,et je voudrais savoir s'il est possible de supprimer l'image du fond pour la remplacer par des tableaux sous html,pour intégrer le carrousel dans mon site.

Mille mercis d'avance!!

Commentaire de ericphilbert le 30/12/2008 14:55:18

je suis vraiment débutant !! il est ou ce bout de code ? j'ai beau enlever des bouts par ci par la il ne se passe rien !!!

merci pégase31

Commentaire de ericphilbert le 31/12/2008 08:26:05

Je l'avais déjà fait,malheureusement ca ne donne aucun résultat !!

Commentaire de ericphilbert le 04/01/2009 17:34:48

Sous dreamweaver je crée un fichier html,j'insere le fichier swf,je remplace opaque par transparent dans wmode,je mets dans main le drawgradient derriere // .... Je lance mon fichier html,et rien ne se modifie .... Snif désespoir

Commentaire de ericphilbert le 04/01/2009 20:01:12

effectivement ... quand on débute,ya du boulot.... y aurait il un logiciel gratuit pour reassembler du swf? ???

Commentaire de Salinsplage le 12/01/2009 19:41:17

Excellente année, et bravo pour cette source.
Question: quand je mets l'ensemble des fichiers sur le serveur, lorsque je vais sur le site pour voir le carrousel, ce dernier s'ouvre mais ce sont des pages blanches qui tournent. Y a t-il une solution ? Merci.

Commentaire de Salinsplage le 12/01/2009 22:00:25

Merci pour votre réponse:
J'ai copié le dossier images, data.xml et topvente.swf dans le dossier "cmv", ainsi voilà ce que ça donne:

http://www.aloe-bien-etre.com/video/cmv/topvente.swf

Fichier data.xml pour me dire ce qu'il faudrait faire, et un grand merci d'avance:

<main>
<config>
<rotate rad="450" dark="35" />       <!-- rad:rayon du cercle(en pixel), dark:coeff de luminosité vers le fond(0 à 255) -->
<thumb wMax="140" hMax="240" />      <!-- wMax:largeur de la miniature, hMax:hauteur de la miniature -->
<view type="reduce" thumb="reScale"/> <!-- type: "noResize","reduce","fullView" - thumb: "noScale","reScale"","fullScale"-->
</config>
<images path="images/">
<img id="0" url="images/10.JPG" />
<img id="1" url="images/11.jpg" />
<img id="3" url="images/13.jpg" />
<img id="4" url="images/14.jpg" />
<img id="6" url="images/16.jpg" />
<img id="8" url="images/18.JPG" />
<img id="9" url="images/19.JPG" />
<img id="11" url="images/21.jpg" />
<img id="12" url="images/22.jpg" />
<img id="13" url="images/23.jpg" />
<img id="15" url="images/25.jpg" />
<img id="16" url="images/26.jpg" />
<img id="17" url="images/27.JPG" />
<img id="19" url="images/29.jpg" />
</images>
</main>

Commentaire de Salinsplage le 12/01/2009 22:48:16

J'ai fait plusieurs essais, même avec le .xml ci-dessous le résultat est le même, alors quue sur le pc ça marche très bien...que dois-je faire ? Merci.


<main>
<config>
<rotate rad="450" dark="35" />       <!-- rad:rayon du cercle(en pixel), dark:coeff de luminosité vers le fond(0 à 255) -->
<thumb wMax="140" hMax="240" />      <!-- wMax:largeur de la miniature, hMax:hauteur de la miniature -->
<view type="reduce" thumb="reScale"/> <!-- type: "noResize","reduce","fullView" - thumb: "noScale","reScale"","fullScale"-->
</config>
<images path="images/">
<img id="0" url="10.JPG" />
<img id="1" url="11.jpg" />
<img id="2" url="13.jpg" />
<img id="3" url="14.jpg" />
<img id="4" url="16.jpg" />
<img id="5" url="18.JPG" />
<img id="6" url="19.JPG" />
<img id="7" url="21.jpg" />
<img id="8" url="22.jpg" />
<img id="9" url="23.jpg" />
<img id="10" url="25.jpg" />
<img id="11" url="26.jpg" />
<img id="12" url="27.JPG" />
<img id="13" url="29.jpg" />
</images>
</main>

Commentaire de artkabis le 05/02/2009 13:42:16

Franchement c'est du très beau travail, les classes sont claires et il est facile de comprendre comment tu as oeuvré, bref c'est rare de voir des personnes qui partagent gratuitement d'aussi belles sources. Une chose est sûre, tu es sacrément doué. Bonne continuation à toi et vive le talent !!!

Commentaire de pegase31 le 13/02/2009 12:36:14 administrateur CS

Le problème des images c'est que si tu fais un "getURL", tu ne vas que l'afficher dans le navigateur.
Si c'est ce que tu cherches, alors le code que tu as mis est bon .. ajoute un "getURL avec un target à "_blank" et le tour est joué (enfin, en théorie)

Peg'

Commentaire de pegase31 le 13/02/2009 13:22:16 administrateur CS

oui, c'est "navigateToURL", je suis en mode "graphiste" cette semaine .. désolé ;)
Pour la fonction, peu importe, du moment où tu sais la retrouver et qu'elle se déclenche bien au clic de la souris ...

Peg'

Commentaire de Cypher38 le 17/02/2009 17:04:36

Bonjour, je suis nouveau dans le monde merveilleux du flash, et pour m'entrainer je suis entrain de créer un petit site internet en flash, et je me demandais si il était possible d'insérer ce carrousel dans mon fichier fla, autrement dit dans le site internet ?
Merci d'avance pour vos réponses.

Commentaire de ministeeve le 25/02/2009 15:13:45

Magnifique, vraiment splendide !

j'aurais juste une question, pour diminuer la vitesse de rotation ?
sans diminuer le nombre d'image seconde dans les propriétés du fla ?
car chez moi cela va tellement vite que je n'arrive pas a voire correctement les images quand la souris sort du swf et survole le reste de la page html...

merci d'avance

Commentaire de ministeeve le 25/02/2009 16:23:58

dans quelle fichier je colle ceci ?
main.as ?

je dois retrouver tous les paramètres séparément après et les retravailler ?

merci beaucoup en ts cas !

Commentaire de JohnnyWanker le 11/03/2009 10:06:48

Salut, je suis même pas encore débutant, et je cherche à intégrer cette animation flash dans mon code html. Qu'est-ce qu'il faut de je rentre?
j'avais rentré ça:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="600">
<param name="movie" value="Carrousel3D.swf">
<param name="quality" value="high">
<embed src="Carrousel3D.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="600"></embed></object>

mais ça ne fonctionne pas, je suppose que c'est à cause de la version de flash indiquée, et surement même autre chose...

merci de m'aider.

Commentaire de JohnnyWanker le 11/03/2009 10:36:13

oups pardon pour le repost du même com.

Merci pour ta réponse, j'ai lu le tuto mais je suis vraiment pas doué, je rentre le code :
<script type="text/javascript" src="swfobject.js"></script>

<div id="flashcontent">
carrousel3D.swf
</div>

<script type="text/javascript">

var so = new SWFObject("carrousel3D.swf", "carrousel3D", 200, 100, 7, "#336699");
so.write("flashcontent");

</script>

mais ça ne fonctionne pas...

Commentaire de JohnnyWanker le 11/03/2009 11:04:55

ok merci pour ton aide..

..en tout cas bravo pour ton boulot.

Commentaire de pegase31 le 24/03/2009 17:38:28 administrateur CS

oui : de mémoire, le chemin de l'url est en dur dans le code, il faut le modifier pour qu'il puisse récupérer celui du flashvar à la place.

Peg'

Commentaire de pegase31 le 24/03/2009 18:12:29 administrateur CS

seule la ligne : var recup:String=loaderInfo.parameters.url; est utile, le reste ne sert qu'à afficher le résultat.

il suffit de transformer la ligne :
private const url:String = "data.xml"
en
private var url:String;

et de mettre dans la première fonction:
url = loaderInfo.parameters.url;

Peg'

Commentaire de ministeeve le 25/03/2009 16:11:19

j'ai encore une petite question :

c'est possible de changer les jpg par des pages html ?
sans changer le fonctionnement, juste afficher la page html comme la jpg.
je n'ai pas besoin de liens sur la pages html chargée, mais si c'est possible tans mieux ;p

merci !!!

Commentaire de GMo888 le 25/03/2009 17:27:18

J'y ai passé deux Week End sans y être arrivé.  Mais bon, mes connaissances en Flash sont très très limitées ...
MAis si quelqu'un a une idée, je suis preneur aussi ...

Commentaire de GMo888 le 25/03/2009 23:52:55

Oh, un grand merci pour le big coup de pouce, je vais explorer cela ce WE et je vous tiens au courant :-)

Commentaire de pegase31 le 26/03/2009 10:03:38 administrateur CS

Tu as effectivement vu juste.
Il faudra aussi ajouter une donnée type "url" dans le xml et donc modifier le XMLManager.as

Ce n'est pas une modification anodine et elel demande beaucoup de changements.

Peg'

Commentaire de pegase31 le 26/03/2009 10:36:51 administrateur CS

le problème n'est pas d'ajouter du code ou pas, c'est de devoir refaire une partie des deux .as cités plus haut ...

Peg'

Commentaire de ministeeve le 26/03/2009 11:54:49

aie aie aie, dommage ;p

en tous cas un grand merci Peg pour tes réponses rapides

et un pdf a la place de l'image ça serai possible ?
en fait par quoi peut on remplacer le jpg sans trop devoir changer le code ?

Commentaire de ministeeve le 26/03/2009 13:44:48

c'est déjà génial ^^
oki merci

Commentaire de pegase31 le 07/04/2009 17:28:18 administrateur CS

as-tu fais en sorte que le chargement de ton XML soit en référence de l'endroit physique de ta page HTML et non de ton SWF ?

Peg'

Commentaire de ministeeve le 08/04/2009 10:41:04

il fonctionne sous firefox, je l'ai également testé sous IE ok et sous la bêta du nouveau safari, mais la il y a un souci avec la transparence du fond, mais c'est du au navigateur je pense

Commentaire de ministeeve le 08/04/2009 11:38:50

yes

Commentaire de stefbuet le 08/04/2009 12:05:30

Ca n'a aucun rapport avec la source alors merci de bien vouloir arrêter cette discution par commentaire et la continuer sur le forum ou par MP au besoin.                    



Stef

Commentaire de jeanMOULIN54 le 09/04/2009 12:00:08

Comment gérer et modifier la vitesse de défilement car dès que l'on met plus de 5 images, on attrape le tournis lol

Commentaire de divers436 le 10/04/2009 17:05:37

Superbe source, claire et très bien commentée. Merci à toi Peg.

Commentaire de atupac le 24/04/2009 19:23:04

Saluté tout le monde!  Bon, c'est mon premier post, et je voulais savoir si ce serait de transposer cet effet "CARROUSSEL" en langage C ou C++ ??

Je m'explique:

Ma 1ere idée serait en fait de récupérer le code du script (écrit en Javascript car ce dernier peut 'Embedder' du code Flash (swf) ) effectuant un caroussel d'images, et donc intégrer ce Javascript dans un projet simple C/C++

Ma 2eme idée: Trouver ou programmer ce caroussel d'images directement en C/C++.

Merci d'avance.

Commentaire de atupac le 24/04/2009 20:03:42

Marci Pegasus! C clair et net ;)

Commentaire de tatort le 29/04/2009 17:11:37

salut salut....
Bon je débute en prog et la je suis sur une colle suis en stage à l'heure actuelle
et on m'a demandé de faire un carrousel avec des fichiers externe et xml...
donc je me suis permis d'utiliser celui ci et j'ai réussi à faire tout ce que je voulais sauf une chose en fait je voudrai créer lors de la grande image la possibilité de cliquer pour ouvrir une nouvelle page et la je colle j'ai vu que dans les poste il y en avais d'autre qui se posait la même question et qu'il y avait meme des réponses j'ai tout essayé  mais rien ne marche...
si quelqu'un avais la patience de m'expliquer ou de me montrer...


Je montre ce que j'ai essayé :



Hello,

Pour moi qui me "forme" au flash, c'est très agréable de découvrir ce code très bien commenté :-)
Un tout grand merci à l'auteur.

J'aurai aimé mettre un lien pour télécharger un fichier lorsque l'on clique sur une "grande" image ...
je pense que c'est par ici :


PhotoDisp.as
//Fonction déclenchée lors du clic sur la photo pleine page
private function mouseView(evt:MouseEvent):void {
stage.removeEventListener(MouseEvent.CLICK, mouseView)
dispatchEvent(new Event("MouseView"));
tween = new Tween(prop, "tween", Regular.easeInOut, 1, 0, .5, true);
tween.addEventListener(TweenEvent.MOTION_CHANGE, viewImg);
tween.addEventListener(TweenEvent.MOTION_FINISH, thumbEnd);
}
Mais j'ai un peu de mal à savoir quelle serait la commande à ajouter ...
J'ai ajouter un link dans le XML que je récupère avec ceci :
//fonction renvoyant l'url pdf (path+url) de l'image
public static function getLINKGMO(nb:int):String {
return path + dataXML.images.img[nb].@linkgmo
}


Merci pour la réponse

Pour tout Vous dire, l'idée est d'ouvrir une page (_blank) avec un pdf ...
Mais le GetURL, il est pas trop d'accord pour fonctionner en AS3.0

Après quelques recherches, j'ai trouvé ceci :
myButton.addEventListener(MouseEvent.CLICK, onMouseClick);
   function onMouseClick(e:MouseEvent):void
   {
   var request:URLRequest=new URLRequest("http://www.in.gr");
   navigateToURL(request,"_blank");
   }

Par contre, j'hésite à le mettre soit ici :
PhotoDisp //Fonction déclenchée lors du clic sur la photo pleine page
private function mouseView(evt:MouseEvent):void {

Ou
Main private function hidePhoto(evt:Event):void {
carrousel.deselectPhoto(evt.currentTarget as PhotoDisp); //Lance la sélection de la photo dans le carrousel
}

Je vais procéder à qq tests ...




Pas de problème ;-)
Par contre, j'en reviens à une solution ou je voudrais ajouter une petite ligne au dessus de "la grande photo" qui en cliquant dessus ouvrirait par exemple un PDF.
Je suis dans PhotoDisp.AS , mais j'ai du mal à situer l'endroit ou ajouter cette ligne (je ne me suis pas encore penché sur l'ajout de cette ligne en AS3, cela me change du PHP ;-) ) malgré l'excellente documentation.

Pour la récupération de l'URL dans le fichier XML, j'ai opté pour :
1. private var linkGMoPDF:String; //URL du PDF

2. public function PhotoDisp(url:String):void {
urlImg = url; //stocke l'url de l'image

Commentaire de pegase31 le 29/04/2009 17:25:09 administrateur CS

tu es sur la bonne voie, il suffit bien d'ajouter le "navigateToURL" dans mouseView.
Mais attention à savoir ce que tu veux déclencher par la suite, car dans le cas présent, le clic sur l'image la renvoie à sa place dans le carrousel.

Pour ce qui est du texte, il faut prendre en compte le x/y de la photo actuel. C'est un peu plus compliqué car c'est un élément complet à ajouter au code ... et ce n'est pas prévu de base dans la structure.

Peg'

Commentaire de pegase31 le 29/04/2009 21:20:20 administrateur CS

heu, tu as déjà posé la question plus haut et je t'ai déjà conseillé d'aller voir du côté du forum C++ de Codes-Sources ...
Perso je n'y connais absolument rien en C ...

Peg'

Commentaire de tatort le 30/04/2009 10:54:31

Salut salut
merci à tous

Par contre comme je suis casse pied et nul en prog j'aurais encore besoin d'un coup de main :)

j'ai modifier le code ligne 115 116

//Fonction déclenchée lors du clic sur la photo pleine page
private function mouseView(evt:MouseEvent):void {
stage.removeEventListener(MouseEvent.CLICK, mouseView) //Enlève l'évènement de souris pour le retour au mode miniature
dispatchEvent(new Event("MouseView")); //Lance l'évènement déclenchant le défloutage des photos
tween = new Tween(prop, "tween", Regular.easeInOut, 1, 0, .5, true); //Tween d'animation pour le retour en miniature de la photo
tween.addEventListener(TweenEvent.MOTION_CHANGE, viewImg); //Evènement en cours d'animation
tween.addEventListener(TweenEvent.MOTION_FINISH, thumbEnd);

   var request:URLRequest=new URLRequest("http://google.fr");
   navigateToURL(request,"_blank");
}


j'ai rajouté le navigate to par contre ce que j'aimerai c'est que le lien soit aussi gérer du xml et corresponde a à chaque photo
et la comme d'hab je colle


j'ai fais plein d'essai ça fais 2jour et presque nuit que e suis dessu plz plz
aidez moi

Commentaire de tatort le 30/04/2009 19:03:10

Bonsoir

bon a priori on a supprimé certain de mes posts
j'ai du dire des bêtises

J'ai réussi à créer des liens sur chaque images

Par contre si quelqu'un avais une idée pour créer un bouton
pour relancer l'anim et éviter d'aller sur le lien direct, ce serai cool !!!!

Commentaire de tatort le 04/05/2009 09:31:04

Bonjour bonjour
Pas de souci Peg mais si à l'occase tu peux regarder ce serai cool...
Si quelqu'un d'autre a une idée pour relancer l'animation, pas nécessairement par un bouton....
Hésitez pas...
Merci pour tout en tous cas....

Commentaire de olouvignes le 05/05/2009 13:18:35

J'ai trouvé tout seul :)

Il faut ajouter : import flash.display.LoaderInfo !

Commentaire de tatort le 02/06/2009 13:58:06

Merci encore une fois pour cette source !!!!
Ai enfin réussi à faire toute mes modif
A savoir ajouter des liens dans le fichier xml plus un bouton quand l'image et agrandi !!!! pour pouvoir aller sur le lien ou pas !!!

Si vous voulez la source vais la mettre sur le ftp de free !!!!

Commentaire de jeanMOULIN54 le 02/06/2009 14:14:13

Merci c'est cool de ta part, ta source modifiée est pratique avec le bouton "GO"
Bon taff ;)

Commentaire de jeanMOULIN54 le 11/06/2009 09:36:50

le lien "GO" fonctionne bien lorsque je compile dans flash, mais lorsque je l'intègre en html, et que je clic sur le bouton "GO", rien ne se passe, je reviens sur le carrousel ..
une idée ?

Commentaire de jeanMOULIN54 le 11/06/2009 10:13:37

j'ai repris la modif de Tatort, et je n'ai rien modifié de plus ...
Fonctionne très bien dans le logiciel flash, mais pas dans du html ... Le lien quand je clic dessus ne me renvoi pas vers une page web, comme cela fait sous flash

Commentaire de jeanMOULIN54 le 11/06/2009 10:21:14

oui, je lui ai demandé mais pas de réponse de sa part. Je vais attendre encore un peu

Merci Peg ;)

Commentaire de pegase31 le 11/06/2009 18:05:47 administrateur CS

Flash ne peut pas ouvrir un document PowerPoint (lisez "poveurpoing") .. il peut juste lancer le Shell lié à l'extension de ce fichier. Donc si l'OS n'a rien de lié à ce type de fichier, rien ne se passera ...

Et puis vouloir passer de Flash à PowerPoint (lisez toujours pareil), c'est d'un intérêt discutable. L'un étant une application on-line et l'autre une animation off-line.

Peg'

Commentaire de jeanMOULIN54 le 15/06/2009 09:29:29

Pour le chargement du swf, utilise le code html généré par flash CS4 (publication html) ensuite copie/colle le code dans tes pages avec le script aussi ;)
Pour tes coordonnés je ne sais pas désolé ...

Commentaire de pegase31 le 15/06/2009 12:16:45 administrateur CS

ce truc n'a plus rien à voir avec le sujet actuel, il serait bon que vous continuiez en PM, histoire de ne pas encombrer inutilement la source. merci

Peg'

Commentaire de Stupid34 le 13/07/2009 13:17:19

Salut,

Superbe code source et grand merci pour ce partage, surtout pour un débutant comme moi,
Je voudrais savoir comment on peut ajouter un texte sur la partie haute du carroussel, là où il y a pas les images, merci d'avance...

Commentaire de Stupid34 le 14/07/2009 13:11:07

Salut PEGASE31,
Je suis vraiment débutant, et ne trouve pas la réponse.
Il est demandé et expliqué lors de l'agrandissement de l'image, mais moi c'est un titre au carroussel que je voudrais ajouter...
Dsl d'être si débutant et merci pour toute aide et compréhension

Commentaire de epi4 le 28/07/2009 17:23:02

Merci pour cette source superbe,
moi qui suis une bille et qui me lance c terrible.
cela dit G un ptit souci après avoir tout mis comme je veut photos, fond , taille du fond., et que je passe sur dreamweaver CS4, que j'ouvre une nouvelle page vierge et que j'insère avec la commande Medias swf je n'est que le fond qui apparaît sans aucune animation...
je sais je suis une bille mais je veut apprendre, et pour le coup impossible de trouver ma réponse dans le bouquins.
un ptit coup de main serait le bien venu

Commentaire de desastreux le 03/08/2009 15:18:17

Bonjour,
Merci infiniment, PEGASE31, pour avoir partagé ta source avec nous ! ;)
Non seulement le code constitue en effet une bonne base d'apprentissage à la 3D sous AS4, étant à la fois compact, ordonné, efficace et bien commenté, mais, en plus, il offre une base plutôt accessible pour obtenir assez rapidement de très jolis résultats d'un niveau professionnel !
J'envisage actuellement pour un projet personnel de "fusionner" une version modifiée de ton code avec un autre code "open source" que j'ai modifié également ( PageFlip ) afin d'avoir un "carrousel de magazines" en 3D, et c'est donc vraiment avec beaucoup de respect que je te demande d'accepter ma gratitude, parce que, grâce à toi, je vais probablement y passer 1 semaine au lieu de 2 mois ! :D ( Je n'oublierai pas de citer une Ref vers toi et l'autre auteur dont je me serais servi )

Je voulais juste signaler un petit "bug" dans cette source ; rien de bien méchant cela dit :
Il s'agit d'une toute petite correction/optimisation possible relative à un bug "officiel" depuis AS3 signalé sur le site d'Adobe :
http://bugs.adobe.com/jira/browse/FP-1569
Voir éventuellement aussi :
http://www.orlandmedia.com/blog/actionscript-3/added_to_stage-event-fires-twice/

En gros, chaque "PhotoDisp" est un child de "Carroussel" ; or, les deux ont un listener "ADDED_TO_STAGE" , ce qui fait qu'au final 2 instances de chaque "PhotoDisp" sont crées au lieu d'une... Bon, c'est vraiment négligeable, hein, à moins peut-être de faire un carrousel avec des centaines d'images, ou plusieurs carrousels concentriques, lol...
Mais bon, je voulais juste le signaler parce qu'à la base je suis développeur Java/Lingo et assez peu en FLASH, donc j'ai perdu une heure à essayer de piger dans ton code les "aller-retours" d'une classe à une autre qui expliquaient qu'il y aient 2 fois création des spirtes !!! :D

Voili voilou, encore merci beaucoup !

Commentaire de desastreux le 04/08/2009 10:30:34

Dans la fonction "addedToStage" de la class "PhotoDisp.as", juste avant : "if (name=="photo0") {" , je rajoute ceci :
trace ( "Photodisp ADDED_TO_STAGE :" , this.name );

Ensuite, dans la fonction "addedToStage" de la class "Carrousel.as", juste avant "addChild(targ);", je rajoute ceci :
trace ("Carrousel ADDED_TO_STAGE :" , targ.name );

En compilant, j'obtiens alors :

Carrousel ADDED_TO_STAGE : photo0
Photodisp ADDED_TO_STAGE : photo0
Carrousel ADDED_TO_STAGE : photo1
Photodisp ADDED_TO_STAGE : photo1
Carrousel ADDED_TO_STAGE : photo2
Photodisp ADDED_TO_STAGE : photo2
Carrousel ADDED_TO_STAGE : photo3
Photodisp ADDED_TO_STAGE : photo3
Carrousel ADDED_TO_STAGE : photo4
Photodisp ADDED_TO_STAGE : photo4
Carrousel ADDED_TO_STAGE : photo5
Photodisp ADDED_TO_STAGE : photo5
Carrousel ADDED_TO_STAGE : photo6
Photodisp ADDED_TO_STAGE : photo6
Carrousel ADDED_TO_STAGE : photo7
Photodisp ADDED_TO_STAGE : photo7
Photodisp ADDED_TO_STAGE : photo0
Photodisp ADDED_TO_STAGE : photo1
Photodisp ADDED_TO_STAGE : photo2
Photodisp ADDED_TO_STAGE : photo3
Photodisp ADDED_TO_STAGE : photo4
Photodisp ADDED_TO_STAGE : photo5
Photodisp ADDED_TO_STAGE : photo6
Photodisp ADDED_TO_STAGE : photo7

--> S'il ne s'agit pas, d'une façon ou d'une autre, d'un bug lié à celui sus-évoqué, je ne comprends franchement pas ce qui se passe (!?)

--> Dans la doc, je lis pour ma part que les conditions requises sont :
1. Create two sprites (parent and child)
2. Add an ADDED_TO_STAGE handler to child.
3. Add an ADDED_TO_STAGE listener to parent that adds child to parent
4. Add parent to stage.

--> Rien à propos de l'ordre d'apparition parent/enfant sur la scène ( Euh tu as lu ça où ? ).
Bon, il me semble bien que tout cela, tu le fais et donc je reste sur mon idée à défaut d'autre chose dans l'immédiat, pour expliquer tous ces photoDisp qui me font tourner la tête :D
...Cependant, je navigue à vue, en Flash, donc j'ai conscience que je peux aussi me tromper ; faudrait juste que je sois en mesure d'envisager une autre raison au résultat de mes "trace".
A défaut, je vais donc, de ce pas, essayer les work-around proposés pour vérifier ce que ça donne...

Commentaire de desastreux le 04/08/2009 11:16:38

...Désolé pour le double-post mais c'est pour la "bonne cause" :)
Donc, je confirme qu'en rajoutant à la fin de la fonction "addedToStage()" de la class "Photodisp.As" :
removeEventListener(Event.ADDED_TO_STAGE, addedToStage);
Le code semble fonctionner toujours aussi bien :) ...Mais cette fois-ci mon "trace" m'a l'air + correct...

Cela dit, comme expliqué sur le site d'Adobe, si on veut pouvoir à nouveau profiter de l'évènement ADD_TO_STAGE par la suite ( disparition / réapparition du Sprite sur la scène ? ) , il faudrait encore après cela :
2. Add a REMOVED_FROM_STAGE event listener on the object.
3. In the REMOVED_FROM_STAGE event handler, add the ADDED_TO_STAGE event again.

Ceci étant dit, encore merci pour cette source super chouette, Pégase ;)
Pour la mise en place de "mon tourniquet à magazines" j'hésite encore un peu sur la marche à suivre, justement pour essayer d'optimiser un peu le tout. Une chose est sûre, je n'essaye pas de se faire tourner les pages des magasines alors que ceux-ci sont encore sur le tourniquet :D
C'est sûr, ce serait classieux, mais comme tu le dis certains CPU tourneraient vite en bourriques ! :D
...En fait, je pensais essayer de trouver un moyen de faire de l'embedding de SWF de façon à passer de l'un à l'autre de façon optimisée : Un SWF de "background" qui chargerait/déchargerait tour à tour les versions modifiées de ton Carrousel-3D et du PageFilp, en conservant seulement les couvertures des magasines dans le tourniquet et en passant de ton "photoDisp" au "pageFlip" sans que ça ne se voit...
L'intérêt de faire ainsi serait multiple :
-> Moins de charge CPU, certes, mais aussi  moins de code (je suis une grosse feignasse qui bosse sur des milliers de trucs à la fois !)
-> Téléchargement du .SWF de pageFlip et des ressources (pages internes), ni vu ni connu, pendant l'exécution de ton superbe et distrayant Carroussel3D ;)

Commentaire de pegase31 le 04/08/2009 11:29:52 administrateur CS

non, rien de tout ça, tu cherches trop compliqué ...

Moi j'ajoute le "parent" sur le stage et après je lui ajoute des "child", donc chacun n'est déclenché qu'une fois au niveau de l'ajout. Ce qui n'est justement pas le cas de la marche à suivre dans le bug.
La fonction addedToStage() est déclenchée lorsque l'objet EST ajouté au stage et pas avant. Si c'est le nom de la fonction qui te dérange, change-le par "toto" ainsi que dans le listener lié et tu verras que ça marche pareil.

Si tu avais vraiment un double ajout des photos, tu aurais 2x "Photodisp ADDED_TO_STAGE : photoN" lors de tes traces, tu ne penses pas ?

Peg'

Commentaire de pegase31 le 05/08/2009 15:35:18 administrateur CS

Un truc à savoir : J'ai créé cette source quelques semaines après avoir reçu cs4 et donc je ne maîtrisais pas encore bien le sujet.

Pour les tweens, tu as raison, car en fait, il en faut un seul : sur le carrousel qui modifies sa rotationY, ce qui change les coordonnées de tout ses childs. Mais ça je l'ai découvert bien après, lors d'autres tests ...

Le manque de temps et de motivations pour reprendre cette source (je préfère bosser sur des trucs récents ;)) à fait le reste ...

Peg'

ps: j'aime bien le jambon, le fumé surtout, mais à moins d'être un gros cochon (celà ne nous regarde pas ... :D) tu n'as aucun risque à ce sujet ;)

Commentaire de pegase31 le 06/08/2009 14:17:30 administrateur CS

La discussion sur la 3D sous flash CS4 à déjà pas mal été abordé avec Gremlins7 et Top30 sur une autre source ... et la conclusion est que ce n'est pas folichon. Tout est encore géré en 2D au niveau du dessin et donc pas fonctionnel. Bref, rien d'extraordinaire, même si on commence à avoir un début de quelque chose d'intéressant.

Peg'

Commentaire de Saga90 le 15/09/2009 15:25:56

"Quelqu'un a-t-il réussit à charger le carrousel.swf dans un autre swf ?"

Salut, j'ai le meme problème que ONITRAM, voir commentaire du 15/06/2009.

Je met le Main dans un swf que je charge avec un Loader. Au premier appel pas de problème la galerie fonctionne mais par la suite... La fonction rotate()semble continuer d'agir alors que le Loader a bien subit un removeChildAt(chargeur, 1)... et que la galerie n'est plus là.

Merci Pegase.

Commentaire de micking le 17/09/2009 15:59:33

Bonjour

tout d'abbord un grand bravo c'est magnifique ce résultat mais mon souci c'est que je voudrai ajouté un geturl sur chaque image mais je n'arrive meme pas a isolé le code AS3 d'une image j'aimerai q'en double cliquant sur le plein ecran je soit redirigé vers une page de mon site sur chaque image ????

y a t'il une solution?

Commentaire de pegase31 le 17/09/2009 21:38:59 administrateur CS

Effectivement, la question à été expliquée plus haut, et la source est ultra commentée. Tu devrais pouvoir trouver sans évènements de clics sur les images facilement.

J'ai nettoyé les commentaires inutiles et sans rapports avec la source.

Peg'
Admin Codes-Sources

Commentaire de micking le 21/09/2009 15:04:26

BrAvO TaTord et encore MerCi Peg'

Commentaire de molokoloco le 09/11/2009 16:25:42

Nickel le code, merci beaucoup :)

Commentaire de noussa777 le 16/11/2009 16:28:37

merci!

Commentaire de pegase31 le 16/11/2009 18:24:51 administrateur CS

Il faut simplement changer les données du XML ...

Peg'

Commentaire de noussa777 le 17/11/2009 11:53:22

slt svp je veu change l'arriere plan noir simple alor keske il fau faire c'urgent aidez moi

Commentaire de noussa777 le 17/11/2009 12:52:36

dans quel partie se trouve la création du dégradé

Commentaire de sarah7747 le 17/11/2009 16:44:47

salut peg merci pour l'animation c super joli
je veux utilisé cette animation mais son vitesse est très rapide j'ai essayé de changé celui qui se trouve dans data.xml mais quand j'éloigne curseur ca tourne si vite alors je sais pas quoi faire merci et bravo très bon bolo

Commentaire de tribdav le 29/12/2009 04:30:20

bonjour,et joyeuses fetes a tous
Il est vrai que ce "code source" a l'air très interessant,mais je ne comprend pas j'ai telechargé le fla,et il est vide !!!
apparemment je suis le seul de cette liste a rencontrer ce problème ,que ce passe t il ????est ce normal ?

Commentaire de drupus le 28/01/2010 09:25:56

Bonjour Peg, merci beaucoup pour ton animation, je l'ai adaptée à mes visuels et lorsque je la publie en html, tout fonctionne parfaitement. Mais lorsque je la mets en ligne le carousel tourne avec les cadres mais les images ne se chargent pas alors que la hyérarchie des éléments est la même hors ligne. Merci de ta réponse, je m'arrache les cheveux à n'y rien comprendre ! Drupus.

Commentaire de masternico le 07/02/2010 21:07:38

Salut,
que d'encre, que d'encre.
Remarque, ça en vaut le coup: c'est superbe. J'ai pas encore saisi toutes les subtilités car je débarque dans flash, mais c'est performant.Je ne pense pas que j'aurais pu pondre ça moi même sans y passer un bon moment.

Merci d'avoir publié ce carrousel.

Que le flash soit avec toi.

Commentaire de timak97 le 26/02/2010 13:59:10

Bonjour , désolé de vous importuné , mais j'ai un petit souci.
En effet pégase j'ai suivis tes instructions à la lettre et ai modifié le fichier main.as et rajouté le <param name="wmode" value="transparent"> mais aucune modification ne se produit l'image de fond reste inchangé...pourrias tu me dire et comment m'y prendre!!!!

Cependant merci pour ce flash qui à mes yeux est super!!!!

Commentaire de papapapat le 08/04/2010 15:42:57

Bonjour, merci et bravo pour ce code, qui m'aide à comprendre un peu...

Est il possible d'ajouter un titre ou un descriptif à chaque image (j'ai essayé de placer un "title" dans le xml, sans succés?

Commentaire de papapapat le 09/04/2010 09:36:35

Merci pour ta réponse, et je m'en doutais...
Mais où placer cette zone de texte?
Dans le fla? ou dans le code?

Commentaire de abfab75 le 12/04/2010 13:11:09

Bonjour
Super code en effet
du coup un peu complexe pour moi qui débute en AS3
mais évidemment génial!
Du coup j'ai beau chercher, je ne trouve pas le code définissant le positionnement de l'image agrandie pour la descendre en ordonnée et qu'elle soit plus centrée en hauteur au lieu de remonter.
Si vous pouvez me renseigner, ca serait super.
En tout cas beau travail
AbFab

Commentaire de frogisback le 12/05/2010 15:27:21

Magnifique, et merci pour ce code!!!!!

Vitesse de rotation : il suffit de changer, à la ligne 40 la valeur du dividende : exemple moi j'ai mis 0,4 : var rotAdd:Number = mouseX/(stage.stageWidth/0.4)

En revanche je lutte pour modifier la taille de l'animation - j'ai supprimer le fond dégradé pour ne conserver qu'un fond blanc, mais je n'arrive pas a diminuer le"mur du fond"...

Commentaire de lp5 le 04/06/2010 14:23:21

super !

Commentaire de aerolyte le 03/12/2010 12:53:17

Bonjour,
Désolé de déterer ce code, mais il est indéniablement de qualité.

Toutefois je souhaiterais emettre 2 ou 3 observations, après avoir passé un bout de temps à le tester, car comme le souligne pégase, l'usage de la 3d sur flash est encore bien limitée et surtout par la charge CPU demandée (j'y reviendrais).
Initialement travaillant sur pv3d , j'ai pris cette source afin de comparait les nouvelle fonctions proposées.

D'une facon générale sur les fichiers mis gratieusement à notre disposition.
> le XMLManager.as, n'as aucun interet car la structure du xml est directement liée au carroussel, donc autant l'intégrée  au script général( ici Main.as).
>  le fichier carousel.as , n'as pas de raison d'étre non plus car il est plus qu'initié dans le Main.as et dévellopé sur ce premier fichier. Aucun interet dans une logique POA.

Par ce regroupement on obtient donc plus que 2 fichiers Main.as et photodisp.as.
Apres décorticage des evenement et dispacher, j'ai mis en lumière un petit nombre d'erreur ou de doublons ( comme l'a initialement remarqué DESASTREUX.
Quoi qu'il soit  je comprends qu'un des interet de cette source est de monter l'utilistion de la classe vector.
Néanmoins cet exemple aussi intérresant qu'il soit , en montre les limites, par la duplication de la plupart des événemet entre le Main.as et photodisp.as.
Autant dire que dans une application 3d avec un enterframe, cette solution n'est pas du tout envisageable.

Mes conseils pour aller plus loin suite a des test de la charge CPU:

1]. s'orienter vers l'utilisation de  tweeners (qui sont plus complet au niveau de la gestion evenement) en POA, par exemple:

private function agrandir(event:MouseEvent):void{
for each(var vignet:MovieClip in album){
if(vignet.id!=select.id){
Twflou(vignet.id,Vflou,flouint);
}
}
}
private function reduire(event:MouseEvent):void{
for each(var vignet:MovieClip in album){
if(vignet.id!=select.id){
Twflou(vignet.id,0,finflou);
}
}
}
private function Twflou(i,val:Number,complet:Function=null){
var pV:MovieClip=Car.getChildByName("v"+i)as MovieClip;
Tweener.addTween(pV,{blur:val, time:tweenTime, transition:transition, onUpdate:function(){pV.filters=[new BlurFilter(int(pV.blur),int(pV.blur),1)];}, onComplete:function(){if(complet!=null){complet(i);}}});
}
private function fouint(i):void{...}

private function finflou(i):void{
var pV:MovieClip=Car.getChildByName("v"+i)as MovieClip;
Tweener.removeTweens(pV,"blur");
pV.filters=[];
}

2] Comme  l'illustre l'exemple  ci dessus ne pas oublier de  supprimer les ecouteurs d'evenement, les tweener mais aussi les filtres( ces derniers augmentent de 5 a 10% la charge CPU dans l'enterframe)

3]L'enterframe doit etre le plus leger possible:
> déclarer ses variables en haut de la classe et non à chaque frame
> limiter ou supprimer les chaines de fonctions liée à l'enterframe.
> si la charge CPU est supérieure a 50% max(moi je met la limite a 30%) , il faut supprimer des "effets".
> enfin une petite astuce dans notre cas précis pour trier les positions en Z des  vignettes contenu dans mon array(ou vector), il suffit de faire :

album.sortOn("z",Array.NUMERIC);

Voila...
Merci Pégase, pour ta source,( je rêve de devenir toi ^^).
Si jamais vous souhaitez voir mon code, je peux le poster.

Commentaire de Brat01 le 20/12/2010 15:35:07

Bonjour,
j'aimerai réaliser un stop de qq secondes sur chaque image mais je ne sais pas comment faire.
merci

Commentaire de pegase31 le 23/02/2011 19:48:55 administrateur CS

bonjour, centrer à quel niveau ?

Peg'

Commentaire de pegase31 le 24/02/2011 11:08:18 administrateur CS

alors il faut placer l'objet qui le contient de façon à ce qu'il soit au centre de la page.

Peg'

Commentaire de chterna le 24/02/2011 11:47:21

desole de encore te deranger mais j'ai une dernier question je voudrai que quand la photo s'agrandi elle ai une positio xy diferent qu'est ce ke je soit modifier

Commentaire de pegase31 le 24/02/2011 11:58:45 administrateur CS

De mémoire, le code que tu me donnes est celui de l'affichage du caroussel, pas celui de l'image en grand.
Tu devrais aller voir dans la classe qui gère celà.

Peg'

Commentaire de pegase31 le 24/02/2011 12:30:36 administrateur CS

ça se trouve dans la classe "photodisp.as".
Je n'ai pas le temps de regarder pour le moment.. désolé.

Peg'

Commentaire de megasniffer le 02/05/2011 11:26:03

bonjour à tous! je suis nul en ce qui concerne la conception des pages html. j'ai téléchargé le zip. quelle est la démarche pour inserer la gallerie dans ma page?

Commentaire de pegase31 le 28/10/2011 16:44:01 administrateur CS

Bonjour, il faut pour cela utiliser le scripts SWFObject2 que vous trouverez aisément via google. Toutes les explications sont fournies pour l'insertion pratique et correcte des animation flash dans une page HTML.

Peg'

Commentaire de pegase31 le 28/10/2011 23:05:26 administrateur CS

Après il est bon de rappeler une chose :

Les sources fournies ici sont surtout à but pédagogiques et ne sont pas prévues pour être utilisées "tels quels" dans un quelconque site internet.

Donc si cette source ne t'apprend rien, elle perd son but premier.

Peg'

Commentaire de ducduc le 29/10/2011 18:53:46

Bonjour,

Je viens de passer mon après midi à lire des tutos, à faire des tests dans dreamweaver mais sans succès. Vous serait il possible de m'indiquer la méthodologie pour installer ce carousel dans ma page index.

Vous remerciant par avance.

Duc Lorenzo