Accueil > Forum > > > > telecharger un carrousel photo 3D
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
|
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
|
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
|
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
|
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
Livres en rapport
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|