CARROUSEL EN VRAI 3D SOUS CS4
cs_tom
Messages postés
1511
Date d'inscription
samedi 8 décembre 2001
Statut
Modérateur
Dernière intervention
11 juin 2009
-
28 nov. 2008 à 14:39
cs_sangoku66 Messages postés 37 Date d'inscription lundi 6 novembre 2006 Statut Membre Dernière intervention 17 avril 2013 - 17 avril 2013 à 19:27
cs_sangoku66 Messages postés 37 Date d'inscription lundi 6 novembre 2006 Statut Membre Dernière intervention 17 avril 2013 - 17 avril 2013 à 19:27
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/48562-carrousel-en-vrai-3d-sous-cs4
https://codes-sources.commentcamarche.net/source/48562-carrousel-en-vrai-3d-sous-cs4
4 déc. 2008 à 18:55
4 déc. 2008 à 23:04
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'
4 déc. 2008 à 23:18
Thx.
Stef.
5 déc. 2008 à 10:43
Ya moyen d'être de la partie pour la prochaine ?
10 déc. 2008 à 18:18
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
10 déc. 2008 à 18:24
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'
10 déc. 2008 à 18:43
10 déc. 2008 à 18:50
Peg'
10 déc. 2008 à 19:03
11 déc. 2008 à 09:04
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
11 déc. 2008 à 12:03
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
16 déc. 2008 à 00:01
Peg'
23 déc. 2008 à 10:07
29 déc. 2008 à 13:01
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!!
29 déc. 2008 à 14:14
Peg'
30 déc. 2008 à 14:55
merci pégase31
30 déc. 2008 à 16:30
Peg'
31 déc. 2008 à 08:26
31 déc. 2008 à 12:21
Peg'
4 janv. 2009 à 17:34
4 janv. 2009 à 18:13
4 janv. 2009 à 20:01
12 janv. 2009 à 13:08
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
12 janv. 2009 à 19:41
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.
12 janv. 2009 à 20:23
=>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'
12 janv. 2009 à 22:00
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>
Configuration:
<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"-->
</main>
12 janv. 2009 à 22:06
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'
12 janv. 2009 à 22:48
<main>
Configuration:
<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"-->
</main>
12 janv. 2009 à 23:02
Après, je ne vois pas trop d'où ça pourrait venir.
Peg'
5 févr. 2009 à 13:42
13 févr. 2009 à 12:22
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
}
13 févr. 2009 à 12:36
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'
13 févr. 2009 à 13:07
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 ...
13 févr. 2009 à 13:22
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'
13 févr. 2009 à 18:38
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
17 févr. 2009 à 17:04
Merci d'avance pour vos réponses.
17 févr. 2009 à 19:27
Si tu veux charger un swf externe, n'oublies pas de faire un lockroot dessus.
Peg'
25 févr. 2009 à 15:13
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
25 févr. 2009 à 15:30
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.
25 févr. 2009 à 16:23
main.as ?
je dois retrouver tous les paramètres séparément après et les retravailler ?
merci beaucoup en ts cas !
6 mars 2009 à 12:11
11 mars 2009 à 10:06
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">
</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.
11 mars 2009 à 10:10
Peg'
11 mars 2009 à 10:36
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>
carrousel3D.swf
<script type="text/javascript">
var so = new SWFObject("carrousel3D.swf", "carrousel3D", 200, 100, 7, "#336699");
so.write("flashcontent");
</script>
mais ça ne fonctionne pas...
11 mars 2009 à 11:00
Peg'
11 mars 2009 à 11:04
..en tout cas bravo pour ton boulot.
24 mars 2009 à 17:33
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: mais ça fonctionne pas... Une petite idée?
Encore bravo pour l'appli et les commentaires géniaux dans les fichier d'AS3
24 mars 2009 à 17:38
Peg'
24 mars 2009 à 17:51
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!
24 mars 2009 à 18:12
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'
24 mars 2009 à 21:02
Bonne soirée
25 mars 2009 à 16:11
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 !!!
25 mars 2009 à 16:44
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.
25 mars 2009 à 17:27
MAis si quelqu'un a une idée, je suis preneur aussi ...
25 mars 2009 à 23:22
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'
25 mars 2009 à 23:52
26 mars 2009 à 09:00
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
26 mars 2009 à 10:03
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'
26 mars 2009 à 10:10
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
26 mars 2009 à 10:36
Peg'
26 mars 2009 à 10:47
tampis je vais trouver une autre solution
merci quand même
bonne journée
26 mars 2009 à 11:54
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 ?
26 mars 2009 à 13:37
Peg'
26 mars 2009 à 13:44
oki merci
7 avril 2009 à 11:54
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 ;)
7 avril 2009 à 17:28
Peg'
8 avril 2009 à 09:02
Merci Peg ;)
8 avril 2009 à 10:41
8 avril 2009 à 10:43
8 avril 2009 à 11:38
8 avril 2009 à 11:57
<!-- Cette balise 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é
8 avril 2009 à 12:05
Stef
8 avril 2009 à 16:25
Peg'
9 avril 2009 à 12:00
9 avril 2009 à 20:23
Peg'
10 avril 2009 à 17:05
10 avril 2009 à 17:06
24 avril 2009 à 19:23
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.
24 avril 2009 à 19:54
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'
24 avril 2009 à 20:03
24 avril 2009 à 21:14
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.
29 avril 2009 à 17:11
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
29 avril 2009 à 17:22
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 ;)
29 avril 2009 à 17:25
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'
29 avril 2009 à 20:59
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.
29 avril 2009 à 21:20
Perso je n'y connais absolument rien en C ...
Peg'
29 avril 2009 à 21:20
30 avril 2009 à 10:54
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
30 avril 2009 à 13:36
à 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
30 avril 2009 à 19:03
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 !!!!
30 avril 2009 à 19:09
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'
4 mai 2009 à 09:31
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....
4 mai 2009 à 19:22
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.
5 mai 2009 à 13:18
Il faut ajouter : import flash.display.LoaderInfo !
13 mai 2009 à 07:59
2 juin 2009 à 13:58
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 !!!!
2 juin 2009 à 14:01
http://dl.free.fr/qOnS6HPms
2 juin 2009 à 14:14
Bon taff ;)
6 juin 2009 à 16:34
11 juin 2009 à 09:36
une idée ?
11 juin 2009 à 10:09
Peg'
11 juin 2009 à 10:13
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
11 juin 2009 à 10:19
Peg'
11 juin 2009 à 10:21
Merci Peg ;)
11 juin 2009 à 17:42
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.
11 juin 2009 à 18:05
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'
13 juin 2009 à 16:17
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
15 juin 2009 à 09:29
Pour tes coordonnés je ne sais pas désolé ...
15 juin 2009 à 12:07
- 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 ;)
15 juin 2009 à 12:16
Peg'
15 juin 2009 à 18:53
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…
13 juil. 2009 à 13:17
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...
13 juil. 2009 à 17:36
Peg'
14 juil. 2009 à 13:11
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
14 juil. 2009 à 13:18
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.
28 juil. 2009 à 17:23
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
28 juil. 2009 à 23:18
CT tout con j'avais oublier de mettre le fichier XML avec le fichier swf dans dossier racine de mon site ... encore désolé.
3 août 2009 à 15:18
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 !
3 août 2009 à 18:39
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'
4 août 2009 à 10:30
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...
4 août 2009 à 11:13
- 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'
4 août 2009 à 11:16
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 ;)
4 août 2009 à 11:21
--> 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 ? :|
4 août 2009 à 11:29
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'
5 août 2009 à 06:51
-> 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
5 août 2009 à 15:35
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 ;)
5 août 2009 à 19:25
-> 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 ;)
6 août 2009 à 14:17
Peg'
10 sept. 2009 à 23:21
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
15 sept. 2009 à 15:25
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.
15 sept. 2009 à 15:36
Peg'
17 sept. 2009 à 15:59
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?
17 sept. 2009 à 16:33
oui c'est possible :
1) tu oublis getURL ça n'existe pas, c'est navigateToURL du package flash.net
2) tu lis les commentaires
17 sept. 2009 à 21:38
J'ai nettoyé les commentaires inutiles et sans rapports avec la source.
Peg'
Admin Codes-Sources
18 sept. 2009 à 14:30
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 ?
21 sept. 2009 à 15:04
29 sept. 2009 à 13:42
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.
9 nov. 2009 à 16:25
14 nov. 2009 à 00:25
16 nov. 2009 à 16:28
16 nov. 2009 à 16:46
alors je veux change les image déjà excitantes par d'autres images et je sais pas quoi faire
merci
16 nov. 2009 à 18:24
Peg'
17 nov. 2009 à 09:59
17 nov. 2009 à 11:53
17 nov. 2009 à 12:08
Peg'
17 nov. 2009 à 12:52
17 nov. 2009 à 13:08
Peg'
17 nov. 2009 à 16:44
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
17 nov. 2009 à 18:37
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.
29 déc. 2009 à 04:30
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 ?
29 déc. 2009 à 04:36
autant pour moi j'ais compris...
merci
28 janv. 2010 à 09:25
28 janv. 2010 à 14:19
Peg'
7 févr. 2010 à 21:07
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.
20 févr. 2010 à 15:17
Gros débutant en flash et html j'ai tout de même réussi à modifier le flash pour lui donner une taille plus raisonnable et retirer le dégradé, l'intégrer dans une page html, modifier quelques petites choses comme la vitesse et l'écart ...
Me reste plus qu'à insérer un lien vers une page dans chaque image et j'ai fini !
Un gros merci donc à Peg et toutes les personnes ayant participé aux commentaires :)
26 févr. 2010 à 13:59
En effet pégase j'ai suivis tes instructions à la lettre et ai modifié le fichier main.as et rajouté le 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!!!!
29 mars 2010 à 10:06
8 avril 2010 à 15:42
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?
8 avril 2010 à 18:13
Placer des données dans le XML seulement ne sert pas à grand choses si tu ne les exploites pas.
Pour placer un titre sur chaque image, il faut aussi placer une zone de texte qui affichera ce que tontiens ton XML.
Peg'
9 avril 2010 à 09:36
Mais où placer cette zone de texte?
Dans le fla? ou dans le code?
9 avril 2010 à 09:56
Le FLA et le code c'est pareil ...
Peg'
12 avril 2010 à 13:11
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
13 avril 2010 à 09:31
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'
effectivement j'ai aussi quelques problèmes d'intégration de flash à partir du moment où la page html n'est pas au même niveau d'arborescence que le xml et le swf. J'ai tout lu les topics (même sur les swfObject) et je ne vois pas ma solution. lorsque je décale mes fichiers dans l'arborescence (ceux qui contiennent les fichiers xml et swf) mon flash fonctionne bien dans le fichier de rendu flash depuis dreamweaver (double click sur le swf dans ma bibliothèque des fichiers locaux). Mais lorsque je lance mon fichier html dans le navigateur, mon flash bugg. C'est donc bien dans le passage d'information du swobject que tout se passe. Mais je ne vois pas où et surtout comment résoudre ce problème.
Désolé Pégase 31 de te relancer encore (et encore) sur ce sujet, mais je souhaite simplement comprendre.
12 mai 2010 à 15:27
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"...
26 mai 2010 à 16:10
Merci beaucoup pour ce code bien documenté. J'ai cependant un problème :
J'ai ajouté des photos pour passer à 10 au lieu des 7 de l'exemple. J'ai bien modifier le fichier xml en conséquence :
Cela marche nickel en local par contre sur mon serveur cela génère une erreur dès que je dépasse les 7 photos :
"Error #2044: IOErrorEvent non pris en charge : text=Error #2036: Le chargement n'a pas été achevé".
Quelqu'un a une idée de ce qu'il ne va pas ?
Merci
4 juin 2010 à 14:23
5 juin 2010 à 15:11
j'ai lu attentivement, l'ensemble des commentaires et effectivement, le seul regret est la difficulté de ne pas pouvoir, sur chaque photo, lancer un url
j'ai essayé dans le data.xml d'ajouter un code du type http://www.flashkod.com
Mais cela dépasse largement mes compétences de pouvoir modifier les autres fichiers liés
SI QUELQU'UN A UNE SOLUTION !!!!! je suis preneur
Pour ceux que cela intéresse, j'ai trouvé un caroussel (beaucoup moins sophistiqué, mais très facile à modifier et lien url intégré) à cette adresse
http://www.flashmo.com/page/1
3 déc. 2010 à 12:53
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.
3 déc. 2010 à 14:30
Mais comme tu l'as souligné, elle date et reflète les premiers jets en AS3. Elle n'est donc pas du tout optimisée et manque cruellement de structure efficace (avec le recul actuel, c'est flagrant).
Par contre, ne rêve pas de devenir moi, sois toi, c'est déjà assez dur comme ç ;)
Peg'
20 déc. 2010 à 15:35
j'aimerai réaliser un stop de qq secondes sur chaque image mais je ne sais pas comment faire.
merci
23 févr. 2011 à 15:33
qu'est ce que je dois modifier pour centrer l'animation ?
23 févr. 2011 à 19:48
Peg'
24 févr. 2011 à 10:57
sarah
24 févr. 2011 à 11:08
Peg'
24 févr. 2011 à 11:12
24 févr. 2011 à 11:47
24 févr. 2011 à 11:49
je voudrai ke l'image se positione a 150 en x et -150 en y
24 févr. 2011 à 11:58
Tu devrais aller voir dans la classe qui gère celà.
Peg'
24 févr. 2011 à 12:11
//Fonction déplaçant la photo entre miniature et plein écran
private function viewImg(evt:TweenEvent):void {
var mtx:Matrix3D = Matrix3D.interpolate(depMtx, arrMtx, prop.tween); //Interpolation entre ma Matrice 3D de départ et d'arrivée
this.transform.matrix3D = mtx; //application de la matrice sur la photobmp.scaleX bmp.scaleY ref.scaleX = -(ref.scaleY = -(scaleT+((scaleV-scaleT)*prop.tween))); //Modification du scale de la photo et du reflet
msk.width = ref.width; //modification de la largeur du masquebmp.x ref.x -bmp.width/2; //centrage en x de la photo et du reflet
bmp.y = (-4*(1-prop.tween))-(bmp.height/(1+prop.tween)); //centrage en Y de la Photo
ref.y = 4+ref.height+(prop.tween*(ref.height*4)); //centrage en y du reflet
ref.alpha = .5-(prop.tween/2); //modification de l'alpha du reflet
ref.filters = [new BlurFilter(int(blurT*prop.tween), int(blurT*prop.tween), 1)]; //Création du filtre flou sur le reflet
//modification de la luminosité de la photo
var lightCoeff:Number = -((this.z+XMLManager.radius)/(2*XMLManager.radius))*XMLManager.dark; //définis le coefficient de lumière en fonction du Z de la photo
this.transform.colorTransform = new ColorTransform(1,1,1,1,lightCoeff,lightCoeff,lightCoeff,0); //Applique la luminosité à la photo
dispatchEvent(new Event("SortZ"));
}
le 2eme
//gestion et affichage de l'image chargée
var bmpDt:BitmapData = evt.currentTarget.content.bitmapData; //clonage de l'image chargée
bmp = new Bitmap(bmpDt); //création de l'image miniature
ref = new Bitmap(bmpDt); //création de l'image du reflet
photo = new Sprite();bmp.smoothing ref.smoothing true; //lissage des deux images
scaleT = Math.min(size.w/bmp.width, size.h/bmp.height); //détermination de l'échelle en fonction des données du XML et de l'image
scaleT = rectifScaleT(scaleT); //rectification de l'échelle en fonction du mode de miniature choisisbmp.scaleX bmp.scaleY ref.scaleX = -(ref.scaleY = -scaleT); //mise à l'échelle des deux images (scaleY négatif pour retourner le reflet)bmp.x ref.x -bmp.width/2; //placement des images en X ...bmp.y -(ref.y bmp.height+2); //... puis en Ybmp.alpha ref.alpha 0; //images en transparence complète
24 févr. 2011 à 12:30
Je n'ai pas le temps de regarder pour le moment.. désolé.
Peg'
24 févr. 2011 à 19:19
Ce n'est ni x ni y qu'il faut regarder mais le z (profondeur).
car tu es sur une scene en 3D
2 mai 2011 à 11:26
28 oct. 2011 à 16:38
Très novice également je rejoins megasniffer pour la méthodologie d'insertion de cette source. Je travaille avec Dreamweaver CS5 et je n'arrive pas à l'intégrer. Pouvez vous m'aiguiller SVP.
Merci par avance.
Duc Lorenzo
28 oct. 2011 à 16:44
Peg'
28 oct. 2011 à 22:41
Merci de l'attention portée à ma requête..je vais me rapprocher de mon ami google et suivre vos conseils!!!
Dans l'extrême, pourrais je me permettre de vous déranger à nouveau car comme je l'ai souligné dans mon précédent post, je suis novice mais combattant......
L'adresse du site en construction sans aucune connaissance en HTML sous dreamweaver CS5:
www.sepsauzevaussais.fr
Pas d'extravagance, sans assistance particulière, j'ai a cœur de bien finaliser ce projet!! Je souhaite mettre un carrousel sur la page d'accueil.
Merci encore
Duc Lorenzo
28 oct. 2011 à 23:05
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'
29 oct. 2011 à 12:10
il est évident que je ne vais l'utiliser tel quel, je vais bien évidemment changer les images, les dimensions sur le quel j'ai compris le cheminement. Je voudrais simplement garder le "squelette"
Merci par avnace.
Duc Lorenzo
29 oct. 2011 à 18:53
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
29 oct. 2011 à 19:27
Dois-je réellement te refaire la lecture de ce document ?
Peg'
29 nov. 2012 à 13:07
http://www.bienetre-tunisie.com/demo/pageflip/
13 avril 2013 à 11:30
très joli travail
Peut-on ajouter le code as copyright et comment s'y prend-on ?
Amicalement,
13 avril 2013 à 12:14
Peg'
13 avril 2013 à 12:21
quand tu clic droit sur l'animation ton copyright apparait
de plus, j'aimerais savoir si et par quel moyen on peut y ajouter un titre pour chaque image
Amicalement
13 avril 2013 à 12:24
les images et mon copyright qui est celui-ci :
var my_menu:ContextMenu = new ContextMenu();
my_menu.hideBuiltInItems();
var my_notice = new ContextMenuItem("© Philippe - Alias Sangoku 2013");
var my_email = new ContextMenuItem("Fan de Mylène Farmer");
var my_copyright = new ContextMenuItem("© 2013");
my_copyright.enabled = false;
my_copyright.separatorBefore = true;
function openLink(e:ContextMenuEvent):void{
navigateToURL(new URLRequest("http://www.sangoku66.net" ));
}
my_notice.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, openLink);
my_menu.customItems.push(my_notice, my_email, my_copyright);
contextMenu = my_menu;
Merci d'avance
Amicalement,
13 avril 2013 à 18:52
Pour le ©, ta solution semble être la meilleure.
Peg'
16 avril 2013 à 21:19
y a t-il moyen d'adapter le code si-dessus dans les fichier existant ?
et y a t-il aussi moyen d'ajouter du texte pour par exemple donner un titre à l'image
je ne vois pas dans les commentaires qu'on en parlait.
Amicalement,
17 avril 2013 à 13:11
Et que tu parle d'un copyright sur des photographies dont tu as eu l'autorisation de faire.
Tu ne semble pas capable d'ajouter un contextmenu ou n'importe qu'elle bout de code a cette source, alors nous faire croire que tu as crére un carroussel tout seul, j'ai de gros doute...
17 avril 2013 à 18:03
et si s'est pour se faire agresser, comme tu le fais là, alors n'en parlons plus
je préfère tirer mon plan par moi-même, comme je l'ai toujours fait
tu imagines même pas de quoi, je suis capable, et toi tu m'agresses
je posais une simple question, s'est tout
bien je vais abandonner, je chercherai bien par moi-même
pour ta gouverne, regarde ici et tu comprendras alors que je sais travailler en as3 sans flood ou bien ce que tu peux imaginer d'autre
tout sur le site, est de moi, aucun élément, est d'une autre personne
alors, je suis déçu d'un tel comportement de ta part et j'en resterai là pour cette source.
http://www.sangoku66.net
si tu trouve une source d'ici sur mon site, tu me le dis.
17 avril 2013 à 18:28
"j'ose espérer que", "j'ai de gros doute". De quoi ce sentir des plus offusqué...
Concernant ton site, difficile de se faire une idée de ton potentiel sur un site flash en ligne a moins que je le décompile ^^.
Mais bon je vais te faire peur la.
Quant aux droits d'auteurs, j'insite; c'est une douce illussion de croire que:
1/Les photos que l'on trouve sur internet sont libre de droit et si j'amais elles le sont, elles t'engagent à indiquer pour chaqu'une d'elle le titre original de la photo si il existe , mais surtout l'auteur de la photo.
2/Certes tu as réussi à faire un site et tu découvriras bientot que le chemin que tu as fait et tellement proche du point de départ, alors dela à penser mettre un copyright, tu es bien loin du compte.
Ce que tu es capable de faire aujourd'hui, énormément de personne l'a déjà fait. Il serait plus appréciable d'opter pour plus d'humilité et meme pourquoi pas pour des valeurs plus proche du partage que celui de la propriété.
En effet, c'est plutot paradoxale de demandé de l'aide sur un support gratuit d'entraide en ayant a l'idée de copyrighter son travail.
Toutefois si tu veux un avis précis sur ton travail, il faut avoir accès au code as
17 avril 2013 à 19:27
j'ai peur de rien, je n'ai rien a cacher,
et je ne te demande aucun avis sur mon travail, car le sujet n'y est pas adopté
laisse tomber le copyright, disons que je n'ai rien demandé
et je pense que j'ai encore beaucoup a apprendre, je n'ai jamais dit le contraire
tu as une façon très agressif de parler aux gens, donc je pense qu'on va en rester là
je ne veux pas pourrir le sujet
a bon entendeur salut