begin process at 2010 02 10 06:28:14
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

3D

 > CARROUSEL EN VRAI 3D SOUS CS4

CARROUSEL EN VRAI 3D SOUS CS4


 Information sur la source

Note :
9,22 / 10 - par 18 personnes
9,22 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :3D Classé sous :Flash cs4, as3, carrousel, gallerie, 3D Niveau :Expert Date de création :28/11/2008 Date de mise à jour :28/11/2008 05:02:29 Vu / téléchargé :24 457 / 4 940
Auteur : pegase31

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

 Description

Cliquez pour voir la capture en taille normale
Petit Carrousel "de base" sous flash CS4 (attention le précise bien FLASH CS4 !!!), permettant d'apprécier quelques nouvelles fonctionnalités et outils de Flash 10.

Aucune class type "distordImage" utilisée ici, de simples rotations en X, Y et Z sur des Sprites font l'affaire.

Les nouveaux objets utilisés dans cette source spécifiques à Flash 10 sont :
- Vector.<typage> : un Array typé, c'est à dire que les données qu'on y met sont d'un type spécifiques
- Vector3D : un Point 3D
- Matrix3D : une matrice de transformation pour les objets et coordonnées 3D
- z et rotationX, rotationY et rotationZ : les nouvelles propriétés de displayObject, très pratiques pour des effets de perspectives.

Le reste c'est de l'as3 "classique", tout pareil que dans Flash 9 ...
Je n'ai pas ajouté de modification du champ de vision pour éviter d'engorger l'ensemble.
La technique utilisée est la plus simple pour le résultat escompté. L'utilisation de DrawTriangles aurait été possible, mais plus complexe à mettre en place pour le résultat voulu.

Chaque ligne est commentée précisément et devrait faciliter la compréhension du code.
Bien que CS4, les fichiers .as sont ouvrable avec n'importe quelle version offrant cette possibilité, mais ne pourront pas être recompilés sans Flash 10.

Pour voir l'animation la meilleure solution est, si vous n'avez pas le standalone player cs4, de l'ouvrir avec un navigateur web.

Source

  • toute la source est dynamique et s'adapte :
  • - à la taille de l'animation
  • - à la taille des images
  • - au nombre d'images
  • Dans le xml :
  • - Chaque mode de visualisation est définissable quand à la mise à l'échelle des miniatures et des vues en plein écran.
  • - La taille des miniatures est modifiable
  • - Un chemin de base pour les images est possible, mais pas obligatoire
  • - Le rayon du cercle de carrousel est paramétrable
  • Le nom du XML est en dur dans la source, mais il est évidement possible de la sortir en la mettant en paramètre tels qu'un FlashVars, évidement.
  • Chaque image est chargée l'une après l'autre afin d'éviter un engorgement du réseau
toute la source est dynamique et s'adapte :
- à la taille de l'animation
- à la taille des images
- au nombre d'images

Dans le xml :
- Chaque mode de visualisation est définissable quand à la mise à l'échelle des miniatures et des vues en plein écran.
- La taille des miniatures est modifiable
- Un chemin de base pour les images est possible, mais pas obligatoire
- Le rayon du cercle de carrousel est paramétrable

Le nom du XML est en dur dans la source, mais il est évidement possible de la sortir en la mettant en paramètre tels qu'un FlashVars, évidement.
Chaque image est chargée l'une après l'autre afin d'éviter un engorgement du réseau

 Conclusion

Les améliorations possibles sont multiples et cette source n'est qu'une base de départ :

- mettre un indicateur de l'état de chargement sur chaque image
- faire en sorte d'avoir une face et un dos pour les images
- modifier l'effet d'apparition et de transition des images
- etc ...

Je le répète encore une fois : CETTE SOURCE EST EN FLASH 10 ET NE PEUT DONC PAS ÊTRE OUVERTE AVEC DES VERSIONS ANTÉRIEURES A CS4 !!!
Donc éviter de me dire que vous ne pouvez pas l'ouvrir avec FlashMX/MX2004/8/cs3-9, car c'est normal !

 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

28 novembre 2008 04:59:40 :
modif de la description
28 novembre 2008 05:02:29 :
j'avions oublié les .as dans le zip ...:(

 Sources du même auteur

Source avec Zip DECODEUR/ENCODEUR DE PLAYLIST AU FORMAT PLS/M3U
Source avec Zip Source avec une capture BOUTON DE VOLUME
Source avec Zip Source avec une capture SNOW FLAKES AS3 (CS4)
Source avec Zip Source avec une capture BURGER MANIA - LE JEU AVEC DES HAMBURGERS DEDANS ...
Source avec Zip Source avec une capture MOTEUR D'AFFICHAGE DE LABYRINTHE
Toutes les sources de pegase31

 Sources de la même categorie

Source avec Zip Source avec une capture FORMULE 1 3D par gremlins7
Source avec Zip Source avec une capture GET_RELATIVE_MATRIX3D: LE CONCEPT... par top30
Source avec Zip Source avec une capture MENU CARROUSEL FULL 3D CS4 par gremlins7
Source avec Zip Source avec une capture UNE TÊTE REGARDE LA SOURIS (ILLUSION DE 3D) par daddy11world
Source avec Zip Source avec une capture NUIT ETOILÉE EN 3D par daddy11world
Toutes les sources de la catégorie 3D

 Sources en rapport avec celle ci

Source avec Zip NAVIGATION DANS UN FICHIER XML par inaden
Source avec Zip DIAPORAMA AS3 par webcrea92
Source avec Zip Source avec une capture MENU CARROUSEL FULL 3D CS4 par gremlins7
Source avec Zip Source avec une capture DEPLACEMENT 3D par ttttttlo
Source avec Zip Source avec une capture MENU CARROUSSEL 3D par gremlins7

Commentaires et avis

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 hpotter le 28/11/2008 21:02:15 10/10

Vraiment exellent, fluide et d'une classe digne de apple !

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

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

Commentaire de pegase31 le 29/11/2008 18:12:11 administrateur CS

Alors installe le "flash player 10" que tu trouveras chez adobe.com.

Peg'

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

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

Commentaire de jtoto le 01/12/2008 08:57:19 10/10

très beau travail. Cette source est vraiement très belle mais débutant en flash ma question est certainement idiote et je m'en excuse: est-il possible de positionner le carrousel au milieu de l'écran c'est à dire que le centre du carroussel se trouve au milieu de la ligne horizontale de fond?

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 chipihawk le 01/12/2008 09:54:48

merci beaucoup pour ce beau carroussel.
une mine d'or pour débutant,
;)

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:27:44

encore moi en plus du posisitonnement du carrousel je voudrais savoir si il est possible d'avoir plus de 10 images ou plutot où puis je modifier ce paramètre car les 10 premières images de mon xlm s'affichent bie en mignature mais pour les suivantes j'ai une image blanche dans le carrousel et pas de visualisation si je clique sur ce carré blanc!!!

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 GillesWebmaster le 01/12/2008 17:06:01 10/10

génial!

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

waouw bien joué magnifique source

très très bien fait bravo ^^

Commentaire de boulamite le 02/12/2008 03:19:04

bonjour,
c'est une excellente source mais quelqu'un a til trouvé pour que cela marche sur firefox ?
merci tout le monde

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 jim13 le 03/12/2008 13:32:57

Vraiment superbe, qui rend d'autant plus ce site digne d'intérêt.
Bravo

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

pegase31 est dieu :D

Commentaire de jtoto le 04/12/2008 18:55:33

personne ne sait comment en flash on peut mettre le magnifique carrousel de pegase31 en milieu de l'écran de mani-re à avoir le milieu de l'ellipse au milieu de l'écran. Merci

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 stefbuet le 04/12/2008 23:18:01

Je serais bien venu, mais sa coute bien chere quand même... On pourras avoir un compte rendu?
Thx.

Stef.

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 bricius le 10/12/2008 18:18:37

Bonjour,
Ce carroussel est super. J adore ! Par contre je me casse les dents car j aimerai remplacer les images par des SWF. Pour faire tourner des presentations que j ai en SWF.

Est ce possible ?

(Je suis débutant)

Merci

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 stefbuet le 10/12/2008 18:43:24

Suffit d'utiliser la function draw du BitmapData pour rester ac des Bitmap et pas changer grand chose, en plus le chargement d'un SWF est le même que pour une image.

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 stefbuet le 10/12/2008 19:03:50

Alors il faudrait afficher le SWF normalement, et créer son reflet dans un Bitmap avec la fonction draw de BitmapData comme ça l'interactivité du SWF restera en place.

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

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 didas06 le 11/12/2008 12:03:38

Bonjour,

Un grand merci pour ce carroussel vraiment super.

Cependant je suis débutant en AC3 et j'aimerai donner un peu de perspective à la rotation, pour mettre un logo au milieu par exemple, quelqu'un pourrait m'aider s'il vous plait ?

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 bintje le 23/12/2008 10:07:28

Incroyablement bien écrit ! waoo c'est la claque...

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 pegase31 le 29/12/2008 14:14:09 administrateur CS

il suffit d'enlever le bout de code qui trace le dégradé et d'afficher l'animation en mode transparent.

Peg'

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 pegase31 le 30/12/2008 16:30:51 administrateur CS

classe Main.as, ligne 20, met "drawGradientBG();" en commentaire avec "//" devant.

Peg'

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 pegase31 le 31/12/2008 12:21:35 administrateur CS

ben ton dégradé de fond disparaît et il te reste à placer ton flash en "Wmode" "Transparent" sur ta page HTML ... quel est le problème ?

Peg'

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 stefbuet le 04/01/2009 18:13:58

tu n'as pas oublié de re-assembler ton swf ? :D

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 shellquote le 12/01/2009 13:08:19

Salut et Bonne Année a tout le monde,
encore un Bravo pour ton boulot qui est tres classe pour un 'mumuse', je suis debutant et je me demande comment placer un lien pour charger une image lors d un clique sue un des clips, genre pour faire une galerie avec ton carousel, je vois bien la fonction trace, il reponds au clique mais je ne vois aucune ref a chaque MovieClip.. Si quelqu'un a une idée merci  d avance...

Shellquote

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

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 pegase31 le 12/01/2009 20:23:16 administrateur CS

=>Shellquote : Il n'y a aucun movieClip dans cette source. Et les images sont chargées directement dans les sprites qui tournent. Donc cette source est une galerie, type carrousel... ou alors je n'ai pas compris ta question.

=>Salinplage : Il ne faut pas placer tout les fichiers sur le serveur, juste le swf, le xml et le dossier des images. Ensuite, il faut cibler correctement le dossier des images via le xml (seul dossier à modifier pour changer les images).

Peg'

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 pegase31 le 12/01/2009 22:06:01 administrateur CS

il serait bon que tu lises un minimum le xml avant de le mettre :
<images path="images/"> sert à définir un dossier général pour les images.
Ton xml actuel définis des images qui se trouvent dans "images/images/" ...

Peg'

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 pegase31 le 12/01/2009 23:02:14 administrateur CS

alors le problème vient de l'emplacement de tes images qui doivent êtres placées par rapport à ta page html et pas par rapport à ton swf.
Après, je ne vois pas trop d'où ça pourrait venir.

Peg'

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 GMo888 le 13/02/2009 12:22:41

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
}

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 GMo888 le 13/02/2009 13:07:22

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

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 GMo888 le 13/02/2009 18:38:15

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
linkGMoPDF = linkgmo; //stocke le lien PDF

3. private function mouseView(evt:MouseEvent):void {
     var request:URLRequest = new URLRequest(linkGMoPDF)
  navigateToURL(request, "_blank");

Mais request a l'air d'être NULL

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 pegase31 le 17/02/2009 19:27:44 administrateur CS

Ce swf est en as3, alors si ton site n'est pas full AS3 tu ne pourras pas l'intégrer.
Si tu veux charger un swf externe, n'oublies pas de faire un lockroot dessus.

Peg'

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 stefbuet le 25/02/2009 15:30:48

Je disais bien que sa manquait :)
Rajoute un timeFactor.

//init
var timeFactor:Number;
var lastTime:Number=getTimer();

//a chaque update:
timeFactor:Number=(getTimer()-lastTime)/1000;
lastTime=getTimer();

puis multiplis toutes les distances & rotations utilisées par ce timefactor
Tu peux jouer sur le facteur 1000 pour faire aller + ou - vite l'anim.

Stef.

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 ledodz le 06/03/2009 12:11:24 10/10

Superbe !!! Félicitations, très belle source !!!

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

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 pegase31 le 11/03/2009 10:10:50 administrateur CS

tu as ta réponse dans le tout dernier tutoriel dispo ici : http://www.flashkod.com/tutoriaux/UTILISATION-SWFOBJECT_932.aspx

Peg'

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 pegase31 le 11/03/2009 11:00:25 administrateur CS

il faut demander sur le sujet du tuto, pas ici.

Peg'

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

ok merci pour ton aide..

..en tout cas bravo pour ton boulot.

Commentaire de astrobob le 24/03/2009 17:33:43

Bonjour,

Je suis hyper débutant en flash mais j'ai installé l'application et tout fonctionne. C'est absolument génial!!!

J'ai vu qu'on pouvait modifier le path du data.xml à l'aide du paramètre flashVar. Alors j'ai renommer le fichier en data1.xml et j'ai ajouté la ligne suivante:  <param name="FlashVars" value="url=data1.xml" /> mais ça fonctionne pas... Une petite idée?

Encore bravo pour l'appli et les commentaires géniaux dans les fichier d'AS3

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 astrobob le 24/03/2009 17:51:02

Ouaah, tant de réponse instantané, merci!

J'ai donc indentifié la ligne suivante au début du Main.as:

--> private const url:String = "data.xml";

Et parallèlement j'ai trouvé ce petit bout de code sur Internet que j'ai adapté pour la situation:

var tf : TextField = addChild(new TextField()) as TextField;
tf.width=500;
var recup:String=loaderInfo.parameters.url;
if (recup) {
   tf.text=recup;
} else {
   tf.text="data.xml";
}

Vous auriez une idée si ce code est correct et où je dois le placer pour que ça marche.

Merci encore d'avance!

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 astrobob le 24/03/2009 21:02:29

Merci beaucoup, c'est parfait!!!

Bonne soirée

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 thedemonking le 25/03/2009 16:44:33

Tout d'abord merci beaucoup pour cette sublime source, totalement fonctionnelle et nickelle du côté du rendu esthétique.

Par contre j'aimerais savoir si quelqu'un est parvenu à mettre des liens lors des clics sur les images en grande taille et si oui comment peut-on faire à partir d'adresses mises dans le xml ?

Encore 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 pegase31 le 25/03/2009 23:22:05 administrateur CS

Ministeve : non, ce n'est pas possible.

TheDemonKing : des liens type "page HTML pour faire comme un menu" ? Oui, possible, mais il faut revoir une grande partie du code ...

GM0888 : pour ton histoire de ligne sur la grande image ? Ben un TextField à ajouter lors de l'affichage de l'image en grand avec un lien dessus ... ("navigateToURL" pour le lien)

Peg'

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 lilou1823 le 26/03/2009 09:00:51

Bonjour à tous,

je trouve ce code génial, mais j'ai juste une petite question...
j'aimerais mettre un lien vers une video ou une autre page web lors du clic sur la l'image agrandie.
J'ai lu plus haut quelques trucs à ce sujet mais je n'ai pas trop compris...
Est ce que quelqu'un pourrait m'aider?
Je sais que je dois travailler dans le fichier PhotoDisp.as du côté de la ligne 116 (Fonction déclenchée lors du clic sur la photo pleine page) ainsi que dans le data.xml mais je ne sais pas trop comment faire.

Merci bcp de votre aide

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 lilou1823 le 26/03/2009 10:10:27

Aie pas possible donc de me dire les codes que je devrais ajouter?
je suis un peu nulle en progra et je ne trouve pas d'infos pouvant m'aider aussi bien pour adapter les .as que pour le xml

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 lilou1823 le 26/03/2009 10:47:09

ah ok
tampis je vais trouver une autre solution
merci quand même
bonne journée

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 pegase31 le 26/03/2009 13:37:33 administrateur CS

par du png, du gif ...

Peg'

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

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

Commentaire de jeanMOULIN54 le 07/04/2009 11:54:52

Génial ce petit caroussel :)
Seul hic : marche très bien sous adobe flash CS4 mais lorsque je l'insère dans une page html, je n'ai que le fond qui apparaît ? Une idée ? J'ai bien vérifié les chemins d'accès pourtant ...

Merci bon boulot ;)

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 jeanMOULIN54 le 08/04/2009 09:02:05

C'est bon j'ai réussi à le faire fonctionner, en faite il suffit de mettre la page html dans le même dossier que le swf. J'aurais deux autres petites questions : Maintenant comment faire pour que les utilisateurs puissent avoir un genre de "contrôle activeX" qui s'affiche lorsque flash 10 n'est pas installé sur leur machine ? Et pourquoi le carroussel ne fonctionne pas sous firefox 3 ?

Merci 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 jeanMOULIN54 le 08/04/2009 10:43:41

Tu a inséré le swf avec dreamweaver cs4 ?

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

yes

Commentaire de jeanMOULIN54 le 08/04/2009 11:57:19

J'ai fait de même ... c'est byzar car j'ai regarder dans le code, et il m'affiche bien :

<!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->

Et pourtant il n'y a pas d'invitation à télécharger flash 10 ou bien un contrôle activeX ... ?

J'ai bien entendu tester sur les machines n'ayant que flash 9 d'installé

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 pegase31 le 08/04/2009 16:25:59 administrateur CS

c'est clair que c'est une question d'intégration HTML et non pas propre à l'ActionScript. Pour toute question relatives, je vous conseille d'aller lire le tuto dédié à swfObject qui règlera le problème.

Peg'

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 pegase31 le 09/04/2009 20:23:05 administrateur CS

Je pense que la source est suffisamment commentée pour te permettre de modifier la vitesse de rotation ...

Peg'

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

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

Commentaire de jeanMOULIN54 le 10/04/2009 17:06:58

Oui, merci 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 pegase31 le 24/04/2009 19:54:23 administrateur CS

bonjour,

La meilleure façon de le savoir serait de poser la question sur le forum C++, car à moins de tomber sur un gars qui fasse du flash et du C++, je doute que tu n'ai une réponse ici.

Peg'

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

Marci Pegasus! C clair et net ;)

Commentaire de stefbuet le 24/04/2009 21:14:51

Salut,
moi je fais des deux :)

Tu peux integrer directement des swf dans ton programme avec des librairies spécifiques. Par exemple si tu utilise win32 tu peux utiliser ATL (http://www.cppfrance.com/codes/INSERER-ANIMATION-FLASH-WIN32-DEVCPP_49320.aspx)

Pour ce qui est de ton histoire de "Javascript", rien comprit, la source ici est en AS3. Peut être cherches tu un interpretateur d'AS3? Je ne connais pas de lib cpp qui face cela pour le moment...

Pour ce qui est de faire un carrousel completement en C++, cela n'a vraiment plus aucun rapport avec Flash, tu peux garder l'idée mais après... A toi de refaire le truc. Il doit bien y avoir des sources de carrousel en C++ sur le net! Regardes plus du coté de cppfrance.com.

De toute façon ce n'est pas extremement dur a réaliser, les appels de fonction d'affichage sont peu nombreuse et basiques et même si tu debutes tu pourrais le faire via OpenGL (http://www.siteduzero.com/tutoriel-3-5014-creez-des-programmes-en-3d-avec-opengl.html)

@++

Stef.

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 jeanMOULIN54 le 29/04/2009 17:22:38

Moi j'ai la modif pour ouvrir une URL (gràce à Peg ;)

Ajoute ceci dans photo.as :

Au début du code avec les import tu ajoute :

import flash.net.*

puis plus bas vers les lignes 115 116 tu modifie le code ci dessous :

//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); //Evènement en fin d'animation
}


par celui-ci :

//Fonction déclenchée lors du clic sur la photo pleine page
private function mouseView(e:MouseEvent):void {
   var request:URLRequest=new URLRequest("http://www.tonsite.com");
   navigateToURL(request,"_blank");
   }


Voilà en espérant t'avoir un peu aidé.. Par contre je n'ai pas la solution du lien hypertexte sur la grande image ....

@ Bientôt ;)

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 atupac le 29/04/2009 20:59:43

Salut Pegase! Merci pour cette source de PRO. Je me demandais si je pourrais obtenir le même résultat (animation 3D d'images ou de vidéos) sous C++...

2 ptit questions:

- Serait t'il possible d'encapsuler ou d'implémenter du code Flash dans un projet C++?

- J'ai tenté de partir de la source de ZAP (caroussel 3D sous C#, qui utlise l'effet d'optique sur axe X,Y et Z), mais franchement pas toujours évident de passer de C# vers C++ lol! J'ai essaye l'outil "instant C++", mais bon. existe t'il une autre solution de conversion?

Merci pour ce site super simple et efficace.

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 stefbuet le 29/04/2009 21:20:27

:o

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 13:36:05

re je voulais juste préciser une chose
à la limite ça m'est égal qu'il y ai un lien hypertexte
qui apparaisse...
Dans un premier temps voudrais juste que des liens soient sur les images agrandies
et que ce soit dans le fichier xml qu'on les mette
arrggggghhhh au secour

Commentaire de tatort le 30/04/2009 19:03:10 10/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 pegase31 le 30/04/2009 19:09:07 administrateur CS

Désolé, c'est un soucis du site, j'ai voulu supprimer un double-post de ta part et il m'en a supprimé 2.

Pour ton soucis de bouton, c'est un problème structurel, car l'ajout d'un objet supplémentaire à afficher n'a pas été prévu à la base. Dans ton cas, il va falloir prévoir un objet en plus et ça risque de compliquer bien plus l'anomation qu'elle ne l'est déjà.

Or, je n'ai pas vraiment le temps de me pencher sur la question pour le moment ...

Peg'

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 04/05/2009 19:22:25

Fantastique source CS4 :)
C'est super d'apprendre sur de belles sources bien commentées comme ça.
Par contre impossible de charger un fichier externe (flashVars) de mon côté.
Lors de la recompilation, il me met des erreurs :
1120: Accès à la propriété non définie LoaderInfo.

Pourtant j'ai bien fait comme tu as indiqué !
Merci d'avance,
Encore bravo.

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

J'ai trouvé tout seul :)

Il faut ajouter : import flash.display.LoaderInfo !

Commentaire de zoolivier le 13/05/2009 07:59:50

Bravo très beau travail, le rendu des photos est parfait. Merci.

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 tatort le 02/06/2009 14:01:31

voila le lien ai mis lpus de slash aux endroit ou j'ai fais des modifs et j'ai essayé de tout commenter pour suivre l'exemple de peg !!!!

http://dl.free.fr/qOnS6HPms

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 antoine6137 le 06/06/2009 16:34:04

La grande classe !!! Félicitations

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 pegase31 le 11/06/2009 10:09:47 administrateur CS

ça dépend de ta modification de code, plus de ma source ..

Peg'

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 pegase31 le 11/06/2009 10:19:38 administrateur CS

alors vois avec lui en PM, car la modification lui appartiens.

Peg'

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 CorsairT500 le 11/06/2009 17:42:04

Salut à tous.

J'avais une question concernant les liens photos. J'aimerai savoir comment faire pour ouvrir un fichier powerpoint plutot qu'une page web. je pense que c'est sur le fichier data.xml qu'il faut modifier un paramètre mais lequel.

Merci d'avance.

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 onitram le 13/06/2009 16:17:04

Bonjour à tous et merci pour cette source.
Je l'ai intégré dans un site que je suis en train de construire.
C'est mes 1ers pas en AS3

http://www.illusionpix.com/herbert/

Le carrousel se trouve à la rubrique projets

Globalement ca marche mais j'ai quelques petits problèmes :

1- Je n'arrive pas à changer les coordonnées en  x et y  du carrousel quand il se charge. Il se charge en bas a droite de la page.J'ai changé les dimensions de Carrousel3D.swf en 1024x768.
J'ai essayé de changer ces coordonnées dans Main.as lignes 35 et 36 en mettant une valeur numérique mais ca ne marche pas.

carrousel.x = 600;
carrousel.y = 600;

2- Quand sur le site je click sur projets le carrousel se charge normalement mais quand on click sur une autre rubrique et qu'on revient sur le carrousel il ne se charge plus.
Pour  le chargement j'utilise le code:

var conteneurImage:Loader = new Loader();
conteneurImage.load(image);
   addChild(conteneurImage);

bt_projet.addEventListener(MouseEvent.MOUSE_DOWN,rouge3);

function rouge3(evt:MouseEvent) {

    var image:URLRequest = new URLRequest("Carrousel3D.swf");
   conteneurImage.load(image);
   addChild(conteneurImage);
   }  

Ce code n'est peut être pas optimum.
Je suppose qu'il faut réinitialiser quelque chose lors du click mais ou, quoi, comment ?

Voila, si quelqu'un peux m'aider ce serait cool

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 onitram le 15/06/2009 12:07:34 10/10

Salut et merci de ton aide, j'ai essayé mais j'ai pas tout compris ;(

- utilise le code html généré par flash CS4 --> la page html générée par carrousel3D.fla ?

- ensuite copie/colle le code dans tes page --> dans ma page index.html ? et quelle partie du code ?

- avec le script aussi --> quel script ?

Merci d'avance ;)

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 onitram le 15/06/2009 18:53:35

Ok désolé du dérangement Peg'.

Après discussion avec jeanMOULIN54 ce n'est pas un problème html mais bien flash.

Quand je charge 2 fois de suite le carrousel.swf cela me renvoi l'erreur :

TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.
at carrousel3D::Carrousel/rotate()
TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.
at carrousel3D::Carrousel/rotate()
TypeError: Error #1034: Echec de la contrainte de type : conversion de carrousel3D::PhotoDisp@298225d9 en carrousel3D.PhotoDisp impossible.
at Vector$object/http://adobe.com/AS3/2006/builtin::push()
at carrousel3D::Main/loadComplete()
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at flash.net::URLLoader/onComplete()
TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.
at carrousel3D::Carrousel/rotate()
TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.
at carrousel3D::Carrousel/rotate()
TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.
at carrousel3D::Carrousel/rotate()

.Ces dernières lignes se répètent des dizaines de fois.

Quelqu'un a-t-il réussit à charger le carrousel.swf dans un autre swf ?
J'espère ne plus être hors sujet.

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

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 pegase31 le 13/07/2009 17:36:15 administrateur CS

la question à déjà été posée et traitée plus haut ..

Peg'

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 pegase31 le 14/07/2009 13:18:31 administrateur CS

Le but de cette source est justement d'aider les gens à comprendre comment elle fonctionne. Tout les commentaires sont justement là pour ça.
Je n'ai pas posté cette source pour faire du "clé en main", mais pour vous permettre de progresser et donc d'apprendre flash à l'aide des techniques présentes dans cette animation.

Le mieux pour toi est donc de commencer par apprendre les bases de flash, celles dispo dans la doc en ligne du logiciel et de progresser jusqu'à ce que tu puisses modifier cette source par toi-même.

Comme indiqué, le niveau de cette source est "expert" et donc n'est pas à ta portée de "débutant".

Peg'

ps: désolé mais je n'ai pas vraiment le temps de me repencher sur cette source (qui date) à chaque fois que quelqu'un me demande une modif (j'ai pas fini sinon). Tout est écrit dedans, reste à lire.

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 epi4 le 28/07/2009 23:18:02

ha ba désolé pour le dérangement je viens de trouvé tout seul comme un grand...
CT tout con j'avais oublier de mettre le fichier XML avec le fichier swf dans dossier racine de mon site ... encore désolé.

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 pegase31 le 03/08/2009 18:39:10 administrateur CS

Merci pour les informations relatives aux bugs, je les ai lu avec attention, mais le bug se déclare uniquement à la condition que le child s'ajoute au parent avant que celui-ci ne soit ajouté lui-même à la scène, ce qui n'est pas le cas dans ma source. Ce qui aurait déclenché effectivement une seconde fois l'évènement ADDED_TO_STAGE du child ... et ça paraît logique dans la structure.

Pour ce qui est du caroussel + pageflip, c'est une idée intéressante, mais qui va demander pas mal de ressources CPU client, mais qui pourrait être du plus bel effet.
Reste à voir la mise en place...

Peg'

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 pegase31 le 04/08/2009 11:13:14 administrateur CS

Ce que tu traces ce sont les ajouts des images à chaque fois qu'elles sont ajoutées :

- L'ajout à la liste de carroussel.as de la photo N
- Le fait que la photo N à bien été ajoutée à la scène par Carroussel.as

Ce n'est pas parce que j'ajoute les photos dans une fonction déclenchée par ajout au stage que les photos s'y trouvent 2 fois.

Et il faut lire ceci :

Steps to reproduce:
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.

C'est exactement ce que je t'ai expliqué : ils ajoutent les photos au carroussel (pour expliquer) avant d'ajouter le carroussel au stage, ce qui déclenche 2 fois la l'évènement "added_to_stage" pour les photos.

Mais il n'y a jamais eut "duplication" des photos, c'est juste une redondance d'évènements qui pourrait gêner dans certains cas. Ce qui, dans la logique, est tout à fait normal structurellement parlant.

Peg'

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

...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 desastreux le 04/08/2009 11:21:12

[ "ils ajoutent les photos au carroussel (pour expliquer) avant d'ajouter le carroussel au stage" ]
--> Ce n'est pas ce que tu fais ? :/

["Mais il n'y a jamais eut "duplication" des photos"]
--> Même pas de la Motion Tween ? :|

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 desastreux le 05/08/2009 06:51:14

[Moi j'ajoute le "parent" sur le stage et après je lui ajoute des "child"]
-> Certes, en théorie, oui. Pour autant ça n'empêche pas le bug de se produire, alors, au final, soit les ADDED_TO_STAGE des différents composants sont compilés très différemment de ce que te laisse penser la structure apparente du script en terme de chronologie, soit cette chronologie n'a strictement aucune importance dans l'apparition du bug. D'ailleurs, ils disent que le bug ne se produit que sur Mac dans leur billet. Or, quelques lignes plus bas, un autre développeur stipule que ce n'est pas le cas.
Bref, c'est pas parce que leur liste à puce est numérotée que l'ordre est nécessaire au bug.

[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 ?]
-> Ce que je pense, Monsieur l'Administrateur CS, c'est que cette remarque sonne pour moi comme un peu déplacée : Je n'ai pas parlé de "double des photos" et concernant le "Trace", justement, c'est bien ce qui se produit ! A titre de rappel, j'ai bien 2 fois un "trace" pour la même fonction, alors qu'il ne devrait être lancée qu'une seule et unique fois. C'est très légèrement différé dans le temps, certes, mais l'event "ADDED_TO_STAGE" de chaque instance de PhotoDisp() est bien déclenché 2 fois et non 1.

Alors, oui, certes, cela ne crée pas des "doubles des images", on est bien d'accord.
Je n'ai jamais prétendu un instant le contraire ; j'ai en revanche parlé de chute de performances sur un nombre élevé d'objets PhotoDisp(). Pourquoi ?
Parce que tu crées ton TWEEN sur cette fonction qui est donc exécutée 2 fois au lieu d'une.

[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]
-> Mouais, tu me fais un peu l'effet, une nouvelle fois, de t'adresser à un jambon, là, et c'est assez agaçant même si je me sens encore redevable auprès de toi de pouvoir profiter d'une source comme celle-ci  :/

"addedToStage()" me semble un bon choix de ta part comme nom, puisque c'est le #HANDLER du #EVENT ADDED_TO_STAGE ...Par contre, en effet, même si on aime le nom "Toto", je ne vois pas l'intérêt ici de changer le nom : L'event ADDED_TO_STAGE - Celui qui se lance une fois de trop - se lancera une fois de trop même si son handler s'intitule "Toto"...

-------------------------------------------
Bon, du coup, pour en revenir une seconde aux choses sérieuses, la création du TWEEN présente dans "Toto" est exécuté 2 fois ; lors du fondu entre blanc et image que crée cette double-batterie quasi simultanée de Tween, il y a comme une très légère saccade ; un léger effet de "tearing" que l'on oublie certes fort vite et volontiers  ensuite, compte tenu de la qualité visuelle globale de l'ensemble...

Pour autant, rajoute le removeEventListener(Event.ADDED_TO_STAGE, addedToStage); et hop! ...C'est encore mieux qu'avant !
Je ne vois rien d'autre pour essayer de te convaincre, donc soit t'auras fini par piger que si je viens témoigner ici ce n'est pas pour perdre pas mon temps et celui des autres à fantasmer sur des bugs imaginaires, ...Soit, pas grave, je laisse tomber et je te laisse continuer de croire que j'hallucine :D

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 desastreux le 05/08/2009 19:25:41

-> Aaaaaah, j'exulte d'avoir r.a.i.s.o.n (ben ui j'ai un caractère de cochon moi aussi, comme 90% des développeurs, je suppose... Dsl!)
-> Un seul tween pour le Carrousel, plutôt que pour chaque photoDisp() ?  ça a l'air bien comme idée.
-> Question "être à la page", ben CS4 n'est pas si vieux que ça quand même... :D ...Ma dernière expérience en FLASH remontait à CS2 (surprises, surprises, d'ailleurs, depuis !) Le hic, c'est que je suis un fan de 3D, mais j'ai l'impression que FLASH n'est pas encore super compétitif dans ce domaine (malgré TrueVision et Paper3D) donc pour ma part j'en fais finalement assez peu. C'est quoi le fin du fin avec Flash, pour toi, en ce moment, s'il te plais, Pégase ? :D
-> Sinon, je me répète, mais super source, j'aime vraiment : Merci ;)

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 afad le 10/09/2009 23:21:47

Salut, petit complément d'information.

Je suis parti de cette source (merci pegase) pour le développement d'un Carousel-like en mode NOSCALE et stageAlign TL. En utilisant ce mode, la projection ne se recentre pas automatiquement en fonction de la taille de la fenêtre.

L'idée est donc de reset la position du projecteur au centre du stage à chaque redimensionnement :

function onResize(e:Event)
{    
    carroussel.x = stage.stageWidth/2;    
    carroussel.y = stage.stageHeight/2;    

    var perspective:PerspectiveProjection = new PerspectiveProjection();
    perspective.projectionCenter = new Point(stage.stageWidth/2,stage.stageHeight/2);
    root.transform.perspectiveProjection = perspective;
}

Voilà pour le tips !
Byebye
Afad

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

"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 pegase31 le 15/09/2009 15:36:29 administrateur CS

Comme expliqué, la source n'est pas prévue pour être chargée de l'extérieur, mais intégrée directement dans une animation via la classe de base ...

Peg'

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 stefbuet le 17/09/2009 16:33:10

Salut,
oui c'est possible :
1) tu oublis getURL ça n'existe pas, c'est navigateToURL du package flash.net
2) tu lis les commentaires

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 18/09/2009 14:30:07 1/10

Salut

j'ai bien lue ce qui est proposée et j'ai a mon tour fait des test d'intégration,mais rien a l'arrivée comme je suis un newbie en AS3 et sur CS4 ben je lutte .
une idée mais venue intégré un swf dans un swf chaque swf a son getURL donc chaque fichier appellé et directement redirigé vers sa page propre a son lien ,enfin je pence ceci risque de rendre le fichier peut être un peut lourd non ?

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

BrAvO TaTord et encore MerCi Peg'

Commentaire de jessou83 le 29/09/2009 13:42:07

Bonjour, et tout d'abord merci pour ce joli carrousel.
Je me demandais s'il était possible d'ajouter une image fixe au centre comme un logo par exemple, afin que les images tournent autour de celui-ci? Etant débutante dans ce domaine, j'ai bien compris que ce code était réservé aux experts mais je n'ai pas trouvé de meilleurs fichiers flash qui correspondaient à ce que je veux faire.

D'avence, merci.

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

Nickel le code, merci beaucoup :)

Commentaire de Annaweb le 14/11/2009 00:25:51 10/10

Je n'ai qu'une chose à dire : merci !

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

merci!

Commentaire de noussa777 le 16/11/2009 16:46:59

slt chui vraiment débutante en flash si vous voulais aidez moi
alors je veux change les image déjà excitantes par d'autres images et je sais pas quoi faire
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 09:59:02

merci

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 pegase31 le 17/11/2009 12:08:39 administrateur CS

tu dois simplement virer la création du dégradé de fond. La source est justement commentée pour permettre tout ces changements !

Peg'

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

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

Commentaire de pegase31 le 17/11/2009 13:08:26 administrateur CS

dans "Main.as" ... tu pourrais regarder par toi-même.

Peg'

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 stefbuet le 17/11/2009 18:37:56

Rajoute un facteur fonction du temps ("timefactor") dans tous les changements de position/rotation. en gros :

var timefactor=getTimer()-lastTime;
lastTime=getTimer();
position+=variation*timefactor;

Je n'expliquerais pas comment modifier le code et je te demanderais de ne pas me le demander ici -_-
tu peux le faire toute SEULE.

Stef.

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 tribdav le 29/12/2009 04:36:14

ok,
autant pour moi j'ais compris...
merci

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 pegase31 le 28/01/2010 14:19:06 administrateur CS

Bonjour, vois au niveau des noms d'images. Certains serveurs n'acceptent pas les majuscules ou les espaces dans les noms, par exemple ...

Peg'

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

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.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Rotation 3D gallerie d'images [ par guillestre13 ] Bonjours,j'aimerai faire une gallerie 3D en flash :rotation de 5 images en 3D qui tournent suivant la position du curseur de la souriset lorsque l'on carrousel 3D xml [ par edycimo ] bonjour, j'ai recuperer une galerie photo que je voudrai poster sur myspace.L'animation se compose d'un fichier swf, d'un dossier contenant les images carrousel flash avec integration de videos [ par mrfabulous ] Bonjour,J'aimerais intégrer des vidéos comme ce carrousel mais après moultes recherches, je n'ai trouvé aucunes infos là-dessus... en CS3http://assets remplacer eval en as3 [ par xaviergainsbourg ] Bonjour à tous,Est-ce que quelqu'un sait comment transcrire ce type de code AS2 en AS3 :for(i=1; i&lt;=20; i++){   eval("vignette"+i) = eval("vignette dupliquer un graphique AS3 [ par l3afrit ] je charche une fonction qui permet de dupliquer un graphique dans une sequence .. merci Multiple loadmovie en AS3 [ par nuno11 ] Bonjour à tous, Voici mon problème, J'ai choisi de faire mon site en AS3 afin de bénéficié de toute sa puissance niveau script et graphisme. Le problè passer onMetadata de l'as2 à l'as3 [ par maxouye ] Bonjour, voilà mon problème : En as2 pour récupérer la durée totale d'un fichier flv j'utilisais : //maStream est un objet de type netStreammaStream.< centre de rotation [AS3] [ par dipin ] Bien le bonjour à tout le monde .alors après avoir bien cherché sur google, je n'est rien trouvé  :cry: Voici mon problème j'ai créé dynamiquement des mp3 player AS2 ou AS3 [ par feniks007 ] Bonjour à tous les ami, je suis débutant mais j' ai quelque notion d'actionscript 2 et 3.j'aimerai savoir ou je pourrai trouver un tutoriel ou une sou Les loaders [ par babouche16 ] Bonjour,j'ai fait plusieurs preloaders et je souhaiterais faire une sorte de démo avec une dizaines... enfin les faire défiler les uns après les autre


Nos sponsors


Sondage...

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
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 : 0,437 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)