begin process at 2012 05 27 22:46:05
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Flash / Flash MX

 > 

Divers

 > 

Débutant(e)

 > 

telecharger un carrousel photo 3D


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

telecharger un carrousel photo 3D

samedi 23 avril 2011 à 17:15:40 | telecharger un carrousel photo 3D

fabrice2

bonsoir,
je suis un archi débutant sur flash CS4 sans aucune formation et je souhaite réaliser un carrousel 3D avec mes propres photos.
Pour cela j'ai téléchargé le Zip correspondant sur le site et je me retrouve avec plein de fichiers, dont un carrousel3D.fla main que j'ai essayé d'ouvrir en pensant que je n'aurais plus qu'a remplacer les photos initiales par les miennes , mais niet ! lorsque je le visulaise en animation, j'ai un rectangle blanc et c'est tout !
J'ai cherché laborieusement dans les tutos mais je n'ai rien trouvé pour aider le pauvre débutant que je suis !
SOS !
samedi 23 avril 2011 à 20:14:34 | Re : telecharger un carrousel photo 3D

cod57

bonsoir

question triviale tu ouvres ton .fla avec quoi ?
il doit y avoir un chemin dans la source
il faut appuyer sur F9 pour voir l'ActionScript
verifie que le chemin des images et bien un repertoire de
ton projet et qu'il y a des images dans ce repertoire ...
si c'est un .xml c'est pareil verifie son existence et que les
liens du .xml pointent sur des images existantes

a++
samedi 23 avril 2011 à 22:10:04 | Re : telecharger un carrousel photo 3D

fabrice2

merci
je l'ouvre avec flash CS5
par exemple si j'ouvre l'un des fichier qui est en .as
il s'ouvre avec flash professionnnal CS5
et voila le contenu :


/*-- Classe faisant tourner les images en mode carrousel --*/

package carrousel3D {

import flash.display.Sprite
import flash.events.Event
import flash.geom.ColorTransform
import flash.geom.Matrix3D
import flash.geom.Vector3D

import carrousel3D.PhotoDisp

public final class Carrousel extends Sprite {

private var imgTab:Vector.<PhotoDisp>; //Tableau contenant les Sprites des images
private var radius:Number; //Rayon du cercle
private var selected:PhotoDisp; //Photo selectionnée (pour tri en Z)

public function Carrousel(data:Vector.<PhotoDisp>):void {
imgTab = data.slice(); //duplique le Tableau des images
radius = XMLManager.radius; //Rayon récupéré du XML
addEventListener(Event.ADDED_TO_STAGE, addedToStage); //lors de l'ajout sur la scène
}

//Fonction déclenchée lors de l'ajout sur la scène
private function addedToStage(evt:Event):void {
var angBase:Number = (Math.PI*2)/imgTab.length; //degrés entre chaques images du carrousel
for (var i:int=0; i<imgTab.length; i++) { //Cycle sur chacune des images contenues dans le Tableau
var targ:PhotoDisp = imgTab[i]; //Cible l'image en cours
addChild(targ); //Ajoute l'image au carrousel
var mtx:Matrix3D = new Matrix3D; //Matrice 3D servant au déplacement premier
mtx.appendRotation(-i*(360/imgTab.length)-90, Vector3D.Y_AXIS); //oriente la photo dans la direction voulue
mtx.appendTranslation(Math.cos(i*angBase)*radius, (stage.stageHeight/2-32), Math.sin(i*angBase)*radius);//place la photo sur son point dans le cercle
targ.transform.matrix3D = mtx; //application de la matrice sur la photo
}
launchRot(); //lance la rotation du carrousel
}

private function rotate(evt:Event):void {
var rotAdd:Number = mouseX/(stage.stageWidth/2); //Récupère l'emplacment de la souris et ressort un chiffre entre (-1 et 1)
var mtx:Matrix3D = new Matrix3D(); //Matrice 3D permettant la rotation de l'ensemble
mtx.appendRotation(rotAdd, Vector3D.Y_AXIS); //Applique la rotation à la matrice 3D
for each(var photo:PhotoDisp in imgTab) { //Cycle sur toutes les photos présentes
//Modification de la rotation de la photo
var photoMtx:Matrix3D = photo.transform.matrix3D //récupère la matrice 3D actuelle de la photo
photoMtx.append(mtx); //applique la matrice 3d de rotation
photo.transform.matrix3D = photoMtx; //réapplique la matrice 3D à la photo
//Modification de la luminosité de la photo
var lightCoeff:Number = -((photo.z+radius)/(2*radius))*XMLManager.dark; //définis le coefficient de lumière en fonction du Z de la photo
photo.transform.colorTransform = new ColorTransform(1,1,1,1,lightCoeff,lightCoeff,lightCoeff,0); //Applique la luminosité à la photo
}
sortPhoto();
}

/*-- Fonctions d'interaction avec les images --*/

//fonction déclenchée lors de l'appuie sur une des Miniature
public function selectPhoto(targ:PhotoDisp):void {
selected = targ; //Stocke la photo selectionné pour comparaison en Z
removeEventListener(Event.ENTER_FRAME, rotate); //Retire l'évènement de rotation général
setChildIndex(targ, imgTab.length-1) //Place la photo selectionnée en premier plan
for each (var item:PhotoDisp in imgTab) { //Cycle sur chaque photo présente
if (item!=targ) { item.blurIn(); } //Si ce n'est pas la photo selectionnée, lance le flou
}
}

//fonction déclenchée lors de l'appuie sur une des Miniature
public function deselectPhoto(targ:PhotoDisp):void {
targ.addEventListener("ViewEnd", launchRot); //Evènement de fin, relançant la rotation lors du retour en mode miniature
targ.addEventListener("SortZ", sortPhoto); //Evènement de tri en Z lors du retour de la photo
for each (var item:PhotoDisp in imgTab) { //cycle sur chque photo
if (item!=targ) { item.blurOut(); } //Si ce n'est pas la photo selectionnée, enlève le flou
}
}

//fonction déclenchée lors du retour de l'image en mode miniature
private function launchRot(evt:Event=null):void {
selected = null; //Efface l'indice de photo selectionnée
if(evt!=null) { //Si la fonction est déclenchée par un évènement (retour de la photo en miniature)
evt.currentTarget.removeEventListener("SortZ", sortPhoto); //détruit l'évènement de tri en Z des photos
}
addEventListener(Event.ENTER_FRAME, rotate); //lance la rotation des photos
}

/*-- Fonctions de tri en Z des images lors de la rotation --*/

//fonction lançant le tri des photos en Z
private function sortPhoto(evt:Event=null):void {
sortZ(imgTab);
}

//Fonction de tri en Z
private function sortZ(tab:Vector.<PhotoDisp>):void {
tab.sort(depthZ); //tri de la table des photos en fonction de leur Z
var i:int = tab.length; //variable à décrémenter
while (i--) { //cycle sur toutes les photos
setChildIndex(tab[i], tab.length-1); //place l'image en premier plan
}
}

//Fonction de comparaison de Z pour le tri en Z
private function depthZ( item1:PhotoDisp, item2:PhotoDisp ):Number {
var result:Number;
switch(selected) {
case item1 : result = (item1.z+((item1.z-radius)*2)) - item2.z; break;
case item2 : result = item1.z - (item2.z+((item2.z-radius)*2)); break;
default : result = item1.z - item2.z;
}
return result;
}


}

}
dimanche 24 avril 2011 à 06:32:05 | Re : telecharger un carrousel photo 3D

pegase31

Membre Club Administrateur CodeS-SourceS
Bonjour, tout se trouve dans le xml ... et c'est d'ailleurs expliqué clairement sur la source.

peg'
dimanche 24 avril 2011 à 10:57:38 | Re : telecharger un carrousel photo 3D

fabrice2

Merci Peg
je suis débutant et je ne comprends pas ce que tu m'expliques car, si j'ouvre comme tu me le dis avec flash CS5 le ficher XML manager.as qui est disponible dans le zip, j'obtiens sur CS5 dans l'onglet outil ce qui est en dessous: mais je ne vois pas apparaitre l'onglet scenario comme d'hab ??
est ce qu'il faut que je mette mes photos dans la bibliothèque ??
je suis perdu !! N'hésite pas à m'expliquer étape par étape si tu as un moment. Car pour l'instant je ne sais faire qu'un mini bandeau déroulant que tu peux voir sur mon site personnel qui s'appelle curionat
merci par avance


/*Classe Statique de chargement et gestion du XML */

package carrousel3D {

import flash.events.Event
import flash.net.URLLoader
import flash.net.URLRequest

public final class XMLManager {

public static var dataXML:XML; //XML dans lequel va être stocké le XML chargé
public static var loader:URLLoader; //Loader qui va charger le XML

/*-- Fonctions de chargement des données --*/

//Fonction de chargement du XML de base
public static function load(url:String):void {
loader = new URLLoader(new URLRequest(url)); //création du loader et chargement des données
loader.addEventListener(Event.COMPLETE, loadComplete); //déclenché à la fin du chargement du XML
}

//Fonction déclenchée à la fin du chargement du XML
private static function loadComplete(evt:Event):void {
dataXML = new XML(evt.currentTarget.data); //Stocke le XML chargé dans le XML prévu à cet effet
}

/*-- Fonctions publiques de configuration --*/

//fonction renvoyant le radius du cercle
public static function get radius():int {
return dataXML.config.rotate.@rad
}

//fonction renvoyant l'indice de luminosité des images
public static function get dark():int {
return dataXML.config.rotate.@dark
}


//fonction renvoyant la taille max des miniatures
public static function get thumbSize():Object {
return {w:int(dataXML.config.thumb.@wMax), h:int(dataXML.config.thumb.@hMax)}
}

//fonction renvoyant le type d'affichage des images en plein écran
public static function get viewType():String {
return dataXML.config.view.@type
}

//fonction renvoyant le mode d'affichage des miniatures
public static function get thumbType():String {
return dataXML.config.view.@thumb
}

/*-- Fonctions Publiques de Données d'images--*/

//fonction renvoyant le nombre d'images contenu dans le XML
public static function get imgs():int {
return dataXML.images.img.length();
}

//fonction renvoyant le chemin des images
public static function get path():String {
return dataXML.images.@path
}

//fonction renvoyant l'url complète (path+url) de l'image
public static function getURL(nb:int):String {
return path + dataXML.images.img[nb].@url
}

}
}
dimanche 24 avril 2011 à 10:59:33 | Re : telecharger un carrousel photo 3D

pegase31

Membre Club Administrateur CodeS-SourceS
Non, je parle du fichier .xml. Tu n'as même pas besoin de flash pour y insérer tes propres photos.

Peg'
dimanche 24 avril 2011 à 11:50:15 | Re : telecharger un carrousel photo 3D

fabrice2



oui je l'ai trouvé le fichier data.xml : le voici ci dessous
ils citent a priori effectvement des noms d'images

STP, a partir de la comment je l'integre dans flash ?
cordialement

<main>
<config>
<rotate rad="400" dark="88" /> <!-- rad:rayon du cercle(en pixel), dark:coeff de luminosité vers le fond(0 à 255) -->
<thumb wMax="192" hMax="192" /> <!-- 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="cezanne-paul-landscape-with-brook-2633216.jpg" />
<img id="1" url="Fanciful_Landscape-1834-Thomas_Doughty.jpg" />
<img id="2" url="Landscape - Chateau Saint Ulrich, France.jpg" />
<img id="3" url="landscape-at-the-end.jpg" />
<img id="4" url="landscape-photo.jpg" />
<img id="5" url="oak-tree-landscape.jpg" />
<img id="6" url="OLIVIER--de-villeneuve-f-olive-landscape-2400815.jpg" />
<img id="7" url="park_landscape_first_place_Algonquin_1.jpg" />
</images>
</main>
dimanche 24 avril 2011 à 11:56:09 | Re : telecharger un carrousel photo 3D

pegase31

Membre Club Administrateur CodeS-SourceS
Tu ne l'intègres pas.
L'animation le charge simplement.
Il te suffit de modifier les noms des images et de placer les fichiers où il faut pour que ça fonctionne.

Rien de plus simple.

Peg'
dimanche 24 avril 2011 à 12:06:08 | Re : telecharger un carrousel photo 3D

fabrice2

merci bcp

simplement, pour moi ce n'est pas aussi simple !!
si je résume, j'ouvre mon fichier .xml ( il s'ouvre avec dream weaver) et je mets mes ref de photos a la place de celles qui y sont.
mais ensuite ou dois-je placer mes photos pour que ca marche comme tu me le conseilles ?
et dois je quitter dreamver et mon fichier.xml pour retourner dans flash CS5 aprés ? mais si oui quel fichier j'ouvre dans flash ?
désolé ... !
dimanche 24 avril 2011 à 12:12:13 | Re : telecharger un carrousel photo 3D

pegase31

Membre Club Administrateur CodeS-SourceS
ben je ne sais pas ...
Peut-être que tes photos doivent être mis là où tu as indiqué dans le XML qu'elles sont ...
Et peut-être qu'il faut savoir qu'une animation flash compilée à un format swf ...

Peut-être aussi que tu pourrais réfléchir, te renseigner un minimum et faire quelques recherches sur internet avant de venir poser des questions aussi "basiques" ici ...

Peg'

ps: quand je veux faire du pain, généralement je cherche la recette sur internet et je cherche aussi quel genre de farine est le mieux pour le type de pain que je veux faire. ça m'évite d'aller emmerder mon boulanger et de passer pour un assisté.

1 2

Cette discussion est classée dans : débutant, 3d, photo, telecharger, carrousel


Répondre à ce message

Sujets en rapport avec ce message

Pivoter et zoom d'une photo ! [ par NaNouk_X ] Bonjour, je suis un vrai débutant en flash !je voudrais faire une petite animation qui donnerait l'effet de voir une photo partir du fond de l'écran e 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 débutant en programmation 3d [ par 5m ] j'aimerai juste comprendre comment flash (mx 2004),apparement un logiciel 2d permet de gerer un moteur 3d? Faut bien commencer par ça? je cherche donc Effets 3D à la template monster ? [ par Vano05 ] Salut à tous ! Vous connaissez surement le site américain TemplateMonster, qui délivre des graphismes de toute beauté, notamment au niveau des animati questions de débutant [ par ninjafury ] Bonjour à tous,je vais essayer d'être le plus clair possible dans mon exposé.Voilà, je dois faire une page pour un site d'une association de golf, et 3D Chat [ par nuno11 ] Bonjour, je me lance dans la programation d'un tchatte en 3D sous flash. J'aimerais savoir si quelqu'un connaitrait un site ou je pourai apprendre à s prechargement de jpg(comme var) depuis inernet [ par eroskod ] j'ai une variable ph qui porte le chemaint de la photo depuit internet.et j'ai un loader pour charger l'image.il ne marche pas on line.je veux que le je suis débutant et je voudrais réaliser un formulaire qui s'enregistre dans une base de donnée modifiable en ligne. [ par grandpatron ] Je suis débutant en flash, jusqu'ici à l'école on vais fait que des animations mais maintenant je doit faire de l'action script et je suis perdu.Je do comment faire pour faire une sorte de personnage en 3D? [ par romain030988 ] Bonjour, je cherche un tutoriel ou comment faire pour faire une sorte de personnage en 3D d'aide un peu comme sur cdiscount (<A href="https://clients. Gallerie photo flash dynamique (upload) [ par jekell ] Hello, Je cherche a faire une Photo Gallerie dynamique ... avec la possibilité pour un utilisateur d'uploader une nouvelle image pour la rajouter a l


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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 : 2,028 sec (4)

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